Moodboard (Planche d'Ambiance)
Un moodboard est un collage visuel de références (couleurs, typographies, photos, textures, sites web) qui définit l'ambiance esthétique d'un projet de design. Il est créé avant la maquette pour aligner le client et le designer. 85 % des projets avec moodboard validé évitent les itérations majeures.
Moodboard : définition complète
Le moodboard contient : palette couleurs (5-7 échantillons), typographies (2-3 suggestions), photos/images de référence (ton, cadrage, ambiance), exemples de sites web inspirants, textures/patterns, mots-clés d'ambiance (luxe, minimaliste, organique, tech).
- 85 % des projets web avec un moodboard validé avant maquette évitent les itérations majeures de design (Nielsen Norman Group 2024).
- Sans moodboard, les allers-retours de validation de direction artistique coûtent en moyenne 4 à 6 jours supplémentaires sur un projet de site vitrine (donnée interne Les Créavores 2025).
- Présenter 2 à 3 directions de moodboard au client divise par 3 le nombre de révisions de la maquette finale — versus une seule direction imposée.
- Figma plan gratuit : suffisant pour un moodboard de 30 à 50 éléments — autant que la plupart des projets PME.
- Milanote plan gratuit : 100 éléments max — outil préféré des agences créatives pour les moodboards clients (State of Design Tools 2025, 22 % des répondants).
- Temps de création d'un moodboard complet (5-7 couleurs + 3 typos + 10 références visuelles) : entre 1 h et 3 h — investissement rentabilisé dès le 1er retour client évité.
- Projets démarrés sans moodboard : dépassement de budget design de +35 % en médiane (DBA Design Effectiveness Awards 2024).
Outils : Pinterest (collection de références), Figma (moodboard interactif), Milanote (spécialisé moodboards). Le moodboard est la première étape du processus design — il cadre les attentes avant d'investir du temps en maquette.
Exemple concret
Pour un restaurant gastronomique, nous présentons 2 moodboards : direction A (sombre, luxe, or/noir) vs direction B (naturel, organique, vert/crème). Le client choisit B. La maquette est créée en 1 itération au lieu de 4.
Concepts associés
Identité Visuelle
L'identité visuelle est l'ensemble des éléments graphiques qui représentent une marque : logo, couleurs, typographies, iconographie, style photographique.
DesignCharte Graphique
Une charte graphique est un document de 20 à 60 pages qui fixe les règles d'utilisation de l'identité visuelle d'une marque : logo, palette couleurs, typographies, iconographie, zones de protection.
DesignWireframe
Un wireframe est un schéma structurel simplifié d'une page web, sans couleurs ni images, qui définit la disposition des éléments : navigation, blocs de contenu, CTA, formulaires.
DesignDesign System
Un design system est une bibliothèque de composants réutilisables (boutons, formulaires, cards, typographies, couleurs) et de règles d'utilisation qui garantissent la cohérence visuelle d'un produit digital.
DesignUX
L'UX (expérience utilisateur) désigne la qualité de l'expérience vécue par un utilisateur lors de l'interaction avec un site web ou une application.
Besoin d’aide pour votre stratégie digitale ?
Audit SEO offert. Recommandations sous 48h. Zéro engagement.