Continuing my series on my personal process from design to xhtml / css, I add another screenshot of the next version of Veritas Community website.
Now with bonus color option! I did some graphic and color updates and came up with this revision:
Tonight, I decided to start my treatment of the search area, a little tagline (oh so similar to mosaic’s :/), the navigation menu, and the right side bar area.
I haven’t figured out what I’m going to do with the navigation elements just yet so I’m leaving them be for now.
My biggest focus was on the right sidebar where I introduced a small quip about Veritas and immediately follow it with a listing of upcoming events. These events might be shows for the venue or community events or perhaps a mix of both.
According to my rough sitemap in the nav bar, I have decided, so far, to separate “Events” and “Shows”. I’m not entirely sure this is the best way to do it right now, but it does seem to make sense for the time being.
So until next time, enjoy the pretty picture.
Chris B
February 21, 2007 at 4:49 pm
Hi Joe! I have a suggestion about your process that might help. When I’m approaching a design, it helps me to first create a barebones wireframe version of the UI that outlines all the features that I need to design for and where my features will reside on the page. By doing this, I can quickly see how I’m utilizing page space without putting too much effort into graphics production up-front. Most importantly, it helps let the content dictate the design, and not the other way around. Good luck!
Joe Sak
February 21, 2007 at 5:01 pm
Oh yea, totally. I started with a wireframe of a bunch of gray boxes and then identified in my head what those boxes represented. What you’re seeing is the beginning after that. I guess I lied when I said I would show the whole process. My bad!