Marie-Liesse de Solages
← Tous les projets
Edenred · Mes premières années

Quatre produits, du B2B au B2C

J’ai passé trois ans sur quatre plateformes et trois publics différents. J’y ai refondu un portail entier en moins de trois mois et j’y suis passée des écrans qu’on me confiait à ceux que je décidais.

SujetQuatre plateformes
RôleProduct · UX/UI designer
Durée3 ans
ContexteEdenred France
Périmètre4 plateformes
En quelques mots

Edenred conçoit des solutions de paiement fléché : titres-restaurant, cadeaux, services à la personne, mobilité. Trois publics gravitent autour de ces solutions. J’étais seule designer sur le site vitrine et en équipe sur les trois autres.

Les Clients sont les entreprises qui commandent, les Employés sont les salariés qui dépensent et les Marchands les commerçants qui acceptent. J’ai travaillé sur les quatre plateformes qui les servent.

4 plateformes 3 publics Seule ou en équipe selon les projets
Trois publics et la plateforme qui sert chacun
ClientEntreprises qui commandent
Espace clientCommande et gestion B2B
EmployeeSalariés qui dépensent
My EdenredSolde, carte, transactions
MarchandsCommerçants qui acceptent
Espace marchandAffiliation, remboursement
Edenred.frVitrine et centre d’aide, le point d’entrée commun vers les trois plateformes
Le point d’entrée commun : Edenred.fr.
Plateforme 1 / 4

Edenred.fr, le site institutionnel

Seule designer sur le projet.

La vitrine de l’entreprise est le principal point d’entrée vers les plateformes. Le site évolue en continu : des pages refaites, des photos changées, des bannières ajustées.

Un moment fort · un centre d’aide là où il n’y en avait pas
Le problème

Aucune FAQ n’existait. Les utilisateurs cherchaient dans les pages produit ou appelaient le service client, qui recevait beaucoup de questions répétitives. Le catalogue est multi-produits et multi-publics : la même question n’a pas la même réponse selon qu’on est employeur ou bénéficiaire, sur Ticket Restaurant papier ou sur Kadéos.

Les options

J’ai commencé par la FAQ classique : une liste de questions et un moteur de recherche. Le moteur de recherche a été écarté car techniquement hors de portée. Il fallait amener les personnes à leur réponse autrement.

Il restait la liste unique, qui aurait recréé le problème qu’on voulait régler. Je ne pouvais pas laisser le tri à l’utilisateur : il ne connaît pas nos noms de produits.

Option écartée · la liste unique
Utilisateur
Toutes les questions
Le tri retombe sur le lecteur
Décision · le centre d’aide demande d’abord qui vous êtes
Utilisateur
Vous êtes
Votre solution
Votre support
Votre produit
Seulement ses questions

Un bouton « Modifier » à chaque étape pour se corriger sans repartir de zéro.

La liste unique reporte le tri sur le lecteur ; la qualification en quelques étapes n’affiche que ce qui le concerne.
La décision et le résultat

Le centre d’aide demande d’abord qui vous êtes. On se déclare en trois ou quatre étapes et on ne voit ensuite que les questions qui nous concernent. Deux choses font que ça marche : les étapes arrivent une par une, jamais sous forme de formulaire. Le fil de sélection reste en haut avec un « Modifier » à chaque étape.

Première étape de la qualification : Vous êtes : client, utilisateur ou partenaire marchand
1 · Vous êtes : client, utilisateur ou partenaire marchand.
Deuxième étape : Votre solution : le produit Edenred concerné
2 · Votre solution, parmi tous les produits Edenred.
Troisième étape : Votre support : carte, papier ou digital
3 · Votre support : carte, papier ou digital.
Le résultat : seules les questions du profil s’affichent, le fil de sélection avec « Modifier » reste en haut
4 · Seulement ses questions, le fil « Modifier » en haut.

Un centre d’aide où la navigation remplace la recherche. Après l’identification, deux niveaux suffisent : les thèmes à gauche, les questions à droite, la réponse dépliée sur place, sans page intermédiaire. Le système se décline sur chaque univers produit, avec sa couleur associée.

Le centre d’aide décliné sur l’univers Ticket CESU, en vert
Ticket CESU
Le centre d’aide décliné sur l’univers Kadéos, en jaune
Kadéos
Le centre d’aide décliné sur l’univers Ticket Mobilité
Ticket Mobilité

Le centre d’aide n’était qu’une partie du chantier : j’ai aussi travaillé toute la mise en page du site, en composants réutilisables déclinés de page en page, sur une douzaine de pages produit. Le site a vieilli depuis.

Plateforme 2 / 4

L’espace marchand, côté commerçants

Reprise d’un existant très ancien, refonte complète puis évolutions. Plusieurs designers selon les périodes.

Le portail des commerçants et restaurateurs qui acceptent les titres Edenred en France. C’est le premier terrain marchand sur lequel j’ai travaillé : un produit dont personne ne s’était occupé depuis des années et ça se voyait. Je l’ai fait évoluer par étapes.

Un moment fort : on a refondu toute l’application en moins de trois mois

En 2022 on décide de refondre entièrement l’espace marchand, avec moins de trois mois devant nous. Il fallait créer beaucoup de pages et de fonctionnalités et lever plusieurs blocages anciens. C’est l’un des projets les plus prenants de mes années Edenred France.

La méthode

Les maquettes de l’ancien portail étaient inutilisables, cassées sur un ancien logiciel. On a commencé par le reconstruire sur Figma, écran par écran. C’est ce socle qui a permis d’aller vite : on savait exactement ce qu’on remplaçait.

L’ancien portail reconstruit sur Figma : des dizaines d’écrans classés par rubrique, de l’accueil aux annexes en passant par le point de vente et les activités
Le point de départ : l’ancien portail entier qu’on a reconstruit sur Figma page par page.
Le résultat

Livrer dans les temps a débloqué le budget de la suite : chaque parcours a ensuite été peaufiné avant d’être développé. Les trois écrans suivants racontent le chemin parcouru, l’accueil, les factures et le profil, chacun en trois temps : l’existant, ma version et celle que l’équipe a déployée après mon départ.

L’accueil, en trois temps

L’accueil d’origine : une navigation par onglets, un grand bloc marine avec les identifiants, des raccourcis et des bannières promotionnelles

Le portail de départ : la navigation éclatée entre onglets et raccourcis et l’activité du commerçant noyée parmi les bannières.

Même chemin pour les deux autres écrans du quotidien, les factures et le profil : de gauche à droite, l’existant, ma version, puis celle qui tourne aujourd’hui.

Les factures d’origine : une liste dense sous deux niveaux d’onglets, sans statuts
Les factures, avant.
Ma version : une page Factures et remises avec des onglets clairs, des statuts en couleur et une pagination
Ma version.
La version déployée : la page Factures avec des filtres par numéro, produit et période
La version déployée.
Le profil d’origine : la gestion de compte répartie entre trois onglets, dans l’ancienne interface
Le profil, avant.
Ma version : une page Profil qui réunit les informations de l’entreprise et les terminaux de paiement
Ma version.
La version déployée : une page Compte et utilisateurs, avec la gestion des notifications
La version déployée.

C’est ce travail sur le portail français qui a nourri le projet suivant : un espace marchand international, conçu avec le siège d’Edenred pour être déployé dans tous les pays du groupe. Clé en main pour ceux qui n’ont pas de portail, remplaçant pour ceux dont le portail est limité.

Plateforme 3 / 4

My Edenred, l’application des salariés

MyEdenred est l’application mobile et web où les salariés consultent leur solde, gèrent leur carte et suivent leurs transactions. C’est le produit le plus utilisé des quatre et le seul où l’utilisateur revient plusieurs fois par semaine.

J’y ai conçu des fonctionnalités nouvelles sur une base existante, du paiement mobile au blocage de carte en urgence.

Le parcours Plasticless dématérialise la carte et sa planche complète donne le périmètre réel du travail d’un parcours.

La carte complète du parcours Plasticless : activation, ajout de carte, paiement mobile, commande et mise en opposition
Le parcours Plasticless : activation, ajout de carte, paiement mobile, commande et opposition.
Un moment fort · concevoir pour le moment où la carte s’échappe
Le problème

Depuis un même menu carte, on peut déclencher deux actions voisines aux conséquences opposées : suspendre sa carte ou la bloquer définitivement. L’une est réversible, l’autre non. Le risque : quelqu’un de pressé, carte égarée, qui déclenche l’irréversible en croyant faire un geste temporaire.

Le libellé du bouton ne peut pas porter cette différence à lui seul. Ce qui arrive après le clic doit rendre évident ce qu’on vient de déclencher.

La décision

Ce sont deux parcours de forme opposée à partir du même menu. Suspendre est une boucle fermée : la carte est mise en pause et « Réactiver ma carte » ramène à l’état initial.

Bloquer définitivement est un chemin sans retour : il enchaîne tout de suite sur la commande d’une nouvelle carte et sur le sort du paiement mobile déjà en place.

Un doute : la carte reste introuvable
Le menu carte
Suspendre
Carte en pause
Réactiver ma carte
On la retrouve : on la réactive, elle reprend du service exactement comme avant.
Une certitude : la carte est perdue ou volée
Le menu carte
Bloquer définitivement
Commander une carte
Régler le paiement mobile
La carte ne revient pas : le parcours enchaîne sur la commande de la nouvelle, qui prend le relais.

Le paiement mobile déjà en place fonctionne pour tenir jusqu’à la réception de la nouvelle carte.

Un doute ne se traite pas comme une perte : suspendre met la carte en pause le temps de la retrouver ; bloquer acte qu’elle ne reviendra pas et enchaîne sur son remplacement.
Le menu carte, carte active : bloquer, supprimer ou ajouter une carte
La carte est active.
L’écran Bloquer ma carte : suspendre temporairement, ou bloquer définitivement
Le choix, énoncé en toutes lettres.
La confirmation de suspension : la carte est mise en pause, réactivable trente jours durant
Suspendre se confirme et s’annule.
L’accueil, carte suspendue : une alerte rappelle qu’on peut encore la bloquer définitivement
Suspendue, la carte le dit dès l’accueil.
Plateforme 4 / 4

L’espace client, côté entreprises

Même cadre : des fonctionnalités ajoutées à un produit déjà vivant.

C’est la plateforme la plus importante des quatre : celle où les entreprises commandent titres et cartes pour leurs salariés et par où transitent plusieurs milliards d’euros. Tout notre travail découle de ces commandes.

La page univers Ticket Restaurant en desktop : la gamme, carte et papier
Une page univers

J’y suis intervenue en équipe pendant plusieurs années, sur des pages déjà en service et beaucoup retouchées depuis.

Un moment fort · une connexion plus sûre sans la rendre pénible

Un exemple parmi d’autres : le projet MFA a demandé autant de logique que d’écrans. J’ai cartographié tous les cas de connexion et d’activation, e-mail puis SMS, avant de dessiner chaque étape. Le point d’équilibre : demander le code assez souvent pour protéger, assez rarement pour ne pas lasser un utilisateur qui vient passer une commande.

La carte logique du parcours de connexion et d’onboarding MFA : SSO, MFA e-mail, SMS OTP, activation depuis le profil
La carte logique : qui voit quoi, selon l’état de son compte.
La planche des écrans MFA par e-mail : chaque étape en desktop, modale et mobile
Chaque étape déclinée en desktop, en modale et en mobile.

Ce que trois ans sur place m’ont appris du métier

Presque tout ce que j’ai dessiné venait s’ajouter à des produits déjà en service. Il fallait composer avec l’existant et avec le travail des designers passés avant moi. Reprendre un produit vivant est plus exigeant que d’en démarrer un et j’ai progressé vite comme ça.

Ces projets ont ouvert la suite, j’avais compris ce dont les marchands français avaient besoin. C’est ce qui m’a permis de concevoir pour ceux de tous les pays du groupe par la suite.

Je garde surtout la connaissance du métier. J’ai appris qu’un employeur ne connaît pas toujours le nom commercial de sa propre solution et qu’une question sur le solde d’une carte perdue n’a pas la même réponse selon le support. Ces détails-là n’étaient écrits nulle part. Ils viennent des trois ans passés sur place.

Les chiffres d’effet de ce projet appartiennent à Edenred, je ne les publie pas ici. Ce qui se mesure sur le centre d’aide, c’est la part des questions répétitives qui arrivent encore au service client.