How to make a moodboard for a client that gets a clear yes

This guide walks through each step, with the habits that make a board easy to approve.

What a client moodboard is for

A moodboard is not a gallery of things you like. It is a proposal. It answers one question before any design work starts: does this feel right for the brand?

A good board does three jobs:

• It shows a direction the client can react to in minutes.
• It names what to keep from each reference, so nobody thinks you plan to copy it.
• It becomes the brief your team designs against.

If a board cannot do those three jobs, it needs fewer images, not more.

Step 1. Agree on the direction in words

Before you collect anything, write the direction in one sentence. For example, "calm, light fintech with one warm accent and dense tables." Read it back to the client on the kickoff call.

Words first saves hours. When the sentence is agreed, every reference either fits it or does not.

Useful words to pin down:

• Light or dark. The single biggest split in how a page feels.
• Density. Airy and editorial, or packed with data.
• Color. Neutral with one accent, or a full palette.
• Type. One family or a pairing, geometric or humanist.
• Industry. Fintech, health, developer tools, retail.

You can type that sentence straight into a style search and get a first set of matches in seconds.

Step 2. Collect 12 to 20 references

Fewer than 12 and the direction looks thin. More than 20 and the client starts picking favourites instead of judging the direction.

Where the references come from matters:

• Real, shipped work. Live pages and products, not concept shots. The client can open them and click around.
• Mixed categories. A pricing page, a dashboard, a packaging shot and a logo can share one mood. Mixing them shows the direction holds across the whole brand.
• One clear source and credit each. Keep the link and the name of the studio or company with every image.

If the client already sent one picture they love, start there. Upload it to find similar designs and you get the nearest work in the same feel, with the reasons each one matched.

Step 3. Cut the board down

Lay everything out and remove anything that:

• Pulls in a different direction from the sentence in step 1.
• Repeats another reference without adding anything.
• Is strong only because of a photo or an illustration the client will not have.

Keep the two or three strongest images large and at the top. They set the tone. The rest support them.

Step 4. Write one line under each reference

This is the step most boards skip, and it is the one that gets approvals.

Under each image, write what to take from it. One line, specific:

• "The warm off-white canvas and one orange button."
• "Tables with no borders, only spacing and a light row tint."
• "Headings in one heavy sans, body in the same family."

Notes stop the "but I do not like their logo" conversation. The client judges the part you meant, not the whole page. They also make it clear you are studying a pattern, not copying a page.

A pattern breakdown gives you the facts for those notes: the palette with the share of each color, the heading and body fonts, and the spacing base unit.

Step 5. Order the board like a story

Arrange the references in the order the client will meet the brand:

1. Mood and color, the first impression.
2. Type and layout, how it reads.
3. Key screens or objects, the pricing page, the dashboard, the package.
4. Details, buttons, icons, small moments.

A board that reads top to bottom like this needs almost no explanation on a call.

Step 6. Share one private link

Send a single link that opens in the browser with no account and no download. The client should see the same order and the same notes you see.

Good habits for sharing:

• Turn the link off when the project ends.
• Let the client comment on single references, not on the board as a whole.
• Keep the board live, add the approved screens to it as the project moves.

On DesignPorn, boards for teams do this out of the box: a private share link you can switch off, comments on single designs, and the source link and credit kept with every save.

Common mistakes

• Too many images. Forty references is a research folder, not a moodboard.
• No notes. The client reacts to logos and photos instead of the direction.
• Only one category. Ten homepages say nothing about the app or the packaging.
• Concept shots only. Pretty, but nobody can click them or see how they hold up.
• Copying instead of studying. Take the pattern, credit the source, make your own design.

A checklist before you send

• The direction fits in one sentence and the client agreed to it.
• 12 to 20 references, all pointing the same way.
• Two or three hero images at the top.
• One specific note under every reference.
• Source link and credit on every image.
• One private link, no account needed to view it.