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.