Démystifier l’achat en ligne
Une expérience d’épicerie repensée pour rapprocher le numérique et le magasin

Contexte
En 2023, Metro modernise ses plateformes numériques pour faciliter la découverte des produits, simplifier les achats et offrir une expérience cohérente sur le web et les applications mobiles.
Projet nominé aux UX Design Awards 2023
Défi : unifier une expérience complexe
Déployée sur deux ans, la refonte des plateformes numériques de Metro regroupait plusieurs chantiers : l’intégration du programme Moi, la modernisation de l’achat en ligne sur metro.ca et la refonte complète de l’application mobile. Le tout nécessitait la coordination de quatre designers UX, cinq designers UI et directeurs artistiques, ainsi que d’une équipe technique externe.
L’épicerie en ligne présente des défis particuliers : achats récurrents, paniers volumineux, gestion des quantités et des produits à la coupe. L’expérience devait rester simple et efficace pour des utilisateurs aux niveaux d’aisance numérique très variés.
À cette complexité s’ajoutait l’intégration de quatre systèmes de fidélité et de trois bannières du groupe Metro, tout en maintenant une expérience cohérente entre les plateformes.

Des premières esquisses au design final.
Mon approche : comprendre, aligner, expérimenter
Comprendre avant de concevoir
J’ai commencé par les tests utilisateurs pour m’approprier rapidement le projet et comprendre les comportements des clients. Ces apprentissages ont ensuite nourri mes réflexions et mes choix de design tout au long du mandat.
Partager la vision et impliquer les équipes
J’ai pris soin de partager ma compréhension du projet avec mes collègues et de les impliquer dans les tests utilisateurs : c’était une façon naturelle et progressive de développer une compréhension commune des enjeux et de nourrir les réflexions collectives.
Garder une vue d’ensemble sans perdre les détails
Présent du début à la fin du projet, j’ai pu naviguer entre une vision globale de l’expérience et les détails de chaque parcours. Cette double perspective m’a notamment permis d’anticiper les besoins d’adaptation des composantes aux différentes bannières, programmes de fidélité et catégories de produits.
Encourager une culture d’expérimentation
J’ai encouragé les tests guérilla tout au long du projet. Une de mes fiertés a été de contribuer à rendre la recherche utilisateur plus accessible, collaborative et même amusante.
Note : j’ai produit les maquettes UX illustrées ici; les maquettes UI sont le fruit du travail de mes collègues designers, à la suite de nombreuses discussions et séances de collaboration.