Art Direction: Taking Web Design To The Next Level

ArtDirectedButterfly Web design has come a long way from the grey backgrounds and blue and purple links of just a few short years ago. CSS and maturing browsers are allowing designers to create beautiful sites. So what’s the next level for web designers, how can web design improve further? Maybe designers should be thinking and acting a little more like art directors.

What does an art director do?

That’s a good question. The term art direction is an umbrella term that covers a multitude, but you could consider that an art director is in charge of the overall visual appearance of a piece of work. The work could be appearing in a magazine, a newspaper, television, videos or the web. The art director will call the shots, working with illustrators, designers, copywriters and artists who may be responsible for creating different elements of the whole design, to develop and bring ideas to life.

Right now, on the web, there are some really fabulous experimental designers out there already doing this, often for personal sites and portfolios. However, for many designers (myself included), while using a CMS has made our jobs creating websites easier, they have also possibly stunted our growth. I used to build a lot of WordPress sites and while I’d spend a lot of time and enjoyed creating a “unique” design, that design would follow through the whole site. Every page pretty much looked the same. Each blog post looked the same. This could be considered consistency, and repetition is an important principle in design, but does it all become boring after a while? If you’re reading a magazine, does every single article look the same? No sir.

Who’s art directing out there?

Below you’ll find links to just a few of the sites I’ve come across where designers are making an effort to push boundaries and art direct their sites and blogs. Looking at these sites, you’ll find that these designers are looking at the content of their articles and producing unique designs for each page. There is still consistency in the form of navigation or perhaps the logo appearing on each page or post, but beyond that these designers are changing colors, illustrations, fonts and images to go with the content. This is no longer “one size fits all” design.

David DeSandro

DavidDesandro

Jason Santa Maria

JasonSantaMaria

A Brief Message

aBriefMessage

ESPN E-ticket – each story uses a different header, many of the stories with beautiful artwork.

espn

So can you achieve something like this and begin to art direct your site? An art director may not “do” all the work by themselves, but they do know what technology is involved or required to complete their vision. So the first step is to learn as much as you can about how to use the technology you need to achieve your design vision. Collaborate with others to learn more about what they know.

Read more from experts on the subject such as Jeffrey Zeldman, Khoi Vinh and Jason Santa Maria.

* Update: thanks to David DeSandro for pointing out Jason Santa Maria’s Inspired Bookmarks — a treasure trove of design goodness. *

Have you seen sites pushing the boundaries with art direction? I’d love to see your links.

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • Matthew Booth

    As I corporate web producer I often have very little control over the direction that my designs take. I am given predetermined palettes and sometimes precise instructions to design a site to look like “this” and then I am handed other websites to mimic. I have found that taking on side work and working on my own site is my only change to stretch my design wings outside my usual work. I haven’t ever though about having my personal site use a different header for each page though… I really like that idea and think it would further my ability to design more often. Thanks for the article.

  • http://www.crearedesign.co.uk TomBradshaw

    I agree that web design has improved greatly recently. Being a good designer and having good art skills is definately an advantage. There was an idea recently that said that those who can’t design go into web design – that is definately no longer the truth! I can see the idea of having an art director working on a site would work for larger clients with extensive sites. The way I work is that I design the site and also do all the illustration and animation myself, which I like, I build it myself and can say at the end that’s all me.

  • jhoysi

    I don’t think that art direction on a website only has a place for the big budget clients. Good design doesn’t have to be expensive, whether it is in print or online.

    It’s all a matter of how you go about solving a design problem within the constraints/budget of the project.

  • Glenn

    bindarri is a good example of custom designs for each webpage. Check out the features on the right hand side… all custom directed

  • Dave Harper

    Great article. I’ve noticed this trend as well and am excited to see some aesthetic life breathed into web design. Here’s another example I found today that’s not on your list: http://gregorywood.co.uk/

  • Martin

    Very interesting and something well worth discussing in the community of webdesigners.
    But the article talks very little about how we can start incorporating more art direction in our work while at the same time adapting to the limitations of designing for a CMS. Most of the time i dont even know what content is going to be on the page im designing, and frustration ensues when i have to design a “magical layout” that looks good with anything on it. I feel it leads to bland, unoriginal work alot of the time.

    What are your thought on this? How can i deal with this challange? Is the only answer to do personal sideprojects where you yourself are in total control?