CF
Cyril Fromentin
E-commerce - website & mobile
UX/UI Designer
Supermarché Match (Carrefour)
Refonte du parcours de finalisation de commande (tunnel de paiement) sur le site Drive, pour fluidifier le choix du mode de retrait et augmenter le taux de conversion.
Supermarché Match (Carrefour)
Application mobile & web
Contexte
Le client et ses enjeux
Le groupe
Supermarché Match est une enseigne de distribution alimentaire du groupe Carrefour, présente en magasins et en drive dans le nord de la France.
Objectif
Optimiser l'expérience utilisateur de l'interface de finalisation de commande en ligne : rendre le parcours plus intuitif et engageant, tout en augmentant le taux de conversion après achat.
Problématique
Le tunnel de paiement actuel manque de hiérarchisation dans l'information, le choix du mode de retrait (drive, livraison collaborative, livraison à vélo, livraison Match) est peu lisible, et plusieurs retours utilisateurs signalent des bugs de paiement en ligne, notamment sur mobile.
Remarques
Refondre le design pour une interface plus intuitive et engageante.
Réduire le temps de parcours pour fluidifier l’expérience d’achat.
Augmenter le taux de conversion après achat.
Optimiser le choix du mode de retrait pour limiter les frustrations.
Prendre en compte les contraintes techniques et juridiques pour assurer la conformité et la fiabilité du service.
Organisation
Parties prenantes
Mon rôle :
UX/UI Designer
L’équipe :
Responsable IT, product owner, équipe marketing, développeurs front-end.
Figma, Teams, Jira, Office 365
Process UX
De la recherche à la solution
01
UX Research
Analyse des retours utilisateurs (bugs de paiement mobile, perte de temps sur le tunnel, manque de clarté du choix de retrait) et audit du parcours existant, où l'information n'était pas hiérarchisée et où il fallait quitter le drive pour accéder aux infos du magasin.
02
Solutions envisagées
Refonte du header en un composant accordéon centralisant les infos du magasin, un switch rapide entre les sites Drive et Magasin, ainsi qu'une réorganisation du tunnel de paiement avec un rappel clair du prix, des économies et du mode de retrait choisi.
03
Opportunité & finalité
Une navigation plus fluide et plus rapide, un gain de visibilité pour les nouveautés et promotions côté marketing, et une meilleure fiabilité technique et juridique du parcours de paiement.
Trois temps forts qui structurent la démarche : comprendre, explorer, décider.
Méthodes
Personas & roadmap
Plusieurs méthodes ont été mobilisées pour comprendre en profondeur les usages et identifier les leviers d’amélioration : expérience map pour cartographier les moments clés, analyse des personas afin de cerner les profils et leurs attentes, ainsi qu’une étude des user flows pour évaluer la fluidité et la logique des parcours actuels.
Parcours utilisateurs
Analyse & design thinking
L'enseigne souhaitait revoir l'ensemble de la navigation entre les sites magasin et drive : auparavant, l'interface n'était pas adaptée et les clients devaient se rendre sur la page «changer de magasin» pour passer du drive au site magasin, ce qui limitait fortement la fréquentation du site magasin. Les retours utilisateurs confirment ces frictions, notamment sur le paiement mobile et la clarté du tunnel.
UI Design
Design d'interface
Un style guide dédié a été construit autour des couleurs de la marque (vert, orange, rouge) et de deux typographies : Barlow Semi Condensed pour les contenus, Lobster pour les titres évènementiels, avec de nouveaux composants pensés pour pallier les contraintes techniques qui ralentissaient certains éléments interactifs.
Wireframes & mockups
Du croquis à l'écran final
Résultats
Prototype animé
Bénéfices & opportunités
La refonte du tunnel de paiement représente une opportunité stratégique pour améliorer l'expérience client et les performances commerciales. Le temps de finalisation des achats a été réduit, favorisant une hausse des achats en ligne et du taux de conversion. L'optimisation du choix du mode de retrait limite les frustrations, tandis que la prise en compte des contraintes techniques et juridiques garantit un service plus fiable.