Skip to content

A podcast for those who design, develop and run websites.

Boagworld is the blog of web strategist Paul Boag who lives in the heart of rural Dorset (hence the cows). He produces a weekly podcast with UX consultant Marcus Lillington on building and running websites. They also run the web design agency Headscape.

Latest Shows

216. Thanks for all the fish
This week on Boagworld: Chris Coyier talks CSS and more, we say goodbye to the boagworld podcast and ask what can you listen to now?
215. Web Directions
This week on Boagworld: Emerging trends at Web Direction @Media, playful web design and death to design by committee.
214. When to hire a web designer
This week on Boagworld: When to hire a web agency, user testing on disposable websites and a need for speed.
213. Getting all emotional
This week on Boagworld: Stephen Anderson on emotional design, I review the iPad and we talk fonts, flash and fotos.
212. More skills to learn
This week on Boagworld: 5 new skills every web designer needs to know and how to be inspired while maintaining focus.

or view all shows

Have your say

Become a part of the Boagworld community...

A great example of moodboards in action

Posted in Design on: Monday, March 8, 2010 by Paul Boag

Moodboards are a valuable tool in the design process. However many web designers lack experience in producing them. Find out how to produce a stunning moodboard that will impress clients.

At Headscape we have been using moodboards for some time as part of our process. We believe that working with moodboards is considerably more effective than producing multiple design concepts.

They have the advantage of being quick and easy to produce. This means that, unlike design concepts, they are disposable. You can try lots of different approaches to find the one that works for both you and the client.

However, as I said in my post ‘How Moodboards Can Save Time, Money And Your Sanity!‘ they can be tricky to produce. Inexperienced web designers can often overwork moodboards making them more like a design concept than some initial ideas.

Moodboards in action

Recently I came across this concept video for Microsoft’s upcoming iPad competitor. Although the technology looks very impressive that was not what grabbed my attention. What impressed me was the they created to show off the technology. This is a great example of moodboards in action and demonstrates the kind of look and feel a moodboard should have.


Of course we don’t all have fancy (and as yet non-existent) tablets to create this kind of thing on. However, all of this could just as easily be achieved using a Wacom Bamboo Pen and Touch.

Hopefully this inspires you to create freer, less structured moodboards that don’t take hours to craft.

Post to Twitter Post to Delicious

What did you think about this post?

7 Comments

Comments are for the discussion of this post. If you have other questions / comments then post them to the forum or send me an email

  • Luke Canvin says:

    I totally agree. Moodboards are a great way to collect your thoughts, to find, and set, expectations. They can be really enjoyable too so long as you don’t feel too constrained to produce something in a very rigid format – this stage of the project should be about letting your imagination go and seeing what sticks.

  • Darren Hiles says:

    I like doing this and involving clients. It seems to give them a nicer, easier for them to understand way of being involved in the design process.

    There’s no jargon, no having to explain what they want they just help you out by showing you.

    It’s also fun :D I never grew out of the PVA glue

  • Claudia says:

    I’m a big fan of moodboards and they often come to help me whenever there’s a project to be settled.
    Lately I tried to use moodboards even for personal use and this video opened my mind to this kind of usage, so thanks =)

  • Toe says:

    Love moodboards, but I really love the device. I am a geek for all things electronic.

  • Jordan says:

    I watched the video and forgot what the article was about. I want one of these! *sigh*

  • I’ve presented concept drawings and swatches to clients forever, but missed the point on how a raw materials like mood boards could impact client attitudes. I had been so impressed by a co-worker’s (Micheal Endy http://www.michaelendy.com/) mood-board during one client pitch that I had completely rethought my approach to client kick-off presentations.

    Mood boards present a chance to weed out client hang-ups such as specific colors, font-treatments and photo-styles long before the design team is invested deep into process.

  • Kyle Tress says:

    I’ve been using mood boards for several years now, and I couldn’t imagine starting any design project without one (not just web design).

    I recently helped develop a mood board app for the iPad, called Moodboard. Check it out if you use mood boards in your work!

    http://itunes.apple.com/us/app/moodboard-mood-boards-for/id355893506?mt=8

Leave a comment

Additional Information

Produced by Headscape

Boagworld is produced by the web design agency Headscape founded by Marcus, Paul and Chris Scott. Headscape also has a number of other talented guys who blog. Check them out.

  • Craig Rowe is one of our amazing developers and writes some superb posts on everything from .net to AIR apps.

  • Ed Merritt is a Headscape designer who's blog contains examples of his work and a number of free Wordpress themes.

  • Dave McDermid is a Headscape developer who has an excellent blog. He blogs on everything from AJAX to security.

  • Rob Borley is one of our project managers and blogs regularly on client and project management issues.

  • Leigh Howells is our multimedia design guru (whatever one of those is). He blogs on a mixture of design and music.

Paul elsewhere

Paul just can't shut up. He publishes regular audioboos, speaks regularly and is addicted to twitter. He also has a personal blog where he shares random thoughts, inspirational articles and stuff he thinks is cool. See the latest below: