Category Archives: Critique

The Great Discontent Redesign

That other Ryan and Tina just rolled out a redesign of their excellent online interview mag The Great Discontent. I thought it’d be a good idea to break it down a little bit, especially since I’m still gathering inspiration for my FDGB redesign.

I think the biggest change on the website has to do with the IA. TGD’s almost three years old, and now that the site’s content needs are better defined, the structure has changed accordingly. Blog posts have now been broken out into a separate Blog page, and interviews can now be easily filtered on the Interviews (formally Archives) index through a more prominent tagging system. One of my favorite additions is the Recommended tag in the Interviews section. This really helps guide a new user through some of the best interviews TGD has to offer.

Typography has always been one of TGD’s design strengths. The main block copy and pull quotes are set in Leitura News, a smart serif face with editorial roots designed by Dino dos Santos, and the headers and various other pieces of micro copy are set in Maison Neue, a friendly contemporary sans-serif designed by Timo Gaessner. One nice detail about the layout is that FlowType.js is being implemented to ensure a comfortable line measure is always employed.

The layout, as before, is minimally elegant, but now reflects the new print magazine design, with Mondrian-esque thick black borders that section content and lead the eye. It manages to be at once both playful and poignant. The main hero block of every interview is still art-directed, and can now be either landscape or portrait, black-on-white or white-on-dark.

Overall, the redesign keeps everything that works about TGD while better defining its ancillary content and making once-buried-but-useful features more prominent. It even looks beautiful in the source code. TGD is a website I have constantly frequented in the past for inspiration, and this refresh will keep me coming back for the foreseeable future.

If you haven’t already, go and bookmark The Great Discontent, and start digging into its rich history of creative industry reviews.

Art Equals Work Redesign

I’m constantly looking for inspiration for the redesign of FDGB. Nathan Ford’s recent redesign of his blog, Art Equals Work, and his consequent breakdown of the process, are proving invaluable to me.

Nathan emphasizes the Mark Boulton school of Content-Out Design. Basically, you start with and design around—gasp—the content. I know, I know. Novel approach, right? As rudimentary as that might seem on the surface, it’s an important concept to grasp in the pursuit of truly responsive design.

In the world of print, the page dimensions determine layout. On the web, there are no natural fixed-dimensions. The page is whatever size the user wants it to be. That’s why the content becomes so important, and Nathan clearly articulates this as a guideline for the redesign:

“I write about web design, CSS, and other not-so-wild topics. To match [the content], this site should employ a grid system that’s quietly varied; balanced, but with the ability to give the content of posts uniquely expressive typography.”

This knowledge of content purpose helps clearly define objectives and maintain design focus. You must know all the variables in order to account for them.

Another interesting feature of this redesign is the use of ratio-based columns rather than the more common fixed column approach. I feel like it lends the design a sense of the organic.

Go check out his blog right now. And while you’re at it, add it to your bookmarks. He publishes some fantastic content.