Somehow, some way, after more than eight months tooling around in Photoshop, I managed to give this site a major design refresh. The motivation was the May 1 Reboot, but I’ve been trying to get this done for quite some time.
First, my objective was not to totally re-brand myself and my site. I like how this site’s structure and style have evolved over the past 2+ years, and I love the green & orange. So, job #1 was continuity.
Keeping this in mind, there was a lot of room to improve…
I switched to a Macintosh almost 2 years ago, and it was one of the best purchases I’ve ever made. I wanted to keep the old Alison “N”, but figured it would be nice to aqua-fy it, in honor of OS X.
The site header and navigation in the last design took up too much real estate. I always admired Jason Kottke’s decision to minimize his nav bar in his last redesign:
The yellow-green thing at the top is a tag. Like the red tag on Levi’s jeans or even the red stripe on Prada shoes. It’s small, out of the way, but when you see it on something, you know exactly what you’re holding in your hands.
I decided not to go too small, since I wanted to make it easy to click and navigate, but I combined the site header and navigation in one horizontal green block… the gradient was used, in order to break up the “block-iness”.
I knew that this time around, I wanted to make the photo header a bit more dynamic, and easily updated. Flickr has become such an important and enjoyable part of my online life, that I decided it would be great to integrate my Flickr Photostream into the site header.
This however posed some difficulty… how to integrate? Sure, Flickr has a great API, but it would be quite daunting for this coding amateur to build the kind of photo header that I envisioned.
Still, Bryan and Nick’s idea got me thinking — Todd Dominey’s SlideShowPro would be an excellent match for what I wanted — though, I’d have to deal with the trade-off of having Flash embedded in my site. Having spent the past 2 years learning about and embracing Web Standards and concern for accessibility, I’ve avoided using Flash… but, the more I read about SlideShowPro, the more I thought that it was the perfect fit for what I wanted. It has built-in support for the Flickr API, it’s easily customizable to any dimensions or color palette, and it’s built by a guy that I respect and enjoy reading.
I wasn’t able to get the Flickr functionality implemented yet, (waiting on my request for an API key), so I just threw a couple of photos together for this launch.
Please email me or leave a comment, let me know what you think. I did a bit of testing on IE6 WIN, so hopefully there won’t be many quirks to work out.