Un mood board est généralement composé d’une compilation d’images, de couleurs, de typographies, de textures et d’autres éléments visuels qui représentent l’essence et l’inspiration du projet. Il peut être réalisé physiquement en découpant des images et en les collant sur un tableau, ou numériquement en utilisant des outils tels que des logiciels de conception graphique, des plateformes de création de mood board en ligne, ou même des applications de montage photo.
Il permet de capturer l’ambiance, le ton et l’identité visuelle souhaités pour le site web en rassemblant diverses sources d’inspiration. Il peut servir de référence commune entre les membres de l’équipe créative, y compris les designers, les développeurs et les clients, afin de s’assurer que tous partagent la même vision pour le projet.
Comment créer un moodboard en 5 étapes ?
Un moodboard est un outil essentiel pour créer et communiquer l’univers ou le thème d’un projet. Il offre également une excellente opportunité de clarifier vos inspirations. Vous pouvez le partager avec un graphiste pour transmettre votre propre vision, ou le graphiste peut le créer à partir d’un briefing précis fourni par le client. Le moodboard permet d’illustrer la direction souhaitée par le créatif ou le client pour le projet. Il sert d’exemple visuel pour guider le processus créatif et garantir une compréhension commune de la vision globale.
Voici un moyen simplifié de créer un moodboard en cinq étapes :
1/ Collecte d’inspiration
Rassemblez des images, des photographies, des échantillons de couleur, des typographies et d’autres éléments visuels qui vous inspirent et correspondent à l’ambiance que vous souhaitez créer. Parcourez des magazines, des sites web, des plateformes de médias sociaux ou créez vos propres photographies.
Il n’est pas nécessaire d’avoir des visuels qui soient forcément en lien avec le sujet traité. Le but est de faire un focus sur un aspects qui nous attire dans le medium, et non le sujet même du visuel qu’il représente.
2/ Sélection des éléments clés
Identifiez les éléments visuels les plus représentatifs et pertinents parmi votre collection d’inspiration. Choisissez ceux qui reflètent le mieux l’esthétique, le style et l’ambiance que vous souhaitez pour votre projet. N’hésitez pas à varier les typologies de visuels, plus le moodboard mettra en scène des images issues de champs graphiques différents plus il sera complet.
3/ Organisation des éléments
Disposez vos éléments visuels sélectionnés sur un support, qu’il soit physique ou numérique. Vous pouvez utiliser un tableau, une feuille de papier, un logiciel de conception graphique ou une application dédiée pour créer votre moodboard. Organisez les éléments de manière à créer une composition visuellement attrayante et cohérente.
4/ Expérimentation de la mise en page
Jouez avec la disposition des éléments sur votre moodboard. Essayez différentes combinaisons, superposez des images, créez des collages ou utilisez des grilles pour obtenir l’agencement qui convient le mieux à votre vision. Comme dans toute mise en page, n’hésitez pas à laisser des espaces de respiration pour guider la lecture et rendre le tout attrayant. N’ayez pas peur d’expérimenter et de modifier la disposition jusqu’à ce que vous soyez satisfait du résultat.
5/ Ajout de contexte
Pour donner plus de sens à votre moodboard, vous pouvez ajouter des annotations, des descriptions ou des mots clés qui expliquent les choix et les concepts derrière les éléments visuels. Cela aidera à communiquer votre intention et à guider les autres personnes qui interagiront avec votre moodboard.
Une fois que vous avez terminé votre moodboard, prenez du recul, évaluez-le et assurez-vous qu’il représente l’ambiance et le style souhaités pour votre projet. N’hésitez pas à partager votre moodboard avec d’autres personnes pour obtenir des commentaires et des suggestions, afin d’affiner votre direction créative si nécessaire.
Par où commencer ?
Pour débuter votre travail de collecte et savoir dans quelle direction chercher, vous pouvez vous appuyer sur plusieurs éléments, tels que :
- Le cahier des charges :
Le cahier des charges du projet contient les spécifications et les exigences définies pour la création du site web. Il peut inclure des informations sur l’identité visuelle, les objectifs de communication, les fonctionnalités requises et d’autres éléments importants, les mots clés de l’univers du projet. Le cahier des charges peut vous fournir des indications sur les éléments visuels à inclure dans votre moodboard. - Les personas :
Les personas sont des représentations fictives de vos utilisateurs cibles. Ils décrivent les caractéristiques démographiques, les besoins, les objectifs, les préférences et les comportements de vos utilisateurs potentiels. Les personas peuvent vous aider à comprendre l’esthétique et le style qui correspondent à votre public cible.L’entreprise et sa culture : Comprendre l’entreprise elle-même, sa culture, ses valeurs et sa personnalité peut être une source d’inspiration pour le moodboard. L’image de marque existante, le style de communication et les éléments visuels utilisés par l’entreprise peuvent influencer la création du moodboard pour le nouveau site web. - La recherche d’inspiration :
Explorez différentes sources d’inspiration, telles que des magazines, des sites web, des portfolios créatifs, des galeries d’art, des plateformes de médias sociaux, etc. Rassemblez des images, des couleurs, des typographies et d’autres éléments visuels qui correspondent à l’esthétique et à l’ambiance que vous souhaitez créer. - Les tendances du secteur :
Tenez compte des tendances actuelles dans le domaine de la conception de sites web. Cela peut inclure des styles de mise en page, des palettes de couleurs, des typographies ou des éléments graphiques populaires. Tout en restant fidèle à l’identité de l’entreprise, les tendances peuvent fournir des pistes pour créer un moodboard moderne et attractif.
Le moodboard est un outil qui doit être défini en amont de la phase créative. On en réalisera généralement plusieurs pour aider le client à trancher. Il est important de noter que le choix des éléments à inclure peut varier en fonction du projet et de ses spécificités. Il est recommandé de discuter avec les parties prenantes du projet, de collaborer avec l’équipe créative et d’obtenir des retours pour affiner votre sélection et créer un moodboard pertinent.
Quels éléments collecter ?
Dans un moodboard, différents types d’éléments visuels peuvent être utiles pour créer une représentation visuelle de l’ambiance, du style ou de la direction souhaitée pour un projet.
Ces éléments peuvent inclure :
- des images et des photographies qui capturent l’esthétique,
- des textures ou les atmosphères spécifiques.
- des palettes de couleurs
- des typographies
- des illustrations
- des icônes ou des formes peuvent ajouter une dimension visuelle supplémentaire.
- des références à des œuvres d’art ou à des mouvements artistiques
Il n’y a pas d’éléments obligatoires spécifiques dans un moodboard, car cela dépendra du projet lui-même et de ses spécificités. L’objectif est de choisir des éléments qui représentent fidèlement l’ambiance et l’esthétique souhaitées, en créant une composition visuelle cohérente et expressive.
Pour rester efficace et cohérent, commencez par analyser les images que vous avez sélectionnées. Pour chaque image, identifiez les éléments qui vous intéressent, tels que la forme, la couleur, l’ambiance, … Posez-vous des questions sur la signification symbolique de chaque image et pourquoi ces éléments méritent d’être retenus. Utilisez un mot-clé pour expliquer pourquoi chaque image est pertinente pour votre projet.
Ensuite, procédez au tri des images. Il est préférable d’avoir toutes les images devant vous afin d’avoir une vue d’ensemble claire et de repérer les tendances. Identifiez les visuels qui vous parlent le plus. Sélectionnez les images les plus pertinentes, fortes et communicatives pour représenter votre inspiration dans votre moodboard. L’objectif est d’obtenir une sélection d’environ une dizaine d’images qui donneront un sens à votre moodboard, raconteront l’histoire de votre projet en quelques images et transmettront votre inspiration.
Un bon test pour évaluer la pertinence de chaque visuel est de voir si vous pouvez en parler pendant au moins 10 à 20 secondes. Cela vous aidera à déterminer si chaque image contribue efficacement à l’ensemble du moodboard et si elle communique clairement votre intention créative.
La mise en forme
Pour une mise en forme efficace de votre mood board, pensez au format A3, qu’il soit sur papier ou numérique, car il offre un espace adéquat pour organiser vos éléments. Utilisez les couleurs qui ressortent le plus dans vos images pour créer une base pour votre palette de couleurs.
Veillez à laisser des espaces blancs autour de chaque élément pour éviter une surcharge visuelle et permettre à chaque élément de se démarquer. Sélectionnez environ 10 éléments visuels qui représentent le mieux votre vision, en choisissant ceux qui sont les plus pertinents et significatifs pour votre projet. L’objectif est de créer un mood board équilibré, clair et esthétiquement agréable, capable de transmettre efficacement votre inspiration et votre direction créative.
Outils d’aide à la création de moodboard
NoteLedge (gratuit)
Ce logiciel offre de nombreuses fonctionnalités, dont celle de concrétiser visuellement vos idées en créant des moodboards esthétiques et visuels. Avec NoteLedge, vous avez la possibilité de sélectionner vos propres couleurs, images, textes et objets pour composer votre planche de tendances idéale. Vous pouvez facilement créer des croquis, concevoir des personnages, réaliser des collages, et déplacer les éléments en utilisant un système de calques déplaçables.
Pinterest (gratuit)
Pinterest est bien plus qu’une plateforme de partage d’astuces de bricolage et de recettes de cuisine. C’est également un outil idéal pour résoudre les problèmes de compréhension de la vision d’une entreprise pour la refonte de son site web, ou pour faciliter la communication entre les graphistes web et les clients. En effet, Pinterest offre la possibilité de créer facilement et rapidement des planches de tendances.
Grâce à cette plateforme, il est possible de concevoir un tableau public pour partager des idées ou un tableau secret auquel seules certaines personnes auront accès pour contribuer. Une fois le tableau créé, il devient facile de parcourir Pinterest pour trouver des visuels inspirants, sélectionner des palettes de couleurs pertinentes et découvrir différents types de typographies qui sauront parfaitement traduire la vision d’une entreprise.
Ainsi, Pinterest permet de résoudre les problèmes de compréhension et de faciliter la recherche d’éléments visuels pertinents pour créer une nouvelle apparence de site web ou une nouvelle page d’accueil.
Niice (Démo puis 9$/mois)
L’outil de moodboard en ligne Niice offre une gamme complète de fonctionnalités regroupées dans une plateforme conviviale. Les utilisateurs peuvent découvrir des images inspirantes, les rassembler dans des espaces privés et créer des planches de tendances en quelques minutes grâce à une interface intuitive de glisser-déposer. De plus, l’outil est accompagné d’une extension Chrome qui permet d’enregistrer facilement des images trouvées sur Internet.
En ce qui concerne les prix, Niice propose une version d’essai gratuite qui permet de créer jusqu’à trois planches de tendances. Pour bénéficier de fonctionnalités supplémentaires et d’un nombre illimité de planches, des comptes payants sont disponibles à partir de 9 $ par mois.
InVision (15 à 99$/mois)
InVision est reconnue comme la principale plateforme mondiale pour la conception, la collaboration et les flux de travail. Dotée d’un large éventail de fonctionnalités puissantes, cette plateforme intègre notamment Boards, un outil permettant de créer des planches de tendances de qualité supérieure. Grâce à Boards, les marketeurs et les designers peuvent concrétiser leurs idées en des expériences visuelles percutantes, qu’ils peuvent partager facilement avec leurs clients et leurs collègues. Les fonctionnalités avancées, telles que les commentaires, rendent l’outil très flexible et adapté au travail d’équipe.
Un autre avantage de Boards est qu’il est optimisé pour une utilisation sur mobile et tablette, ce qui facilite la collaboration, que ce soit au bureau ou en déplacement.
En ce qui concerne les prix, les abonnements pour l’outil de conception d’InVision varient de 15 $ à 99 $ par mois, selon les fonctionnalités incluses, le nombre de projets et le nombre d’utilisateurs.