Ghostit

Refonte de la page d'accueil et amélioration de l'UX d'une plateforme de marketing de contenu numérique.

Rôle

Designer UX/UI

Durée

2 mois

Livrables

Design d’interface, Design graphique, Maquettes haute fidélité
Featured image of the project

Problématique

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? »

Processus

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.
Illustration of the design process

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.
Illustration of the design process

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.
Illustration of the design process

Résultats

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.
Illustration creation process
Illustration creation process
Illustration creation process

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.
Ghostit homepage

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.
Ghostit agency page

Réflexions

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.