Back to homepage
Build Prototypes

Mood Board

When to use it

Use this tool to collect and organize assets gathered from the web or elsewhere to create a powerful visual reference for your team.

Get the Mood Board template

Get this template plus the whole library of 59 tools, detailed instructions, access to fully designed sessions, facilitator guides and participant presentations, all for just $9.99 per month.

  Get access

Already have a cohort link? Open it to sign in and download. Buying for a team? See organisation licences.

Mood Board blank template
Completed Mood Board Template Example Worked example

What’s the purpose

A Mood Board is a collection of visual assets and stimulus that represent the desired feel, tone and style of a concept. When designing a prototype, especially when going into the high-fidelity phase where you want your visuals to look sharp and beautiful, a mood board helps you to conceptualize a visual reference point for how you imagine your designs to look when finalized.

How to do it

  1. Start by brainstorming some research ideas to give you direction.
  2. Add any content that might help guide your Mood Board in the right direction, such as values, tag lines or other elements.
  3. Now, give your mood board a title in step two.
  4. In the quadrants on the template, add images, illustrations, colors & textures, and UX, UI & website references that will inspire your prototype design. As a start, click on the links on the top right hand corner of the templates to open inspirational websites to grab your content from.
  5. Use your Mood Board as inspiration as you build out your prototypes and hand it over to your designers to inform the high fidelity design as you begin to polish your solution.

Helpful tips

  • Keep any predefined directional content you have already worked on in mind as you build out your moodboard. Elements like your values and tagline will help to keep your designs on track to align with your project.
  • Remember, this is just a space to capture visual inspiration, so don’t worry about making it look pretty.

Using this method in your day-to-day work

When you’re creating anything visual and you need to collect your thoughts on how it should look and how you want to express this, the ‘Mood Board’ template is a helpful way to gather inspiration and bring it together in one place to inform your designs. The mood board can be used for anything from changing your home office set up, to designing a new client presentation with colleagues. Look for inspiration across the categories in this template, share it with your team, and use it to create visual impact.

Learning Lab

The lessons behind this method

The lesson page is open to everyone. Watching the video needs an account.

Want to learn more?
Back to homepage

Stay in the loop

Get occasional updates on new tools and innovation resources.