Systèmes d'illustration de marque : dessiner une identité visuelle forte

Dans le flot de contenu en ligne, les entreprises vivent ou meurent par leur image de marque. Une image de marque doit exprimer le message de l'entreprise et se connecter avec les utilisateurs, qui doivent la reconnaître instantanément sur différents supports, même en dehors du site Web et du contenu marketing de l'entreprise. Une image de marque forte est comme une ancre, aidant à assurer l'attachement des utilisateurs et à fixer les associations de valeur.

L'image de marque est généralement construite à partir de différents éléments visuels - logos, palette de couleurs, une police particulière. Parallèlement, les illustrations sont un autre puissant moyen de communication visuelle qui est de plus en plus demandé pour les interfaces utilisateur en ligne.

Pourquoi? Parce que les illustrations introduisent des éléments narratifs dans le contenu visuel et permettent d'exprimer des émotions plus subtiles ou des situations plus complexes. L'inclusion de figures humaines rend les idées actives et accessibles, souvent de manière légère ou fantaisiste. Les illustrations se détournent du réalisme et permettent de construire le monde tel que le voit la marque .

Il s'agit d'une pièce importante dans le grand puzzle des campagnes en ligne. La conception numérique, utilisant des vecteurs, favorise des images nettes et audacieuses qui se traduisent bien en illustrations de marque distinctives. Plutôt que des conceptions à usage unique, ces illustrations en ligne sont utilisées dans le cadre de systèmes visuels complets. Les images d'un système d'illustration partagent une ambiance ou un style unificateur, ce qui les rend identifiables avec l'image et le message plus larges de la marque, même s'ils représentent différents aspects d'un produit ou d'un service.

Les systèmes d'illustration augmentent la portée et la profondeur des messages qu'une entreprise communique visuellement sur elle-même, des déclarations de mission au support produit pratique, tout en renforçant l'image de marque.

Procédé de design

Alors comment concevoir un système d'illustration de marque efficace ? Je vous explique mon processus de conception, avec des exemples de la récente refonte que nous avons entreprise à Spacebase.

Rechercher la marque

La première chose à faire est de connaître la marque pour laquelle vous allez concevoir. Cela peut sembler évident, mais ne sous-estimez pas le travail nécessaire. Même si vous pensez avoir déjà une connaissance pratique, cela vaut la peine d'investir du temps pour rafraîchir ou approfondir votre compréhension de la marque.

Creusez dans la culture derrière l'entreprise et ses produits ou services. Quel est leur message principal, quelles formes prend leur identité visuelle existante et dans quelle direction l'entreprise souhaite-t-elle se développer ?

Une enquête approfondie au début vous évitera des maux de tête et des impasses plus tard.

Comprendre les besoins des parties prenantes

En plus de faire vos propres recherches, vous devrez parler à la partie prenante. Cette connexion est cruciale pour le succès de votre conception - impliquez-les donc tôt et tenez-les informés du processus.

Obtenez des réponses aux questions clés sur le design : où les illustrations apparaîtront-elles et que doivent-elles exprimer ? Sur quel genre de situations et d'émotions pourraient-ils jouer ? Quels sont les paramètres techniques dans lesquels vous devez travailler ?

À ce stade, la partie prenante peut ne pas être très claire sur ce qu'elle veut. Néanmoins, vous devez écouter attentivement leurs commentaires et tenir compte de leurs attentes par rapport aux objectifs de l'entreprise et à leur image de marque plus large.

Chez Spacebase, l'objectif était de rendre la plateforme de réservation en ligne plus accessible et humaine. J'ai profondément réfléchi à la relation entre les salles de réunion et les personnes qui les utilisent. Nous voulions capturer le message de la marque consistant à sortir des espaces de travail habituels pour en créer de nouveaux et passionnants, de manière fluide, pratique et solidaire. Les conceptions devaient être conviviales, modernes et simples.

Organiser l'inspiration

Un moodboard est essentiel pour comprendre les commentaires que vous recevez et organiser vos idées. Collectez des images de concurrents ou d'entreprises sur le terrain avec des qualités similaires à votre objectif, puis compilez-les dans une ressource. Regarder ce qui vous inspire peut être un guide pour le ton général que vous souhaitez atteindre et suggérer la voie à une première itération. C'est également un matériel utile pour montrer aux parties prenantes, car cela leur donne une idée de la direction que prendront les illustrations avant le début du travail de création de concepts.

Pour le design de Spacebase, je me suis particulièrement inspiré des illustrations Airbnb, IBM et Shopify. La conception simple des personnes et des espaces s'est vraiment démarquée pour moi, et j'étais intéressé par la façon dont les palettes de couleurs en sourdine maintiennent les illustrations concentrées, sans surcharger les éléments picturaux. Ils produisent une impression de calme, de chaleur et d'inclusivité.

Création de concepts

Après des recherches et du moodboard, je commence à dessiner sur Adobe Illustrator. Parfois, j'utilise une tablette Wacom mais je m'en tiens principalement à ma souris avec l'outil Pen. J'utilise des formes pour créer une structure de base et j'utilise l'outil Plume pour ajouter des détails et améliorer le contour de base.

Gardez à l'esprit que les images que vous concevez doivent être cohérentes pour former un système uniforme, et non pour former des scènes autonomes. Donc, même s'il s'agit de la première itération, essayez de donner aux illustrations une saveur distinctive que vous pourrez reproduire sur différents modèles à l'avenir. Cela peut ne pas venir au début, mais orientez-vous vers une logique interne pour les illustrations de marque et visez à être cohérent avec cela dans vos décisions.

Avec les illustrations de Spacebase, nous nous sommes concentrés sur les personnages humains et la palette de couleurs afin de maintenir les images en ligne avec d'autres éléments visuels de la marque.

J'ai commencé à dessiner les personnages humains avec des contours de base, pour avoir une idée des émotions qu'ils représenteraient et de la façon dont ils habiteraient les espaces intérieurs. Je voulais des lignes fluides pour leur donner des profils dynamiques et suggérer le mouvement. Je voulais aussi éviter tout ce qui semblait trop lourd – léger et convivial étaient des mots-clés. La diversité était également importante pour moi, car Spacebase est une entreprise internationale, et je veux toujours que les spectateurs d'illustrations se voient.

Outre les figures humaines, je voulais que les objets et les environnements aient un style distinct - abstrait, futuriste et avant-gardiste. Nous avons voulu montrer des intérieurs lumineux, beaux, impliquant les utilisateurs dans la dynamique spatiale, et avec des objets qui suggèrent un environnement de travail professionnel idéalisé. En même temps, ceux-ci ne devaient pas détourner l'attention. Spacebase se concentre sur des salles de réunion inspirantes, mais leur marque concerne davantage les personnes qui utilisent ces espaces. Cela a pris de nombreuses itérations pour être parfait.

Une fois les croquis affinés, j'ai pensé à un jeu de couleurs. Les couleurs sont puissantes et suscitent des réactions instantanées - il était donc important pour moi de ne pas submerger les illustrations. Je voulais des nuances subtiles pour rehausser et compléter les scènes. La palette de couleurs doit également refléter la personnalité de la marque et correspondre à ses autres éléments visuels. Pour la palette de couleurs Spacebase, il était important de rompre avec le monochrome et de rester à l'écart des couleurs ternes normalement associées aux salles de réunion. Leur couleur de marque principale est l'orange, j'ai donc équilibré cela avec des tons pastel plus froids : violet, bleu ciel, gris et jaune moutarde.

Retour d'information

Après la première itération, obtenez tous les commentaires que vous pouvez.

De toute évidence, vous devez parler à la principale partie prenante pour connaître son point de vue sur votre conception. Mais essayez également de solliciter l'avis d'utilisateurs ou de collègues, si vous en avez, en particulier les personnes qui ne travaillent pas dans le design. Leurs réponses peuvent vous guider vers les prochaines étapes à suivre pour améliorer les illustrations. Conception pour de vrais utilisateurs cibles, plutôt que pour des besoins imaginaires.

Dans l'ensemble, je préfère entendre parler des frustrations des gens plutôt que d'entendre leurs louanges. Les distinctions sont agréables mais pas très utiles. Apprendre à connaître les points douloureux des utilisateurs (ou quelque chose qui n'a pas de sens pour eux visuellement) indique où concentrer votre attention. Même s'ils ne sont pas d'accord avec vos propres idées, les parties prenantes et leurs utilisateurs doivent aimer le design. Un bon design est dans l'œil de l'utilisateur.

L'une des illustrations avec lesquelles j'ai le plus lutté chez Spacebase était la bannière pour les e-mails d'annulation. Les clients les reçoivent soit lorsqu'ils ont annulé leur propre réservation, soit lorsque Spacebase a dû l'annuler.

Personne n'aime les mauvaises nouvelles, j'ai donc voulu que le design partage leur déception et suggère sympathie et compréhension. Les premières versions étaient cependant trop lourdes. Des collègues ont dit que cela ressemblait à la fin du monde, qu'un jugement drastique avait été prononcé. Il a fallu beaucoup de temps (et de nombreuses itérations) pour aller dans une direction différente.

En fin de compte, nous avons complètement supprimé les figures humaines. C'était un moyen d'éviter que l'illustration ne devienne trop chargée d'émotion et de lui donner un aspect plus neutre. La dernière itération minimise le drame – elle reconnaît un problème à travers des représentations semi-abstraites d'écrans, mais indique également un avenir au-delà de l'annulation.

Bibliothèque de référence

Au fur et à mesure que vous créez vos illustrations, il est utile de constituer une bibliothèque des différents éléments que vous avez déjà utilisés. Cela signifie que vous pouvez vous y référer à l'avenir et vous assurer de conserver le style et de vous sentir cohérent entre les différentes illustrations. La cohérence de vos illustrations est essentielle à l'efficacité globale de votre système à long terme.

Répéter

Soyez prêt à passer par ce processus plusieurs fois.

L'itération constante est la partie la plus importante de la production d'une identité visuelle réussie. Continuez à créer de nouvelles versions, à obtenir des commentaires et à rédiger de nouvelles itérations. Tout est un prototype et vous devez rester ouvert aux ajustements afin de rendre votre image de marque aussi pertinente que possible pour les utilisateurs . Gardez les parties prenantes informées et impliquées et soyez prêt pour les virages inattendus - la conception est aussi un voyage et chaque étape vous rapproche d'un résultat exceptionnel.

Tant que vous vous immergerez dans la recherche et la rétroaction, vous vous dirigerez dans la bonne direction. C'est ce que je trouve le plus gratifiant dans le design : je suis motivé par le processus en cours et quand j'ai l'impression d'améliorer constamment les choses, je suis heureux de faire ce que je fais.