Moodboard

Q: Quels sont les outils pour créer un moodboard ?

Il existe toute une panoplie d'outils pour créer un moodboard et au final, ce sera à chacun de choisir celui qui lui correspond le mieux. Figma est aujourd'hui l'un des plus utilisés, notamment grâce à sa dimension collaborative : il est plus simple de pouvoir y travailler à plusieurs. Pinterest reste également un indémodable pour organiser ses sources d'inspiration. Enfin, il existe aussi des outils tels qu'Adobe Express, Canva ou même Miro. Le choix se fait selon le contexte, les habitudes et les préférences, il n'y a pas vraiment de « bon choix » d'outil, juste ce qui vous met le plus à l'aise !

Q: Qu’est-ce qu’on cherche dans un moodboard ?

Attention également à bien choisir quel moodboard utiliser et à quel moment. Un moodboard d'ambiance et un moodboard de direction artistique n'interviennent pas au même moment. Un moodboard d'ambiance sert à donner une idée : il rassemble des images, textures et univers pour exprimer une intention, une atmosphère. Il est avant tout subjectif et sert principalement à aligner tout le monde sur l'univers final qu'on veut voir se dégager du produit. De l'autre côté, le moodboard DA, lui, traduit cette vision à travers des choix concrets : typographies, palettes de couleurs, photos ou illustrations.

Q: Quel lien entre charte graphique et moodboard ?

On débute souvent le travail de création graphique par une étape d’inspiration. La planche de tendances permet de débuter la recherche graphique en identifiant les codes graphiques d’un secteur, par exemple. Le moodboard est un outil pour la conception, un moyen efficace de partager une vision commune avec les équipes, avec le client, etc.

Q: Est-ce que le moodboard est un livrable ?

Cela peut, mais ce n’est pas obligatoire. On présente toujours les planches de tendances à l’équipe projet pour définir des points de référence communs. Pour certains projets, on formalise un peu plus pour en faire un document à part entière. L’idée est surtout de maintenir à jour ce type d’outil. On privilégiera les solutions en ligne type Miro, Notion, Figjam.

Livrable design

La planche de tendances pour stimuler la créativité

Le moodboard, ou planche de tendances / tableau d'inspiration en français, est un panorama d'éléments d’inspiration. Les éléments qui sont sélectionnés sont en lien avec une thématique particulière à votre projet, marque ou entreprise. Il peut s'agir de page de magazines, de captures d'écran de site, d'images, de dessins, de mots, des schémas, etc. Son but est d'exposer et montrer une sélection d'idées créatives et des concepts, afin de définir un choix artistique pour la suite de la conception de votre projet. Le moodboard correspond à un benchmark UI.

Le processus de catalogage permet de lister des idées créatives, trouver des sources d'inspirations, mais aussi d'avoir une base commune sur laquelle discuter et itérer avec les clients. Ici, avant de parler pixel ou technique, on veut faire ressortir l’émotion, le ressenti. Cette phase n'est pas à prendre à la légère : elle vous fera gagner en temps et en efficacité lors de la phase de la direction artistique et plus tard de production des maquettes graphiques lors des sprints UI.

Découvrir notre offre direction artistique

À quoi sert un moodboard ?

Trouver de l’inspiration
Pouvoir orienter son idée sur une ou plusieurs pistes créatives
Base de discussion et d'échanges avec vos clients, collaborateurs, collègues, etc
Se projeter plus facilement avec des éléments concrets
Gagner du temps sur la phase de direction artistique
Focaliser et centraliser toutes vos idées

Pourquoi faire un moodboard ?

En l’absence d’une charte graphique utilisable, le moodboard permettra à l’équipe projet de s’exprimer sur la direction qu’elle souhaite donner à son service/produit
Lorsque vous manquez d'informations sur les goûts et besoins graphiques du client, projet ou la marque pour laquelle vous travaillez
Aider votre client à se projeter sur les possibilités qui existent pour l'orientation de l'identité de son produit, ses fonctionnalités ou encore les interactions proposées à ses utilisateurs

Moodboard et recherche graphique

Pour que le moodboard soit suffisamment riche, une étape d'exploration est indispensable. Avant de commencer vos recherches, lister une série de mots-clés correspondants au projet, aux envies et objectifs de votre client. Ces derniers vous serviront de base pour lancer vos recherches sur certains sites. De nombreux sites tels que Pinterest, Awwwards, Dribbble, Instagram ou encore Behance constituent une base de recherches de premier niveau intéressante. Bien évidemment, il est tout à fait possible de prendre en photos des éléments extérieurs (bâtiments, nature, art, etc) ou de trouver son inspiration dans des brochures, des livres; etc. Toutes les sources d'inspirations peuvent être intéressantes. Lors de cette phase, il est important de ne pas se restreindre et de mettre toutes vos idées : le tri de vos éléments se fera dans un second temps.

Regrouper et trier ses inspirations

Une fois toutes les inspirations rassemblées, il faut les catégoriser par thématique/style graphique afin d'avoir plusieurs pistes différentes à proposer. Cette étape sert également à supprimer les éléments de votre moodboard qui sont en dehors du périmètre du projet. C'est pourquoi il est nécessaire de relire régulièrement votre liste de mots-clés afin de s'assurer que vous ne déviez pas trop du sujet principal. Là encore, plusieurs outils peuvent être utiles : Miro, Milanote, tableaux Pinterest.

Présenter et sélectionner des pistes

Lors de la présentation aux clients, mettez en place un système de votes (par pastilles, gommettes, ...) et animez les échanges. Cette phase va vous aider à mieux comprendre les attentes concernant l'image du futur produit, mais également de connaitre le périmètre graphique pour la phase de direction artistique. Vous pouvez prioriser les choix et préférences de vos collaborateurs. Exemple : pastille rouge : éléments hors scope ou qui ne plaisent pas; pastille verte : éléments à conserver; pastille orange : éléments potentiellement intéressants mais à retravailler. Durant cette troisième étape, gardez un esprit ouvert. En effet, vos collaborateurs peuvent avoir un avis divergeant au vôtre, c'est pourquoi il est important de prendre en compte leurs avis et les récolter. L'appropriation est à travaillée dès cette phase de mise en commun.

Finalisation du moodboard

Une fois votre itération terminée, dupliquez votre espace de travail (il est important de toujours garder une ancienne version de son travail, au cas où vos collaborateurs/clients souhaitent retourner sur un point précis). Afin de consolider votre travail, supprimer les éléments qui n'ont pas suscité d'intérêt. Essayer de regrouper les éléments qui ont noté favorables afin de mettre en place deux à trois styles différents. Donner un titre et une description pour décrire votre concept. Exemple : Proposition n°1 : Floral. Éléments naturels, avec des branches, des feuilles et éléments fleuris. Nature, simplicité, sobriété.

Une fois votre moodboard consolidé, pensez à le faire valider auprès de vos collaborateurs/clients, afin de vous assurer que les pistes retenues sont claires et validées. Vous avez à présent un moodboard correctement enrichi et complet, qui vous permettra de démarrer votre phase de direction artistique plus sereinement.

Quels sont les outils pour créer un moodboard ?

Qu’est-ce qu’on cherche dans un moodboard ?

Quel lien entre charte graphique et moodboard ?

Est-ce que le moodboard est un livrable ?

Les méthodes liées

Benchmark

Un benchmark consiste en l’exploration des tendances actuelles en matière d’usage, de fonctionnalités et de design : les bonnes et mauvaises idées.

Charte graphique

La charte graphique rassemble les règles visuelles d'une marque : couleurs, typographies, logo, et les usages autorisés ou proscrits pour chacun.

Identité visuelle

Premier élément perçu par vos utilisateurs, l'identité visuelle illustre votre secteur d'activité et vous rend identifiable simplement.

Palette de couleurs

Palette de marque ou palette d'interface, les deux ne se confondent pas. Comment construire un système de couleurs cohérent, lisible et accessible.

Design sprint

Le design sprint est un format, et non une méthode, qui condense en 5 jours les étapes du design thinking pour traiter une problématique à plusieurs.

Sketching

Le sketching est une technique de création d'interfaces sous forme de croquis, le plus souvent à main levée. On les utilise souvent en atelier de co-conception.

Storyboard

Le storyboard met en images un scénario d'usage, avec son contexte. Un outil UX pour explorer une idée de service ou spécifier l'enchaînement des interactions.

Vous souhaitez en savoir plus sur nous ?

Tout le monde parle experience utilisateur, design de service, ergonomie...
C'est pas très clair, mais vous aimeriez bien découvrir tout ca ou progresser.

Parlons-en