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 de réaliser le projet, les produits et services offerts par l’entreprise pouvaient être divisés en deux catégories. La première comprenait tous les services d’agence relatifs à la création, la distribution et la promotion de contenu marketing. La seconde consistait en une application Web permettant aux entreprises de planifier et céduler des publications sur divers réseaux sociaux.
Dans le cadre d’un travail contractuel, l’entreprise avait donné pour mandat d’effectuer la refonte de leur site Web ainsi que d’améliorer l’expérience utilisateur de leur application Web. Celle-ci avait alors effectué des entrevues auprès d’utilisateurs qui lui avaient permis d’identifier certaines opportunités pour améliorer leur plateforme. L’objectif était alors, d’une part, de trouver des stratégies permettant de mieux communiquer les différents services offerts par l’agence ainsi que les bénéfices de sa plateforme numérique. D’autre part, les interfaces devaient être améliorées en fonction des constats découverts lors des entrevues utilisateurs.
Énoncé du problème
«Les entrevues avec les utilisateurs ont permis d’identifier certaines lacunes dans les interfaces du site Web, lesquelles ont notamment un impact sur la communication des produits et services offerts par l’entreprise. Comment les interfaces peuvent-elles être améliorées de manière à transmettre clairement la proposition de valeur unique à l’entreprise et bonifier l’expérience utilisateur?»
1 | Analyse des entrevues utilisateurs
Puisque l’entreprise avait déjà effectué plusieurs entrevues auprès de ses utilisateurs, la première étape du projet fut d’analyser les résultats de celles-ci. Les constats 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 ensuite été créées pour la refonte du site ainsi que pour les améliorations de l’application Web. La conception du nouveau site Web fut 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 furent transposées en maquettes haute fidélité. Les illustrations, d’abord dessinées à la main, furent également mises au propre dans Adobe Illustrator.
Illustrations
Le concept pour la création des illustrations a été inspiré de la mascotte de l’entreprise, représentée par un fantôme. Celui-ci a permis de mettre en œuvre 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 de l’avant les bénéfices de la plateforme numérique offerte par l’entreprise, laquelle était alors un élément central de son offre. Le contenu et le langage visuel ont été conçus pour être cohérents avec l’image de marque.
Page de l’agence
La page décrivant les services offerts par l’agence a également été mise à jour. Celle-ci fut conçue de manière à éviter la surcharge d’information. Des illustrations furent également créées dans le but d’alléger visuellement le contenu de la page.
Le projet a été bien reçu et apprécié par les parties prenantes. Ces dernières étaient investies tout au long du processus de conception et ont fait preuve de beaucoup d’enthousiasme et d’ouverture par rapport aux idées proposées. Le nouveau langage visuel résultant a permis de mieux communiquer les éléments essentiels des produits et services offerts par l’entreprise. Certains constats du projet incluent :
- Travailler en étroite collaboration avec les parties prenantes permet d’instaurer un climat de confiance rapidement au sein de l’équipe;
- L’image de marque peut être une source d’inspiration intéressante pour unifier le langage visuel du site Web d’une entreprise;
- Intégrer diverses formes de narration dans les interfaces, notamment à l’aide d’éléments visuels, est un bon moyen de communiquer l’information essentielle.