I launched version 14 of this site, officially, on May 1, 2007. That seems like a really long time ago, especially by my standards. I’m not sure how long I expected it to last back then, but I knew that I was pretty happy with it, especially considering how quickly it all went together.
Comparing the launch version to version 13 before it, it’s not hard to see what I felt was working and what wasn’t. A good portion of the content styles and graphic elements made it to the new site unscathed, while dropping the heavy-handed and overly divided feel of the previous design.
The Grid
Version 14’s major defining element was the grid based entirely on the Flickr photos at the top. Initial versions had nine 75px columns separated by 5px alleys, and in November 2008 I added a tenth. While it’s not a new thing for me to have grids defined by the size of my images (as evident in all of my site designs back when this was purely a photoblog), this was the first time I gave myself more than four columns to play with, and I really enjoyed that flexibility. I think the layout worked even better on pages where the Flickr photos weren’t visible; there was still a strong sense of grid and organization, but without the obvious indication of where it was all coming from.
Content Separation
The other major stylistic decision was the way status/blip/link posts were presented when compared to the regular journal entries. After experimenting with different options I ended up with the meta for the posts in the center column, while short posts would live on the right and full posts on the left. It worked best when it was populated evenly, but there were many times where compulsive Twittering would leave the home page entirely empty on the left column.
Then & Now
So how does this newest version compare to the outgoing iteration? You can see that while I haven’t done much with it yet, the grid concept remains intact.
In terms of visual carryover, though, that’s about it. The overall look of the new site was influenced heavily by those wallpapers I just did and my portfolio. I continue to use Helvetica for the headers, but I’ve moved back to Lucida for the body copy, which harkens all the way back to Version 8.x, as ever since then I’d pretty much used Helvetica for everything.
The dotted lines, which I have dearly loved for a very long time, are hanging on by a thread. Because I’m not using a white on white on white layout this time around, everything is divided by blocks of color and shading, which means borders as a whole just aren’t necessary.
Finally, the Status/Twitter posts have become the foremost bit of information on the new site, with Flickr taking the slot below that and the Journal even further down. This just seemed like the only way it could work, organizationally. I didn’t feel that the Flickr content was deserving of the most prominent spot on the page, and the Journal couldn’t be at the top simply because of length. As-is, most visitors should see all three sections when they visit and be inclined to scroll down. Or everybody reads this in RSS, in which case it doesn’t matter anyway.
All that said, I’m quite happy with this latest version, and I’m most interested to see what it evolves into as time progresses.