#86: Photoshopping the Gallery

(Updated on )

I was excited to get started on the Gallery area on the site. It’s one of the areas that was particularly bad in v9. It doesn’t get a ton of traffic, but maybe we can turn that around. I enjoy it very much and have a slew of content to get posted to it over time.

We start out by working in Photoshop so we can keep our mind creative and do some visual exploration without the baggage of thinking analytically with code.

We move over the header graphic. Seems a little funny to do that since it’s already implemented on the site and in a better way, but this will help us keep our design environment as real as possible.

We build a navigation bar for the gallery. Instead of a big nasty tag cloud at the bottom of the layout as we had before (and even that was an improvement to the messy category and tag layout from early v9 days) we do something different. We’re going to make a dropdown menu you can click to reveal the tags you can browse by, and even that is built into a bit of a breadcrumb style layout in the navigation bar. So it serves kind of triple-duty: page title, breadcrumb nav, and exploratory dropdown nav.

This design, to me, is something I probably wouldn’t have come up with if I didn’t make these exploratory trips back to Photoshop.