Salut, c'est Fanny 👋
Designer UX/UI, je mets ma sensibilité, mon écoute et ma créativité au service d’expériences digitales humaines qu’on n’oublie pas. ✨
Concevoir sa solution digitale web
VEJA est une marque engagée reconnue pour son positionnement écoresponsable et l’authenticité de ses valeurs. Son site web, principalement vitrine, met en avant ses produits et son univers de marque. Cependant, face à l’évolution des usages et des attentes utilisateurs, une refonte de l’expérience et de l’interface permet d’améliorer la lisibilité, la navigation et la mise en valeur de la marque.
Type
Refonte / optimisation d’un site e-commerce
Rôle
UX/UI Designer
Durée
2 semaines
Méthode
Audit UX · Architecture de l’information · Wireframing · Design System · Maquettes haute fidélité · Prototypage
Problème
Le site de VEJA manque d’optimisation en matière de navigation et d’ergonomie, ce qui complique l’accès rapide aux informations et produits. Son architecture et son design ne valorisent pas suffisamment l’image de la marque ni ses contenus clés.
Solution
Repenser la structure du site et ses parcours de navigation pour proposer une expérience plus fluide et intuitive. La refonte graphique doit mettre en avant l’ADN écoresponsable de Veja grâce à des visuels impactants, des typographies épurées et une structure moderne.
Wireframes
Base fonctionnelle du projet
Design system
Composants UI et règles de design
Flux de production
Déroulement du projet
Évaluation & mesure UX
Déroulement du projet
Pour boucler le cycle de conception, j’ai mené une phase d’évaluation en croisant deux regards complémentaires : les données comportementales (Google Analytics) pour observer les usages réels, et la méthode AttrakDiff pour mesurer la perception du site auprès de 25 utilisateurs.
L’objectif : transformer un ressenti en données lisibles, puis ces données en décisions de design concrètes pour les prochaines itérations.
Méthodologie
J’ai construit l’évaluation sur deux sources complémentaires :
- Google Analytics, pour observer le comportement réel et le contexte d’usage (appareils, fréquentation, engagement).
- AttrakDiff (via l’outil YOOzer), une méthode UX reconnue qui mesure la perception du site, auprès de 25 répondants.
AttrakDiff décompose l’expérience en quatre dimensions : la qualité pragmatique (PQ : utilité, ergonomie, efficacité), la qualité hédonique en deux volets — stimulation (HQ-S : aspect innovant et engageant) et identification (HQ-I : image et appartenance) — et l’attractivité globale (ATT), indicateur de synthèse.
Croiser le quantitatif et l’attitudinal me permet de ne pas me fier à une seule lecture, mais de confronter les usages aux ressentis.
Le contexte d'usage (Google Analytics)
Avant d’analyser la perception, j’ai posé le contexte d’usage avec une première collecte Google Analytics. L’échantillon reste limité (site récemment mis en ligne), mais deux enseignements orientent déjà l’analyse :
- Une répartition desktop / mobile assez équilibrée (57,4 % / 42,6 %), qui confirme l’enjeu d’un design responsive soigné sur tous les écrans.
- Une durée d’engagement courte (12 s en moyenne), normale pour un site en phase de découverte, mais qui souligne une vraie marge de progression sur la rétention.
Les données de navigateurs et de résolutions d’écran complètent ce portrait et aideront à prioriser les tests d’affichage.
La méthode AttrakDiff en pratique
Concrètement, chaque utilisateur répond à un questionnaire de 28 paires de mots opposés (ex. « Simple / Compliqué », « Laid / Beau »), noté sur une échelle de 7 points, en 2 à 5 minutes.
Le calcul des moyennes et des écarts-types sur ces réponses produit plusieurs représentations visuelles, qui résument les dimensions PQ, HQ-S, HQ-I et ATT. Ces visualisations permettent d’identifier rapidement les points forts du site comme les axes d’amélioration.
Résultats : la datavisualisation
Les résultats des 25 répondants se lisent à travers quatre visualisations complémentaires :
- La matrice portfolio positionne le site dans la zone « désiré », légèrement orientée vers la dimension « tâche » : un signe de bonne qualité d’usage, avec un ressenti émotionnel encore modéré.
- Le graphique des paires de mots détaille la perception item par item et fait ressortir les contrastes (ex. un score plus faible sur « Imprévisible / Prévisible »).
- Le diagramme des valeurs moyennes hiérarchise les dimensions : ATT 1,56 · PQ 1,16 · HQ-S 1,08 · HQ-I 0,99.
- Le Net Promoter Score, à -5, complète la lecture côté recommandation.
Synthèse : une lecture croisée
En reliant les visualisations, un profil clair se dessine : le site est apprécié pour sa qualité pragmatique et son attractivité (les utilisateurs le trouvent simple, efficace et plaisant), tandis que la qualité hédonique, surtout l’identification, reste plus en retrait.
Le point le plus intéressant est une apparente contradiction : un AttrakDiff globalement positif, mais un NPS négatif (-5).
Je l’interprète ainsi : les utilisateurs trouvent le site efficace et agréable à l’usage, sans pour autant être encore prêts à le recommander activement. Un profil typique d’un site jeune, en cours de construction. Plutôt que de masquer cet écart, je le lis comme le signal que l’expérience fonctionnelle est acquise, mais que l’attachement, lui, reste à construire.
Recommandations
Puisque le socle pragmatique est déjà solide, je concentre les pistes d’amélioration sur la dimension hédonique et identitaire :
- Renforcer le lien émotionnel et personnel : storytelling de marque, micro-interactions, éléments de personnalisation pour que l’utilisateur se reconnaisse dans le site.
- Travailler la stimulation : apporter des touches plus originales et engageantes sans alourdir la navigation.
- Augmenter l’engagement observé dans Google Analytics (les 12 s) en soignant les premiers instants de visite et les contenus d’entrée.
L’objectif : transformer un site « efficace et plaisant » en un site « qu’on a envie de recommander ».
Conclusion & limites
Dans l’ensemble, les retours indiquent une expérience plutôt positive, portée par la qualité pragmatique et l’attractivité. La dimension hédonique et le sentiment d’identification méritent d’être renforcés pour une expérience plus immersive, et le NPS de -5 confirme un engagement encore à consolider.
Ces observations restent préliminaires : l’échantillon est réduit (25 répondants), le NPS est à relativiser sur un faible volume, et le site n’est pas encore finalisé. Les prochaines étapes logiques seraient un nouveau test après optimisations et un suivi des métriques GA dans le temps (taux de rebond, conversion, temps moyen passé), pour mesurer l’effet des améliorations.
- Disponible pour de nouvelles opportunités — Parlons-en !
- Disponible pour de nouvelles opportunités — Parlons-en !
- Disponible pour de nouvelles opportunités — Parlons-en !
- Disponible pour de nouvelles opportunités — Parlons-en !
- Disponible pour de nouvelles opportunités — Parlons-en !
- Disponible pour de nouvelles opportunités — Parlons-en !
- Disponible pour de nouvelles opportunités — Parlons-en !
- Disponible pour de nouvelles opportunités — Parlons-en !
- Disponible pour de nouvelles opportunités — Parlons-en !