Before I open Figma or write a line of code, there’s a moment I never skip. A moment designers don’t talk about enough.
A quiet empty stage — no layout, no components, no grid — just a feeling trying to become a website.
That’s where I begin: with a moodboard.
Before I design the page, I design the feeling.
Moodboards Aren’t Decoration — They’re Direction
People often treat moodboards like “pretty pictures on a page.” For me, they are the emotional blueprint of the entire project.
A website’s heartbeat happens here — long before the build.
A moodboard is the story draft. The design is just the screenplay.
I’m not collecting visuals. I’m understanding my client’s world.
So I ask questions:
- What does your brand feel like?
- What emotion should visitors sense within 3 seconds?
- What colours belong in your universe?
- What visuals feel like home — and which ones don’t?
And their answers shape everything that comes after.
1. Turning Feelings Into Visuals
Before I choose a single hex code, I ask: what should this brand feel like?
Warm ivory? Bold cinematic red? Deep charcoal?
Colour is emotion. Typography is personality. Composition is storytelling.
A moodboard lets all of that settle into place before I ever design a frame.
2. Making Sure We’re Truly Aligned
“Minimal” for one person means Scandinavian. For another it means Apple. For another it means just empty.
Words are unreliable. A moodboard is not.
In seconds, a client can say “yes — this is me,” or “no — this is not my world.” Both are equally useful, and both save weeks of redesign later.
3. Preventing Redesign Nightmares
The worst-case scenario for any designer: you deliver everything. The site is polished. The client sees it and says —
Oh… I imagined something completely different.
Moodboards eliminate this. They define tone and direction from day one.
My Real Moodboard Workflow
- Conversation, not a questionnaire. No forms. No cold intake documents. Just listening. This is where I collect the emotional raw material.
- Typography casting. Fonts are characters. Who leads? Who whispers? Who adds tension?
- Visual story. Film stills, lighting palettes, editorial textures, AI images — whatever shapes the atmosphere.
- One board, one story. Everything clicks. The website becomes a world.
Why This Step Matters to Me
Moodboarding is the human part. No dev tools. No plugins. No constraints. Just story.
It’s the moment where the client feels seen — and the moment where the project begins to breathe.
When someone opens their board and says “oh my God… this feels like me,” I know everything after will flow easily.
Final Frame
Moodboards aren’t “extra.” They’re not decoration.
They are the first draft of the story — and in web design, just like filmmaking, the story quietly decides everything that comes next.
Want a Moodboard for Your Brand?
If you need a website or personal brand that feels truly you — not template-based, not generic — this is the best place to begin.
Let’s build the emotional blueprint together.