Obtenez votre QR Code et commencez à faire des économies en caisse

L’application pour profiter de bons de réduction immédiats et dématérialisés en caisse, valables dans vos hypermarchés.

Web app Hello Promo — parcours QR Code

La mission

Hello Promo est une solution marketing (Web App) permettant à la communauté d'utilisateurs de bénéficier de nombreuses réductions gratuites utilisables dans les supermarchés et hypermarchés grâce à la présentation d'un QRCode. Chaque promotion est accessible sur différents canaux de réseaux sociaux tels que Facebook, Instagram ou Twitter. En tant que senior product designer, j'ai accompagné mes clients dans la refonte du parcours du "shopper" afin de proposer une expérience plus simple et intuitive, favorisant l'adhésion et la rétention des utilisateurs, tout en respectant les droits liés aux données privées.

1

Simplifier l’inscription

2

Augmenter la rétention

Mon rôle

J’ai leadé le product design de l’application web. Durant ce projet j’ai eu l’opportunité de travailler avec l’équipe Médiaperformances porteuse du projet, composée de Janis Hayat comme Chef de groupe marketing et innovation, Romain Ledeuil comme Chef de produit, Brice Marmonnier comme Chef de projet, Anne-France Kleis comme PMO, Clair Koralewski comme DGA, Anne-Lise Blanc comme Juriste et Kevin Song comme Développeur analyste.

Tâches principales

  • Interview et Scope
  • Recherche et idéation
  • Exécution du design et validation

Design & Research Tool kit

MiroFigmaInterview

Planning

Le projet s’est déroulé en 5 grandes phases : définition du scope d’intervention, business research & interviews utilisateurs, parcours & userflow, wireframing, finalisation des interfaces & prototype.

Scope Définition
Business Research
User Interviews
User flow
Wireframing
User Interface Design
Planning du projet Hello Promo
Planning du projet Hello Promo
DécouvrirProblèmeIdéationSolution

Deck de recherche

Interviews

La phase de recherche a été réalisée par les équipes de Médiaperformances. Pour des raisons de confidentialité les interviews ne peuvent être partagées, mais voici les principaux insights qui ont émergé durant cette phase.

1

Ads Facebook trop intrusives

Rendre la promesse simple et non intrusive pour les utilisateurs. Clarté sur l’utilisation des données.

2

Se désabonner simplement

Une des attentes principales a été de pouvoir aussi se désabonner à tout moment.

La solution

User flow

Au cours des entretiens, notre recherche a mis en avant l'importance capitale de rendre le processus et la compréhension du service aussi transparents que possible pour les utilisateurs. Notre défi était de déterminer le nombre optimal d'étapes à suivre tout en restant attentifs aux attentes des utilisateurs. Pour répondre à ce besoin, j'ai pris la décision de simplifier le contenu et de proposer une navigation simple et intuitive à chaque étape, en utilisant des call to action clairs et explicites pour rendre l'expérience appréciable jusqu'à la promesse, l’obtention du BRI sous le format QRCode. Une observation notable a été faite lors de la simplification de la connexion via les réseaux sociaux, révélant que nous pouvions également simplifier la phase d'adhésion, ce qui nous a permis de convertir les utilisateurs de manière plus rapide et efficace.

User flow du parcours shopper
User flow du parcours shopper

Wireframe

Les wireframes ont été conçus dans le but de définir la structure et l'architecture de l'information. Au cours de cette étape essentielle, j'ai choisi de mettre en lumière la disposition des éléments clés tels que les boutons, la navigation et les zones de contenu afin de la présenter et de la tester auprès de nos utilisateurs. Cette phase collaborative nous a permis de discuter et d'incorporer les feedbacks pour créer une première version de l'interface. Par la suite, nous avons validé les fondations et progressé vers l'étape suivante, celle du prototypage interactif, pour donner vie à l'ensemble de l'interface.

Wireframes Hello Promo
Wireframes Hello Promo

User interface

Interfaces finales Hello Promo
Interfaces finales Hello Promo

Prototype

Retrouvez le prototype sur Figma. Pour des raisons de confidentialité l’ensemble du projet n’est pas accessible.

Les impacts

Depuis le lancement de l'application web Hello Promo, nous avons constaté d’une part une amélioration significative des inscriptions grâce à la mise en place du Single Sign-On (SSO) via Facebook Connect, Google Connect et Apple Connect. D'autre part, nous avons également remarqué une nette amélioration de la rétention des utilisateurs, avec une augmentation du nombre de connexions, une hausse de l’activation des notifications et une utilisation plus fréquente des coupons.

+23%
Augmentation des inscriptions via single sign-on
+30%
Conversion depuis Facebook
+11%
Utilisation des coupons QRCode
+56%
Conversion des utilisateurs sur mobile vs web

Remerciements

Merci à toute l’équipe Médiaperformances

Janis HayatJanis Hayat
Romain LedeuilRomain Ledeuil
Brice MarmonnierBrice Marmonnier
Anne-France KleisAnne-France Kleis
Clair KoralewskiClair Koralewski
Anne-Lise BlancAnne-Lise Blanc
Kevin SongKevin Song

Vous souhaitez me contacter ?
Envoyez-moi un message

LinkedIn WhatsApp Envoyez-moi un message

Maxime COUDE
Product Designer UX/UI Freelance
[T] +33(0)6 75 43 44 88
[E] maxime.coude@gmail.com