Tuesday, April 8, 2008

Final Wireframes

Site map showing the prototypical pages I am wireframing 




This is the homepage. It doesn't contain all the navigation of the other pages, so I thought I'd use this space as bulletin for news or updates. Below is a general article on web design, this may also be a space for continuously updating, "article of the week" sorts of posts.




Secondary category within "designers role".  This shows the navigation and content that will appear on this type of page. For what each section that is clicked, a header and specific content is generated in the location below, along with an image.





This shows the tertiary level which generates each term's content in the space below and gives navigation to call up all other terms in that section. Also there is a space below the text for additional info, in this case how Chrome relates to the user's experience, taking you to Chrome's location in another category.




Here I'm handling what were sub-tertiary categories sections with multiple terms in each





Here is an example of the first level after the homepage.





In this exapmple, CSS links to a relating article with the option to return to CSS after the article, and still the option in the nav above.

1 comment:

jamie said...

Grant, work with a clearly defined verticle grid to align columns, pics, headers, nav et al. The grid can be small/numerous and therefore flexible - but one is not apparent to me in these wireframes