Atelier Eksento
Refonte d’un site e-commerce avec une navigation mobile-first
Contexte et problématique
-
Le site e-commerce initial rencontrait des problèmes d’adaptabilité pour les utilisateurs mobiles, ce qui nuisait à l’expérience utilisateur et à la conversion. Le client souhaitait une refonte complète, orientée mobile-first, pour améliorer la navigation et répondre aux attentes des utilisateurs.
-
Ce projet a exigé une expertise approfondie en UX pour poser des bases solides, ainsi qu’une coordination étroite entre les différentes parties prenantes (client, développeur, designer UI) afin de garantir la qualité et la pertinence des livrables.
Mon rôle
Dans ce projet, j’ai occupé un rôle transversal mêlant recherche UX, conception UX, et supervision UI :
-
Recherche UX : Analyse des comportements utilisateurs, benchmarks et collecte de données qualitatives et quantitatives.
-
Conception UX : Création des maquettes UX (wireframes) sur Figma, en tenant compte des besoins utilisateurs et des objectifs business.
-
Lead UI : Encadrement du designer UI pour garantir une cohérence entre les phases UX et UI.
-
Gestion de projet : Supervision de la livraison en collaboration étroite avec le développeur, pour aligner les attentes du client et les contraintes techniques.
Objectifs
-
Identifier les points de friction actuels et les opportunités d’amélioration via une analyse approfondie.
-
Concevoir une nouvelle stratégie UX et des maquettes répondant aux attentes des utilisateurs mobiles et desktop.
-
Gérer la passation et la supervision de la partie UI pour une expérience visuelle cohérente et impactante.
-
Collaborer avec le développeur pour garantir la faisabilité et la qualité technique.
E-commerce wireframes
Étapes et méthodologies
1.
Analyse du contexte
-
Étude des documents internes et des données de vente pour comprendre les enjeux du parcours utilisateur.
2.
Benchmark
-
Analyse des concurrents et des références de marché pour identifier les meilleures pratiques en navigation mobile-first.
3.
Analyse des données utilisateurs
-
Exploitation des données issues de Google Analytics pour comprendre les comportements des utilisateurs et détecter les zones critiques.
4.
Entretiens avec le client
-
Discussions approfondies pour clarifier les objectifs et valider les hypothèses de conception.
5.
Stratégie UX et hiérarchie de l’information
-
Élaboration d’un livrable stratégique définissant les priorités utilisateur et une nouvelle structure de navigation.
6.
Conception UX (Wireframes)
-
Réalisation de maquettes UX détaillées (mobile et desktop) sur Figma, pour structurer l’expérience utilisateur.
7.
Encadrement du designer UI
-
Recrutement et supervision d’un designer UI, en assurant une continuité et une cohérence entre les phases UX et UI.
8.
Collaboration avec le développeur
-
Points réguliers pour valider les choix de conception, résoudre les contraintes techniques, et ajuster les livrables en cours.
Résultats et impact
-
Amélioration de l’expérience utilisateur : Une navigation optimisée pour le mobile-first, rendant le site plus intuitif et performant pour les utilisateurs.
-
Collaboration fluide : Une gestion proactive ayant permis de coordonner efficacement les phases UX, UI et développement.
-
Livrables de qualité : Des maquettes UX détaillées et une stratégie UX solide, intégrées de manière cohérente avec le design UI.
-
Impact sur le projet global : Une méthodologie structurée et collaborative, contribuant à un projet aligné sur les besoins utilisateur et les objectifs du client.
Ce projet reflète ma capacité à allier expertise en recherche et conception UX, supervision UI, et collaboration interdisciplinaire pour livrer un produit final de haute qualité.
