Quentin Hill: Web. Design. Numbskullery.

About

I have been playing around with web design for the past ten years. One day I decided to go to school and get a formal education in the field. While slaving away at my studies, I ended up developing a crush on print design. I would also put my crudely drawn-underbitten floating heads against anyone else’s.

Quentin Hill (Signature)

Work

Work Samples

Please select a work sample from the selections above. From there, clicking on the bigger preview will get you an even bigger preview. See you starside.

Metalog • Photo Illustration and Layout

Portfolio Sample #01

During my studies, we were tasked with creating a web and print catalog for a product of our choosing. I chose extreme metal albums. This is the print component, and was fun to work on and to overcome some of the design challenges. I wanted the photo illustrations to reflect the feeling of the music.

See Also

The Chariot • Typhographic Layout

Portfolio Sample #02

This is a tribute poster I designed for one of my favorite bands, The Chariot. The second track on their album “Everything is Alive, Everything is Breathing, Nothing is Dead, and Nothing is Bleeding” is the 13th longest song title in the world. I’ve got a soft spot for stuff like that, so I made this poster for the song, album and band.

See Also

The Slings and Arrows • Typhographic Layout

Portfolio Sample #03

A poster announcing the release of a ficticious band’s latest album. This started as a small project, but quickly earned it’s favor with my peers and I. The photograph is in the public domain, and the wings are heavily modified from a smaller, simpler wing illustration.

See Also

Herb Lubalin • Designer Review and Layout

Portfolio Sample #04

Mr Lubalin was an extremely prolific type and graphic designer. I am a huge fan of his work, especially his “The Next War” design. In school we were assigned to pick a designer, then write and design a one page article about that designer. I picked Mr Lubalin, and this is what I came up with. Not my usual dark style, but I’ve got to get out in the sunshine once and a while.

See Also

Cherry City Derby Girls • Original Illustration and Layout

Portfolio Sample #05

I designed this for an art auction fundraiser for the Cherry City Derby Girls. They requested I use red, black, and neon green in the design and wanted a poster that captured the attitude and essense of roller derby.

See Also

Metalog • Website Design

Portfolio Sample #06

As mentioned in another piece, this is a web catalog design for extreme metal albums. I wanted to step away from the traditional website look and take advantage of what CSS and good XHTML can do. The site was coded by hand (as are all website I create), and fully validates as XHTML 1.0 Strict. I carried over some of the typography from the print catalog, as well as the photo illustrations to bring in a sense of cohesiveness.

See Also

Projects • Website Design and Programming

Portfolio Sample #07

Projects was a side project of mine during school. I needed a system of keeping track of all my different school projects, but couldn’t find a pre-existing solution that worked with me. So I made my own, thanks in large part to the amazing CakePHP application framework. Main features include a two-week “what’s next” calendar view, along with milestone markers and reminders.

See Also

Fore-closure! • Photo Illustration and Layout

Portfolio Sample #08

This photo illustration came out of the task to follow the “low-brow” style, pick an article about a current event, and create an illustration to go with the article. I picked the Wikipedia article on foreclosure and tied it to the old school image of being broke and homeless means you have to wear a barrel instead of clothes.

See Also

Slumlord Millionaires • Photo Illustration and Layout

Portfolio Sample #09

This photograph (which was taken with the HDR process) captures the irony of something that gets things so clean can also be very dirty. It still amazes me how much detail the HDR process picks up on, and how the right adjustments make things that much grubbier. This is also my favorite photograph that I’ve taken.

See Also

Contact


 

Colophon

Made Using

Technical Details

Hosting is provided by the folks over at DreamHost. This page is crafted using a pretty sweet looking combination of PHP, JavaScript, CSS and HTML. And a couple of PNGs to be fair.

This site makes extensive use of the following scripts/ideas that I did not come up with:

Web Standards

Web standards are important. They make this whole web thing work properly. I’m a web developer, so I can’t help but embrace the latest and greatest. In this case, the future standards of HTML 5 and CSS3. If you are running the latest version of any modern browser, this page should show up as intended (so far, Internet Explorer is the only browser that doesn’t support everything. It tries though). This site should also degrade gracefully depending on what the browser supports. She may not be pretty on the oldest of browsers, but she works dag-nabbit.