Mercatio
Redesign
Les illustrations présentes sur un site internet permettent d’optimiser les chances de capter l’attention d’une audience. Elles renforcent l’impact d’un contenu et servent à faire passer des messages plus rapidement et plus efficacement qu’un bloc texte. En effet, peu d’internautes consacrent du temps à parcourir un site internet dans ses moindres détails. Sans apport visuel impactant, nous perdons leur attention et, par conséquent, nous n’arriverons pas à les convaincre. L’illustration est un moyen de communication efficace et rapide. Il était indispensable de faire évoluer l’identité visuelle de Mercatio afin de ne pas être en décalage avec les nouvelles tendances.
Challenge & problème
Nous devions créer un style d’illustration unique et flexible qui puisse évoluer dans le temps. Ce style devait, d’une part, être attrayant et, d’autre part, fonctionner sur les illustrations d’icônes, de scènes, de personnages… Il fallait que ce nouveau style mette les commerçants en confiance, éveille la curiosité et renforce l’engagement. Ces illustrations devaient être cohérentes, comme si elles provenaient de la même origine. Pour cela, nous devions mettre en place des directives claires sur la manière de concevoir un personnage, une scène ou une icône.
L’e-commerce est un marché concurrentiel. Il existe de nombreux outils et solutions SaaS pour ouvrir une boutique en ligne. Il fallait donc capter plus rapidement l’attention des visiteurs en leur proposant une identité visuelle davantage ludique, parlante et rassurante. L’objectif était d’améliorer l’expérience utilisateur en faisant preuve de créativité, d’originalité et de cohérence. Nous devions créer un véritable storytelling et partager ce nouvel univers avec notre public cible..
Frustrations
Dans un premier temps, avec toutes les équipes, nous avons commencé par lister nos valeurs (confiance, accompagnement, accessibilité, facilité, authenticité…). Parallèlement, j’ai recherché les anciens commentaires reçus lors de la dernière mise à jour d’illustration. Il en est ressorti que l’image renvoyée manquait d’empathie et donnait peu confiance aux commerçants. Dans un second temps, nous avons établi différentes planches de tendances avec des styles très différents. Cela nous permettait de savoir ce qui était apprécié, ce qui ne l’était pas, ce qui pourrait correspondre aux valeurs de Mercatio, pourquoi et comment ? Le problème était parfaitement défini, tout comme la solution qui en découlait. Par conséquent, le déploiement aurait dû être fluide et transparent. La solution à un problème n’est jamais aussi évidente : le nombre de décisions éventuelles est restreint. On se demande si les utilisateurs actuels ne seront pas désorientés, comment cela impactera l’engagement des commerçants et le taux de conversion…? On se demande également si on a tout exploré, si l’équipe appréciera illustrer de cette façon, si elle sera fière du nouveau style et s’y reconnaîtra ? À l’instant où nous avons obtenu un «oui !» à toutes ces questions, nous avons pu aller de l’avant et nous concentrer sur la résolution des vrais problèmes.
Approche
Photographie ou illustration ? La première a pour objectif d’inspirer. La seconde encourage l’individualité. Notre but est d’encourager les gens à être ce qu’ils sont. L’illustration s’est donc imposée comme une évidence. J’ai listé toutes les illustrations avec leur emplacement, leur contenu et leur taille. J’ai ensuite mis en place un système de notation (de faible à élevé) afin de voir l’impact et d'identifier ce que nous devrions améliorer ou à contrario supprimer. J’ai mis en place un guide de style documenté qui s’est avéré très utile, surtout lors des premières étapes du projet. Chaque décision devait être alignée et en phase avec chaque membre de l’équipe. Nous avons parfois pris des décisions rétroactives, soulevé de nouveaux problèmes et débattu avant d’aller de l’avant. Nous avons documenté et défini les points suivants : langage commun (icônes, personnages, scènes), les bonnes pratiques (nom des fichiers, extensions, formats, qualité, couleurs…), les principes, la composition, le poly count, l’éclairage, les matériaux, les arrière-plans… La prochaine décision allait être difficile à prendre, à savoir : comment aborder la mise à jour ?
Équilibre
Nous avons testé les nouvelles illustrations en les intégrant dans le tableau de bord utilisé par les commerciaux pour effectuer les démonstrations. Cela nous a permis d’obtenir les feedbacks de potentiels nouveaux utilisateurs et nous a confortés dans notre choix. Ensuite, nous avons décidé de mettre en place une période de transition pour les utilisateurs actuels en leur laissant le choix du style d’illustration pour ne pas les désorienter. Nous nous sommes rendu compte que cette solution n’était pas idéale et nous avons changé d’avis. Nous avons finalement déployé uniquement les illustrations sur le tableau de bord principal. En optant pour une transition en douceur et en mettant progressivement à jour le tableau de bord, nous avons pu recueillir à la fois les feedbacks des utilisateurs actuels et celui des prospects. Cela nous a permis d’affiner nos décisions et de revoir certains éléments avant de déployer la nouvelle identité visuelle sur nos différents supports.
Résultats
Chaque utilisateur, chaque prospect et chaque collègue a sa propre relation avec l’identité visuelle. Le choix du style d’illustration a été un véritable enjeu pour la refonte de l’identité visuelle et le plus difficile a été de choisir un point de départ. L’augmentation du taux d’engagement et de conversion nous a démontré que nous avions délivré la bonne réponse à ce problème. Le nouveau style apporte de la clarté et fournit les informations directement. Il donne aux commerçants la confiance nécessaire, il est rassurant et enfin il est le parfait trait d’union entre nous et les commerçants lorsqu’ils ouvriront leur boutique en ligne. Nous allons continuer à renforcer et documenter ce nouveau style. Parallèlement et tout au long de ce projet, nous avons modifié la hiérarchie du contenu du site internet afin d’alléger et de simplifier sa compréhension. Nous avons également mis à jour le Design System.
Contact
Disponible pour des projets de design, de direction artistique, de direction créative, des collaborations et des commandes de créations graphiques.
Si votre demande concerne des projets et/ou des collaborations potentiels, merci d'inclure les informations concernant votre entreprise, votre projet, le calendrier et le budget.