Release Two
Published 2 years ago, mid-July under DesignToday I’m taking the veil off a re-design I’ve spent the better part of the last month working on. There are quite a few changes to the site, and a good part of R2 isn’t finished—but I’ve been eager to launch it for weeks. The previous design served me very well over the past year, but it’s time to move on. The new site fixes several design shortcomings of v1 and more importantly, this is a release I’m proud of.
The biggest shift in this design was committing to a grid-based layout. The previous version grew somewhat haphazardly—new features and formatting were tacked atop an un-guided layout and the result was disorder. With the grid as a base I have clear guidance on how to lay out new content—interviews, tutorials, whatever—with v1 I just eyeballed it.…
The second-biggest change is with the home page. I wanted to move away from big lead-in paragraphs one-after-another. With R2 you get the lead-in for the latest post, and short, easy-to-browse teasers for the rest of the recent content.
Mad Props
Thanks Bryan, Jeff, Mike, and Zach for invaluable feedback on the design. Extra special thanks to Alex the genius Schearer for his criticism of earlier versions of R2—his questioning really helped me evaluate my goals for this project.
I’ll be writing a follow-up post walking through the design process for release two once I clean up the archives and get my portfolio back up.
Looks great!
You’ll need to do a few adjustment for IE7.
Good call—I’ll get the IE issues sorted out today
I’ve been checking over the past couple days to see when you’d launch. :) It looks nice. It has a warm feel to it. Very well done. One oddity on the home page, when I roll over the “read post” link on the main article, all the content below it shifts up a pixel. It looks like you’re switching from a bottom border to an underline (just guessing). Maybe just change it from dotted to solid, instead? Also, Jeff’s and Zach’s name in this post are linked to your home page, not theirs (unless that was intentional).
Good stuff.
Looks better than it did in preview, Congratulations.
I really like it, especially the background and the tears on the sides.
Ooh, and this Submit Comment button.
Well done.
Awesome job. :) Like I said, I really like the feel of it, and I hope you’re happy with what you’ve done because it looks great. :D
How’s traffic today, buddy? :P
Great job, man! I love the layout and typography here, and the worn, Rothko-esque textures are awesome, too. Way to go!
Thanks for all the feedback everyone. It really means a ton to me.
@Luke— just got through fixing the site up in IE 6 and 7. The footer was mis-behaving because I idiotically left in some early CSS that set a height on the big wrapper div. A half hour of tearing apart the CSS produced nothing — thirty seconds in Firebug revealed the culprit :)
@Snook— good catches, all fixed. Thanks man. I was hoping nobody would pick up on my insidious plots against Croftie and Inglis.
@Calvin— lookin’ good man, lookin’ good.
Great job Rob! :)
Lookin’ good, Rob! I like the changes you’ve made, even if R1 was a good design on its own. I especially dig the comments here on this post, great styling job. Now I’m waiting to see that portfolio of yours.
By the way, I wouldn’t be surprised if you started getting hits to your site from Flickr sometime tomorrow…
Nice work Rob. Hey, you still in Seattle?
Looks great. I especially love what you’ve done with the comments. It all feels very friendly and approachable.
Glorious re-design sire!
The site just oozes richness and attention to detail, and the alternate comment styling is very smoothly pulled off.
Congrats!
Beautiful redesign Rob! Love the new blocky sans type and the grid work.
Please keep the great posts coming.
I love the attention to detail here, Rob. Great job! You have a right to be proud in this one. I look forward to reading about the design process.
(One note: I’ve got my window set to 1024×768 and see a horizontal scrollbar.)
Sean— Thanks for the heads up. The site should now work @ 1024×768 without horizontal scrollbars.
Yes — now a perfect viewing experience!
Wow, top notch work. The design is excellent. The look, the feel, the breathing room, the grid, and the typography all come together so well.
I liked the first version of your site, but you have definitely stepped it up a notch here.
Nice Job…
Okay I’ll be the first to say it - while R2 looks good, I’m still a bit partial to v1. Although I do enjoy the grid, the overall design isn’t quite as grabbing to me.
Excellent design Rob.
Rob, Very nice design … one or two layout glitches in Camino (don’t know if you test there) though, notably the ‘Release Two’ header gets cropped top and bottom.
A great showcase for your design aesthetic …
Good job Rob! Let’s bring back the Wicked and Worn look! :D
Congrats on a great looking design, and at putting up something you are proud of. I know how hard it can be to fine the time to get up a design that you feel happy about (still looking for the time to do so myself…).
This article would have been most useful if you would have included screen shots of the previous version, since I am new to your site and your work.
Also, your logo font is much bolder than your favicon’s font. I think the Favicon should be updated with the bolder face. On my high-DPI screen, the favicon is hard to read.
Brian — you can check out the old version here