Quand on démarre un projet de création ou de refonte de site, le moodboard est un passage obligé.
Pourquoi ?
Parce qu’il inspire, tout simplement. Et parce qu’il sert à :
- explorer des pistes graphiques ;
- aligner les idées de l’équipe ou du client ;
- poser les bases de l’univers visuel du site.
C’est un outil de recherche visuelle ainsi qu’un guide pour les étapes de conception qui suivent.
👉 Si tu veux en savoir plus sur ce qui vient après le moodboard (zoning, wireframes, maquettes…), cet article est fait pour toi !
Moodboard : définition
Le moodboard (ou « planche d’inspiration ») peut se définir comme :
“Un ensemble d’éléments destinés à communiquer le style, la direction et le langage d’une marque ou d’un projet.”
Concrètement, il peut contenir :
- des images ou photos d’ambiance ;
- des illustrations, pictogrammes ou motifs ;
- des palettes de couleurs ;
- des typographies ;
- des citations, des mots-clés, des extraits audio ou vidéo ;
- des exemples de mises en page ou de compositions graphiques.
Comment créer un bon moodboard pour votre site web ?
Allons-y pour les différentes étapes de création de votre moodboard !
Étape 1 - Ouvrir l’œil et collecter de l’inspiration
Un bon moodboard commence par une bonne matière première.
Cette matière, il faut la chercher activement.
1. Clarifie ton intention
Avant même de te perdre sur Pinterest, pose-toi quelques questions simples :
- Quel sentiment veux-tu faire passer ?
- Quels adjectifs, verbes d’action, ou mots-clés décrivent ton projet ?
- Quelles associations d’idées veux-tu créer dans l’esprit de ton audience ?
📝 Note tout ce qui te passe par la tête. Aucune censure à ce stade : plus c’est libre, mieux c’est !
2. Lance ta chasse aux visuels
Maintenant que tu sais ce que tu veux faire ressentir, place à la recherche !
Objectif : trouver des éléments visuels qui traduisent ton intention.
🧠 Sois en mode veille créative active.
Tout est bon à prendre :
- photographies
- affiches, logos, packagings
- illustrations, typographies
- couleurs, textures, motifs
- vidéos, sons, citations
Plus c’est varié, mieux c’est. N’aie pas peur de sortir du cadre de ton projet : l’inspiration vient souvent d’ailleurs.
Étape 2 – Trier, analyser, structurer
Maintenant que tu as plein d’inspirations sous les yeux… il faut faire le tri 😅
1. Analyse chaque visuel
Demande-toi :
- Pourquoi je l’ai choisi ?
- Qu’est-ce qui m’attire ? (couleur, ambiance, structure, symbole…)
💡 N’hésite pas à recadrer, zoomer ou isoler un détail marquant.
2. Regroupe par univers ou couleur
- Classe les visuels par thèmes ou palettes.
- Garde 2 ou 3 couleurs dominantes.
- Supprime les doublons ou les visuels hors-sujet.
🎯 L’objectif : faire émerger une ou plusieurs directions visuelles.
Et si plusieurs pistes se dessinent ? Crée plusieurs moodboards !
Étape 3 – Composer ton moodboard
C’est là que la magie opère ✨ Tu passes de la matière brute à une composition visuelle cohérente.
Quelques conseils de mise en page :
- Sois clair : symétrie = équilibre / asymétrie = dynamisme
- Crée des zones pour tes couleurs dominantes
- Joue avec les superpositions et les contrastes
- Aère ta planche : le vide est ton ami !
🗣 Et pense à accompagner ton moodboard de mots-clés pour raconter ton intention.
Les outils d'aide à la création pour votre moodboard
Outils de création de moodboard
| Outil |
Type |
Points forts |
Idéal pour |
| Pinterest |
Plateforme d’inspiration |
Très visuel, simple à utiliser, énorme base d’images |
Collecter facilement des idées |
| Canva |
Outil de design en ligne |
Templates prêts à l’emploi, intuitif |
Créer un moodboard structuré |
| Milanote |
Tableau collaboratif |
Drag & drop, très libre, mode équipe |
Projets collaboratifs, créas |
| Figma |
Outil de design UI/UX |
Grande liberté, très pro, collaboratif |
Moodboards pour web/designers |
| Adobe Express |
Création visuelle |
Interface propre, éléments créa pro |
Moodboards marketing ou branding |
| Behance |
Plateforme créative |
Source d’inspiration très riche |
Veille graphique & tendances |
