Project II: One Direction

- New Main Nav image. each section is a separate link to corresponding steps. navigation is always active as you progress through the site.

- Main page. Includes all birds ( or fact links). or rather it is hinting at them as they are screened at 50 percent transparency and NOT active links. CHOOSE YOUR STEP. click on the top section of the tree.

- Step 1 page. The birds are now links to separate individual facts. CHOOSE YOUR FACT. click on a perched bird.

- Step 1, Fact 1 page. The selected bird flies off a very short distance to reveal the fact. Five tree sections and two birds are clickable.

- Step 4, Fact 2 page. Same as the previous image. however I chose to do this page, as it is the most difficult as for allowing for spacing with the Step Header located on the trunk of the tree.

Project II: Process Work

One sketch - the digital progression of the wireframe sketches.

-Main Navigational page
-Secondary Navigational page with additional three facts
-Rough sketch for the image in consideration for Main Navigation

Project II: How To Live Green

Wireframe and site mapping sketches.

Project I: Final

Since our last meeting, I attempted to delineate between the three primary categories on the left side with individual images of different types of wood, each relating to the category presented. I felt this made the composition too busy, hindered legibility of the type, and prevented the three categories from being unified. The single block of wood allows for a single container of the primary data, being a breakdown comparison of all 48 projects/products within the magazine, similar to the three separate breakdowns on the right side of the composition. I was excited about my positive feedback on wednesday, and I am proud of the final outcome.

-

Project I: Progression Sketches

In my final piece, I intend to utilize the hand-generated qualities of the vectored document in order to directly relate to the ReadyMade DIY look. By introducing more handwritten words [for emphasis and hierarchy], and more pencil lines sketches, subordinate to the primary information, but still interacting with the vector shapes, I hope to integrate the two types of form together.

Current sketch with details:

Project I: Early Sketches

for the ReadyMade magazine issue 33 February/March 2008. I began this project comparing the number of projects in the issue that were DIY and the number of New products advertised. I then broke down DIY into the categories of Revived and Repurposed, and then compared the three using percentages.

Information architecture is.

the organization of data presented in a way so that legibility and and functionality illustrate a clear insight into the subject and content. An example of exceptional Information Architecture is the work of Edward Tufte.