A Web Design Process Series: The Moodboard (Extra)

Jésus Husbands
2 min readAug 28, 2023


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.



Jésus Husbands

Hey, just sharing my thoughts and experiences about, productivity, tech, and entrepreneurship along my journey. Happy you’ve joined me! Posting fortnightly.