A Web Design Process Series: The Moodboard (Extra)

The mood board is the junction between low-fidelity and high-fidelity designs.

The mood board is also spoken about in the first phase, The Discovery Phase, to get a feel of what the clients like and want. It’s used to get a better idea of how the company would like to be portrayed.

The mood board is more like a stylescape.

It includes icons that will fit the necessary style that we’re going for.

It includes photography; the types of images we want and the types of compositions we want in the images.

We think of, “If a person is in it, what is their mood like?”

This dictates how we find or create imagery for the website as well.

The same thing goes for typography:

“Which types go together?”

“Which ones go together with what we’re trying to achieve?”

Colour — which include the colours that represent the brand, and thinking about what we can use to complement them. If we are strictly following a client’s brand guide, we stick to that.

So the mood board is a great tool to reference to ensure we’re on track before presenting high-fidelity designs to the client.

Having a mood board saves time between the low-fidelity and high-fidelity stages because we don’t have to go back to the client multiple times for approval of design steps.