Design d’interface, Design graphique, Maquettes haute fidélité

Ghostit est une agence de marketing de contenu numérique basée à Victoria, en Colombie-Britannique. Au moment du projet, les produits et services offerts par l’entreprise se divisaient en deux catégories. La première regroupait les services d’agence liés à la création, à la distribution et à la promotion de contenu marketing. La seconde consistait en une application Web permettant aux entreprises de planifier et de programmer des publications sur différents réseaux sociaux.
Dans le cadre d’un mandat contractuel, l’entreprise m’a confié la refonte de son site Web ainsi que l’amélioration de l’expérience utilisateur de son application Web. Elle avait préalablement mené des entrevues auprès d’utilisateurs, ce qui lui avait permis d’identifier plusieurs opportunités d’amélioration. L’objectif était, d’une part, de définir des stratégies pour mieux communiquer les services offerts par l’agence et les bénéfices de sa plateforme numérique. D’autre part, il s’agissait d’améliorer les interfaces en fonction des constats issus des entrevues utilisateurs.
Énoncé du problème
« Les entrevues menées auprès des utilisateurs ont permis d’identifier certaines lacunes dans les interfaces du site Web, qui ont notamment un impact sur la communication des produits et services offerts par l’entreprise. Comment les interfaces peuvent-elles être améliorées afin de transmettre clairement la proposition de valeur unique de l’entreprise et de bonifier l’expérience utilisateur? »
1 | Analyse des entrevues utilisateurs
Puisque l’entreprise avait déjà mené plusieurs entrevues auprès de ses utilisateurs, la première étape du projet a consisté à en analyser les résultats. Les constats issus de cette recherche ont permis d’identifier les sections des interfaces qui étaient moins bien comprises par les utilisateurs.

2 | Esquisses
À partir des constats soulevés à l’étape précédente, des esquisses ont été réalisées pour la refonte du site ainsi que pour l’amélioration de l’application Web. La conception du nouveau site a été réfléchie de manière à intégrer l’image de marque de l’entreprise.

3 | Maquettes haute fidélité
Après avoir validé les esquisses auprès de l’organisation, celles-ci ont été transposées en maquettes haute fidélité. Les illustrations, d’abord dessinées à la main, ont également été vectorisées et finalisées dans Adobe Illustrator.

Illustrations
Le concept des illustrations s’inspire de la mascotte de l’entreprise, représentée par un fantôme. Ce personnage a permis d’intégrer une forme de narration visuelle à travers le site Web de manière originale et ludique.
Page d’accueil
La nouvelle page d’accueil a été conçue pour mettre en valeur les bénéfices de la plateforme numérique offerte par l’entreprise, qui constituait un élément central de son offre. Le contenu et le langage visuel ont été développés de manière cohérente avec l’image de marque.

Page de l’agence
La page présentant les services offerts par l’agence a également été mise à jour. Celle-ci a été conçue de manière à éviter la surcharge d’information. Des illustrations ont aussi été créées afin d’alléger visuellement le contenu.

Le projet a été bien reçu et apprécié par les parties prenantes. Celles-ci ont été investies tout au long du processus de conception et ont fait preuve d’enthousiasme et d’ouverture à l’égard des idées proposées. Le nouveau langage visuel a permis de mieux communiquer les éléments essentiels des produits et services offerts par l’entreprise. Certains constats issus du projet incluent :
- Travailler en étroite collaboration avec les parties prenantes permet d’instaurer rapidement un climat de confiance au sein de l’équipe;
- L’image de marque peut servir de source d’inspiration intéressante pour unifier le langage visuel du site Web d’une entreprise;
- Intégrer des formes de narration dans les interfaces, notamment à l’aide d’éléments visuels, constitue un moyen efficace de communiquer l’information essentielle.