InfoArch: FINISHED AND LIVE!

CHECK IT OUT HERE!

InfoArch: I got my rollovers working!

So far, my rollovers work, and this background is at a 90% opacity to still have the background show through.

InfoArch: New arrangement

I think I might have solved my navigation problem. It's at the top, out of the way, while all the content displays underneath. I like how it's shaping up this direction.

InfoArch: Matchbook Website

BEHOLD, my matchbook collection website. Below is my pdf progression of my how to navigate through the website. To recap, I wanted to highlight my illustrations and not have anything too distracting from them, but I also wanted something to sort of showcase them also. It's a classic/old school dated sort of look with the color illustrations. I think there's a nice mix within the website and a good balance between what's digital and what's analog. The wood in the background is to reflect a bar top because when I thought about where matchbooks might live, I thought bars are a good place to expect them. Not all of these matchbooks are from bars, though I don't think that matters.

There's an about page...about the collector and his collection.
A quick history of matchbooks page.
Then, let the sorting begin. First by location, alphabetically.
Then by venue.
and last by size.
The rollovers are a colorized square that is overlaid each matchbook. Just a subtle signifier of where you are.

The matchbook pages are pretty simple. Large image of the matchbook with a quick history overview. The bottom right corner has a "compare" button. This allows the user to view the infographics.
One of the infographic pages it might lead to.

InfoArch: Illustrations

Wow are these tedious! I really like how they are looking, I just need to speed it up!

InfoArch: Matchbook final direction

INFO ARCH: Proposals

So I initially thought about this website and was thinking that I didn't want anything too distracting from the illustrations of the matchbooks, so this first style is a black and white simple and clean version. I'm still working on the illustrations of course.

The next idea I had in mind might not be the best, but I just thought about the context in which matchbooks might be placed and I thought of a coffee table sort of wood like background. I think if anything, this idea needs more supporting props to tell the story like an ash tray and a pipe or something.

This last idea is enhancing the hand-rendered illustrations and style with the type and the surrounding container. After some feedback from Mo, it's starting to look a little muddy, but this idea is a very playful and good route to be on. So I worked with it a little more and below are some of the other options. I really like the last comp with the white background and the surrounding container framing the site.

COLLECTION: IMAGE TESTS

Below are a wide range of rendering methods possible for my collections website. I tried photography, black and white photography, dynamic cropping, vector illustration, blurry photography, outlines, watercolor pencil, and digital illustration.


Photography
B&W Photography

Dynamic Cropping

Vector Illustration

Blurry Photography - leave it open to interpretation

Just outlines

Pen & Ink

Watercolor Pencil

Stylized Digital Illustration