InfoArc: Collection: Final five pages

Can't capture roll overs when you have to move your mouse in order to get an image grab. Sad. Maybe I'll photograph my screen later. 

InfoArc: Collection: Near final style

InfoArc: Collection: more iterations

This is a still-early rough draft of the micro machines collection website. Since talking with Epp, the timeline page will not have a reveal factor, you'll simply see all the cars in relation to their years from the get-go (like I had wanted to do from the start. Why make things clickable if they don't need to be?). 

This is just a detail shot of the homepage/gallery page.

The whole design has since evolved into something more elegant and refined, the navigation buttons are now using the bar a bit better and the black background will make the icons pop better from the page/screen. 

 

InfoArc: Collection: "final design"

InfoArc: Collection: Homepage options

These show a few options when it comes to the home page of my site. Any combination of car renderings/highlights can be used in the place of rollover and click-down states. The navigation can also get broken up differently, trying out Universe and Verdana as my fonts, with a possible italic rollover state. The pop up image will probably be photograph, which is why the vector only shows up once in the below sketches/mockups.

InfoArc: Collection: Item Rendering Iterations

InfoArc: Collection: final wireframe

The first image is, of course, the overview, but since screen grabs suck at grabbing any details at all I included detail shots of all the pages and the interactions that happen with each individual page.

InfoArc: Collection: digital wireframes

InfoArc: Collection: wireframe beginnings

InfoArc: Collection: info graph sketches

InfoArc: Collection: MicroMachines: Sorting Methods

25 cars.... they can be separated into the following categories:

truck vs car
color
plastic vs metal under carriage
year created
decal/special paint job
Abby's favorites
parts that open vs solid body
convertible vs closed top
"classic cars" vs modern vs futuristic
"extra features:" chrome rims, trailer hitch, extra wheels, decals...


With a focus on:
year produced

color

height

and solid paint job vs decal/special paint