Fauna

Contexte

Fauna est une marque de bijoux inspirés des animaux totems. L’animal totem est le symbole animal et spirituel de notre personnalité. Nous avons chacun un animal totem et Fauna vous permet de le découvrir à travers un test de personnalité et un guide complet. Il propose ensuite la possibilité d'acheter un bijou (bracelet ou collier) à son effigie. Autour de concept, il y a un engagements fort autour de plusieurs piliers : la fabrication française, la démarche éco-responsable et la cause animale.

Challenge

Optimiser le site fauna-protect.com pour en augmenter le chiffre d’affaires.

Livrables

Un rapport de recherche détaillé (problèmes identifiés, apprentissages clés)
Une proposition de priorisation des chantiers identifiés
Une proposition de variation, avec des maquettes a minima en niveaux de gris, pour le chantier le plus important, sur Desktop et Mobile sur un ou plusieurs écrans clés

Organisation

Afin de ne pas perdre de temps et de respecter le temps impartis, nous nous sommes tout d'abord concerté pour planifier le déroulement de la semaine. Nous avons principalement utilisé Figjam pour les différentes analyses réalisées, Google Sheets pour organiser nos données et Figma pour le résultat de nos recherches.

Analyse heuristique

L’analyse heuristique va nous servir à générer une liste d’hypothèses, qu’il faudra absolument confirmer avec des données.
Sur chaque page, on a examiné chacun des éléments visuels sur les critères de pertinence, clarté, motivation, friction, hiérarchie visuelle, crédibilité et distraction

On a analysé 14 pages dont : Homepage, page catégorie, page produit, panier, page informations, page livraison, page paiement sur mobile et sur desktop.
Après l'analyse heuristique, c'est la page produit qui présente le plus de points négatifs. Possibilité que cette page soit optimisée en premier.

Analyse technique

On va détecter les bugs les plus bloquants, que ce soit des bugs techniques ou des problèmes de performances comme le temps de chargement des pages par exemple.
Ce que l'on a relevé c'est que toutes les pages sont plutôt réactives, juste la page produit qui présente essentiellement deux erreurs techniques sur mobile.

À partir des ces deux analyses, on avait pratiquement déjà choisi sur quels chantiers se prioriser, les problèmes sur la page produit.

Analyse quantitative et qualitative

L'analyse quantitative va nous permettre de voir ce qu'il se passe sur le site grâce aux données, nous avons donc reçu des données chiffrées de Google Analytics et avons retenu les informations qui nous ont le plus intrigué et en rapport avec les hypothèses que nous avons tiré précédemment lors de l'analyse heuristique et technique.

L'analyse qualitative va nous permettre de comprendre les utilisateurs, pourquoi ils ont agi de telle sorte ? pourquoi ils ne sont pas allé au bout du processus d'achat ?
Pour cela, nous avons analysé les résultats de questionnaire d'amélioration, de sondage post-achat et avons effectué un test utilisateur.

Le questionnaire d'amélioration et les sondages post-achat nous ont permis d'en apprendre plus sur ce que les utilisateurs recherchent en allant sur le site, leur avis sur le concept et sur ce qu'ils souhaiteraient retrouver. En résumé :

Les utilisateurs ne passent pas commande à cause du prix principalement mais aussi le fait qu'il n'y ait pas l'animal qu'il souhaite et certains ont cette méfiance par rapport à la qualité du produit.
D'un autre côté, les raisons de leur achat sont surtout tout ce qui est autour de leurs engagements (fabrication française, démarche éco-responsable, soutien aux associations) mais aussi l'esthétisme du bijou.
La plupart des clients qui ont acheté l'un des bijoux (colliers ou bracelets), l'ont offert pour des occasions (anniversaires, Noël, Saint-Valentin etc.).

Pour le test utilisateur, nous avons réalisé un test modéré, c'est-à-dire, qu'un modérateur est présent pendant que l'utilisateur réalise le test, sur desktop (Macbook), navigateur Safari.
Le screener (critère de sélection du panel utilisateur), une personne ayant déjà acheté un bijou auparavant.
Durée : 15 min.
Liste de tâches à accomplir :

Quel est l'objet de ce site selon-vous ?
Vous souhaitez offrir un bijou avec un budget de 50€ pour l'un de vos proches.
Ajoutez-le au panier et achetez-le. Allez jusqu'à la page paiement.

Résultat du test utilisateur :

Il a compris assez facilement ce qu'ils vendent, leurs produits mais pas tout le concept autour de la donation aux associations.
Les informations sont pour la plupart accessibles mais certaines n'apparaissent pas assez tôt ou ne sont pas assez mises en valeur.
Les produits donnent envie de les voir mais l'apparence laisse quelques doutes sur la qualité.
Par rapport au test de personnalité, il y a quelques réponses proposées qui ne lui conviennent pas ou qu'il n'a pas compris. À la fin, il est assez méfiant de rentrer son adresse mail et ne le ferait pas.

Pour résumer les différentes analyses effectuées, on a pu décelé que certaines personnes ne trouvaient pas les informations promises ou n'exploraient pas assez les pages pour passer à l'achat.

Données d'interactions

Les données d’interactions vont nous permettre de comprendre comment naviguent les utilisateurs sur le site internet.
On a analysé les cartes de chaleurs fournis : scrollmap(permettent de savoir jusqu’où lisent les utilisateurs) et clickmap(permettent de voir où les utilisateurs cliquent).
On a pu confirmer certaines de nos hypothèses heuristiques, quantitatives et qualitatives.

En effet, les raisons pour lesquelles les utilisateurs achetaient, c'est-à-dire, les engagements et le concept de l'animal totem, ne sont pas visibles assez tôt, de même que les crosselling/upselling. De plus des éléments importants comme l'état du stock, les éléments de réassurance comme les avis ne sont pas assez mis en valeur. Le principal problème était la hiérarchie visuelle.

Proposition de variation

Après toutes nos analyses, nous sommes donc arrivé à une proposition de variation pour la page produit en desktop et mobile.