PixelMEDIA Inc.

If you have participated in taking a website in a new design direction, you may have noticed the difficulty in separating the form from the function. Here at PixelMEDIA, we employ a useful deliverable know as a mood board. In its simplest form, a mood board combines numerous elements into a collage that establishes an overall tone and creative direction. In many cases, we use it when a brand “refresh” is needed or if there is a lack of defined brand guidelines for the web channel. If you are currently working on a complete rebrand, you may consider this method as way to explore and establish typography, a color palette, or a style of a photography or illustration.

So what should be on your mood boards? Anything that g­­ets your creative point across. This can include colors, typography, imagery, illustrations, white space (or lack thereof), and messaging. If you are working with a content strategist or copywriter, we highly suggest adding taglines, slogans, brand attributes (adjectives), or a vision statement. This helps the client to not only visualize the proposed style, but to see how the verbiage can support the overall experience.  Sometimes we even take it a step further and add atmospherics that engage other senses as well, like smell, touch and hearing . By introducing more tactile elements like texture, music or scent, you can envelope the participants in a full sensory experience.

Mood boards can be extremely helpful when you’re searching for an overall tone or visual language, but they can also expedite the approval of a creative direction before heading into interface design. In the past, we have noticed that separating initial creative ideas from the mechanics of the site allows the client to make clear and concise design decisions without impacting time or budget.

There are a few things to keep in mind when creating mood boards.

• Choose an orientation that best fits the subject matter.
• Take into account the audience and how you’ll be presenting to them. Your mood boards can be digital or printed (or both) depending on whether your meeting is virtual or in person.
• Try and create boards that use similar elements. For instance, if one board includes brand attributes and color swatches, be sure that the other options do as well. This creates points of comparison that can aid in decision making. It’s always easier to compare apples to apples.
• And finally, have fun. Creating mood boards is not a rigidly define activity.  Use whatever pieces you can to express your vision, whether it is cutting and pasting magazine bits to Gatorboard or adding minute details and a custom polish to every serif.

Mood board examples:

Tags: Creative, design, Experience Design, Website design