Marie-Liesse de Solages
← Tous les projets
Edenred · Le produit pour les restaurateurs

Les enjeux de connexion

Edenred parle à trois publics et ils passaient chacun par leur propre accès. Les marchands, eux, ne reviennent que deux ou trois fois par an et ils avaient oublié lequel était le leur.

SujetPoint d’entrée
RôleProduct designer
Période2024
ContexteEdenred+
TerrainClient · Employee · Merchant
ÉcransEn anglais
En quelques mots

Edenred parle à trois publics. Les Clients sont les entreprises qui commandent titres et cartes pour leurs salariés. Les Employés sont celles et ceux qui les dépensent et les Marchands sont les commerçants qui les acceptent. La connexion est la porte d’entrée commune à ces trois mondes.

Je me concentre ici sur deux décisions. Le point d’entrée commun d’abord : on l’a cherché en équipe et j’en ai dessiné les pistes. Puis le parcours de connexion repensé pour des marchands qui reviennent rarement : j’ai conçu les écrans, leurs états et les parcours de récupération.

Décision 1

Les trois connexions séparées sont réunies en un point d’entrée commun

Le problème

Chaque public avait sa propre page de connexion. Les personnes se trompaient tout le temps parce qu’un marchand est aussi, au sens courant, un client d’Edenred. Il allait vers l’espace Client qui n’était pas le sien et se retrouvait bloqué. Le portail marchand avait très peu de connexions.

Avant · trois portes cloisonnées
Marchandveut son portail
Espace Clientil atterrit là et bloque
Application Edenredcelle des salariés, rien à voir
Espace Marchandle sien, jamais trouvé

Un marchand est aussi un « client » : il se dirige vers l’Espace Client, n’arrive pas à se connecter et ne peut pas accéder à son espace et ses factures.

Après · une seule porte
Marchand
Un point d’entrée commun
Espace Client
Application Edenred
Espace Marchand

Une porte unique qui nomme les trois espaces : on entre par n’importe lequel et on passe de l’un à l’autre facilement.

À gauche on arrive dans le mauvais espace et on s’arrête là. À droite les trois espaces sont accessibles depuis n’importe lequel des trois.
L’insight

Une recherche sur les petits marchands nous a appris une chose simple : les titres-restaurant pèsent peu dans leur activité, donc ils y consacrent peu d’attention. Un obstacle de plus à l’entrée et ils n’insistent pas.

Les options

On a d’abord voulu garder les trois pages séparées et mieux les différencier par leur intitulés, les liens, la façon d’annoncer à qui chaque espace s’adresse. Le marchand continuait de se tromper de site. Le mot « client » lui parle et rien ne lui dit qu’Edenred appelle « Marchand » l’espace qui est le sien.

La décision

On a réuni les trois publics sur une seule page qui parle d’eux. Ils passent de l’un à l’autre en un clic et chaque public mène ensuite à sa propre connexion. On a exploré cette solution en atelier : j’ai maquetté des propositions et on a fusionné ce qui marchait dans chacune.

Le résultat

Le hub Client / Employee / Merchant c’est une page avec trois onglets sur desktop et un menu déroulant sur mobile pour que le choix reste lisible.

Prototype cliquable : changez de public
Le point d’entrée commun Edenred+, onglet Client actif
Le point d’entrée commun Edenred+ sur mobile, public Client
L’interface est à manipuler : cliquez les onglets Client / Employee / Merchant pour changer de public.
Décision 2

Une connexion pour des marchands qui viennent deux fois par an

Le problème

Les marchands laissent passer des mois entre deux visites du portail. Entre-temps ils oublient leur mot de passe, leur identifiant, parfois le lien lui-même. J’ai conçu la connexion pour ce moment-là : le retour après une longue absence.

L’insight

La rareté des connexions structure tout jusqu’à la sécurité. Quand le marchand dit faire confiance à son navigateur, l’OTP par email n’est redemandé que tous les 120 jours. On ne va pas sur-solliciter des gens qui viennent si peu.

« Chez [un autre émetteur], ça a été beaucoup plus rapide à mettre en place. […] J’ai eu mes codes d’accès juste après, je pouvais aller dessus, retrouver mes factures sans problème. »Un restaurateur, entretien de novembre 2023
Les options

L’autre chemin existait déjà : le marchand appelait le support ou son commercial et les deux étaient saturés. Traiter chaque blocage en ligne demandait de redessiner cinq parcours avec leurs messages et leurs états : mot de passe oublié, identifiant oublié, lien expiré, compte pas encore activé, code refusé.

La décision

J’ai conçu la connexion autour de la récupération : chaque blocage a son parcours au lieu d’être une impasse.

Quand tout va bien, le chemin est direct
Connexion
Code MFA
PortailVérification par email, puis le tableau de bord
Et quand ça bloque, une sortie pour chaque cas
Mauvais identifiantsou champ laissé vide
Message d’erreur clair, on corrige sur place
Mot de passe oublié↓ le parcours détaillé, écran par écran, juste en dessous
Lien de reset envoyé par email
Nouveau mot de passe
Identifiant oublié
Identifiant renvoyé par email
Code MFA erronéou trop de tentatives
Renvoi du code, message clair
Compte non activéou lien d’activation expiré
Renvoi de l’email d’activation, le compte s’active
Chaque sortie ramène au chemin : on repart là où on s’était arrêté.
Pourquoi tout ce soin sur la récupération

Les marchands se connectent rarement. Et quand ils reviennent, ils ont oublié leur mot de passe : c’est un des principaux motifs de contact avec le support.

Le résultat

Un marchand qui revient après six mois n’est plus bloqué. Le parcours de récupération part du même « Having trouble logging in? » et le ramène à la connexion, y compris quand le lien a expiré.

La récupération du mot de passe, écran par écran

Ce qui arrive à chaque retourLe mot de passe n’a pas tenu jusqu’à la visite suivante. La sortie de secours →
1Écran « Having trouble logging in? » avec deux choix : réinitialiser mon mot de passe, ou contacter le support
Le point d’entréeDepuis « Having trouble logging in? », on propose de réinitialiser sans détour.
2Drawer « Forgot your password? » : un seul champ email, un message qui explique ce qui va suivre
La demandeUn seul champ et l’on annonce ce qui va se passer.
3Drawer « Check your inbox » : le lien de réinitialisation a été envoyé, avec l’option de renvoyer l’email
La confirmationL’email est parti. On ne laisse aucun doute : renvoi possible, aide à portée.
4Écran « Oops… your link has expired » : un nouveau lien vient d’être envoyé à l’adresse affichée, avec un bouton pour le redemander
Le lien a expiréLe lien a une durée de vie ; passé ce délai, on peut en demander un nouveau.
5Écran « Password setting » : nouveau mot de passe et confirmation, avec les règles de sécurité affichées
Le nouveau mot de passeLes règles de sécurité restent affichées pendant qu’on tape.
6Écran de succès « You’ve reset your password », avec un bouton pour se reconnecter
C’est réglé« Just sign in and you’re done. » On revient à la connexion, sans impasse.
Faites défiler pour suivre le parcours de récupération de mot de passe.

Ce que ce projet m’a appris

Un parcours de connexion se joue le jour où l’on revient après six mois, sans mot de passe et sans certitude d’être au bon endroit. On dessine d’habitude le chemin où tout se passe bien et les impasses après. Ici j’ai commencé par les impasses. Ce projet m’a appris à composer avec des règles que je ne fixe pas.

Les chiffres d’effet de ce projet appartiennent à Edenred, je ne les publie pas ici. Ce qui se mesure ici, c’est la part des demandes au support liées à la connexion et le nombre de récupérations de mot de passe qui vont jusqu’au bout.