Moodboard

Pourquoi faire un moodboard ?

Un moodboard est une planche tendances, « planche d’humeurs » littéralement (aussi appelé product collage). Il permet de décrire tout ce qui inspire le projet, mais sans avoir à montrer le produit ou le servcie. Les moodboards ne sont pas réservées au design d’intérieur ou à la mode et sont pratiques pour partager l’univers visuel d’un projet sans avoir à le développer du tout.

C’est un outil qui s’avère utile dans tous types de projets créatifs, pourvu qu’ils aient une composante visuelle : création d’application, refonte de site internet, conception de logo, développement d’un nouveau produit, etc.

Plus précisément, il permet d’aider à :

Synthétiser une idée
Traduire un concept au delà des mots (qui peuvent prêter à interprétation)
Construire un imaginaire partagé autour du projet, pour les parties prenantes (équipe, client, etc.) et donc à limiter les déceptions lors des premiers prototypes
Poser l’esprit du projet (grand public ? sérieux ? Exclusif ?)

Il n’existe pas vraiment de standard dans la réalisation de moodboards. Certains vont aller jusqu’à des guides de style ou une charte graphique qui va définir tous les éléments visuels du projet. D’autres vont se contenter d’assembler 5 ou 6 images.

On peut y trouver :

Des photos
Des références de couleurs ou de matières
Des icônes ou illustrations
Des images qui décrivent la situation d’utilisation du produit
Des images de la compétition
Des captures d’écran (screenshots) d’application ou de pages web
Une sélection de polices de caractères
Tout autre élément que vous trouverez inspirant en fonction du projet

⚠️ Attention à mettre des images ‘précises’. Les photos de stock (poisson qui saute de son bocal pour parler de liberté, ampoule allumée pour parler d’innovation, etc.) sont tentantes, mais ne mettez que celles qui parlent concrètement de votre projet.

Étapes

Collecter → Dans cette première phase, il s’agit de réunir le maximum d’éléments différents. Testez plusieurs plateformes (Google image, Pinterest, Dribble, Behance, etc.) et plusieurs mots clés. Faîtes le tour du champ lexical et laissez-vous surprendre. Téléchargez toutes les images sur votre ordinateur dans un dossier dédié, ou sur un ‘board’ Pinterest.
Faire le tri → C’est la phase la plus importante : faire des choix, supprimer des images, matières ou matériaux qui ne collent pas à l’univers. Il faut se demander à chaque fois pourquoi cette image/matière/couleur est important et à retenir. Il faut que chacune des réponses soit différente, de manière à ne garder que l’essentiel, à épurer la planche. Chaque élément présent sur le moodboard doit être porteur de sens, d’une histoire.
Catégorisez → Dans certains cas, vous hésitez peut-être entre plusieurs propositions ou vous devez faire plusieurs propositions à votre client ou à votre équipe. En collectant les différentes images d’inspiration, vous vous rendez compte que plusieurs options se dessinent. Il peut être alors intéressant de produire plusieurs moodboards avec chacun une thématique différente. Il faut ensuite nommer chacun des moodboards en fonction de ce qu’elle représente. Vous avez surement un thème préféré, mais attention à faire en sorte que chacun soit également attractif lorsque vous le présenterez ensuite à votre équipe ou à votre client.
Proposer une composition → Réunissez les différents éléments et tentez de les positionner les uns par rapport aux autres. Articulez les zones entre elles, jouez avec le vide et le blanc. Selon l’outil que vous utilisez, les images peuvent se chevaucher entre elles. Posez-vous toujours la question de ce que chaque élément apporte. En général, on se contente de peu de texte, mais vous pouvez ajouter ce qui vous parait pertinent pour qu’elle soit comprise. On peut se contenter de mots-clés par exemple.
Partagez !

Conseils

Allez chercher au-delà du champ de base du projet. Les parallèles, ou les métaphores peuvent amener des inspirations intéressantes. Si vous travaillez sur un parcours de formation, pourquoi ne pas aller voir du côté des applications de navigation par exemple ?
Penser au contexte d’utilisation (où sera l’utilisateur ? qu’est-ce qu’il sera en train de faire ?) et aux différents points de contact.
Allez voir ce que font les concurrents !
Il n’est pas interdit de mettre du texte, mais il vaut mieux rester concis (mots clés).
Il vaut mieux peu d’éléments, mais bien choisis, que trop de choses
Pensez aux palettes de couleur, aux polices de caractère, aux matières associées.
Ne pas avoir peur d’en faire plusieurs. Si un collage réunit trop d’éléments différents, ne pas hésiter à les séparer et affiner les sujets.
Si vous choisissez de le faire en ‘vrai’, ne pas avoir peur de mettre les mains dans le cambouis (découper, coller, etc.).
Dans le cas d’une photo, prendre un bon appareil et faire attention à l’éclairage.
Lors de la présentation, ne pas chercher à tout expliquer (elles doivent parler d’elles-mêmes).

Questions à se poser

Quel est le champ lexical autour de mon projet ?
Quel univers visuel correspond à mon projet ? Est-ce qu’il existe des métaphores visuelles ?
Quel est l’état d’esprit de mon utilisateur ? Que cherche t’il ? qu’aime t’il ?

Sources