Audit UX

Étude de cas Carte Carburant Pro — Refonte d'un outil interne et d'une application mobile

Après plus de dix ans sans refonte majeure, l’outil interne Carte Carburant Pro et son application mobile, utilisés par des milliers de gestionnaires de flotte et de conducteurs, avaient besoin de retrouver leur clarté, sans perdre leur richesse fonctionnelle.
C’est dans ce contexte que les équipes Carte Carburant Pro E.Leclerc nous ont sollicités pour repenser l’ensemble de leur écosystème digital.

Vous avez un projet similaire ?

client

Carte Carburant Pro — E.Leclerc

Durée du projet

3 mois

Équipe

Le contexte

Carte Carburant Pro : un produit métier critique devenu obsolète

Créée en 2013, l’application Carte Carburant Pro E.Leclerc n’avait jamais connu de refonte structurelle majeure. Au fil des années, le produit s’est enrichi de nouvelles fonctionnalités sans réelle remise à plat de son expérience utilisateur.

Résultat : une interface fragmentée, difficile à maintenir et en décalage avec les standards actuels des plateformes B2B.
L’application mobile proposait une expérience limitée aux conducteurs, tandis que l’espace client gestionnaire reposait sur un socle technique ancien, non responsive et peu adapté aux nouveaux usages.
Par conséquent, cette situation entraînait une faible adoption de l’application ainsi qu’une expérience utilisateur perfectible pour les gestionnaires de flotte.

Quelques chiffres

8700

utilisateurs actifs — 4,5% du parc client

- 60 %

objectif de réduction des interactions

2,9 / 3,1

notes des stores iOS / Android

les enjeux

Reconstruire, pas repeindre

Ce projet ne consistait pas simplement à moderniser une interface graphique. Il s’agissait de reconstruire un produit métier utilisé quotidiennement pour piloter des flottes de véhicules.

Simplifier un outil complexe

Cartes, conducteurs, plafonds, restrictions, factures, reporting : rendre ces usages plus simples sans perdre la richesse fonctionnelle du produit.

Unifier deux expériences

L'espace client des gestionnaires et l'application mobile des conducteurs évoluaient de manière indépendante — créer une expérience cohérente entre les deux plateformes.

Concevoir une plateforme évolutive

Préparer les prochaines évolutions : recharge électrique, nouveaux services de mobilité, extension des fonctionnalités mobiles.

les personas

Comprendre les utilisateurs

Avant de concevoir les nouvelles interfaces, nous avons mené une phase de recherche approfondie avec l’équipe CCPL pour identifier les différents profils d’utilisateurs de la plateforme. Une dizaine de personas ont été définis, de la PME à la petite entreprise, représentant la diversité des usages du parc de véhicules.

Parmi ceux-ci, nous avons identifié deux profils prioritaires, véritables cibles de la flotte : le gestionnaire et le conducteur. C’est sur ces deux usages que nous avons concentré notre travail UX, afin de garantir une expérience adaptée aux besoins réels et quotidiens des utilisateurs les plus stratégiques pour le projet.

Thomas Durand

Salarié encarté

Objectifs : Localiser une station-service, consulter ses transactions.

Frictions : Recherche peu intuitive, expérience mobile vieillissante.

Aminata Saran

Gestionnaire de flotte

Objectifs : Superviser les dépenses, gérer les cartes carburant, accéder aux infos critiques.

Frictions : Interface dense, navigation complexe.

Thomas Durand

Salarié encarté

Objectifs : Localiser une station-service, consulter ses transactions.

Frictions : Recherche peu intuitive, expérience mobile vieillissante.

Aminata Saran

Gestionnaire de flotte

Objectifs : Superviser les dépenses, gérer les cartes carburant, accéder aux infos critiques.

Frictions : Interface dense, navigation complexe.

Notre démarche

Cinq phases, une trajectoire

La refonte s’est appuyée sur une démarche Product Design articulée autour de plusieurs phases.

Phase 2

Refonte de l’espace client gestionnaire

Nous avons entièrement repensé l’expérience de l’espace client afin d’en faire un véritable outil de pilotage. Concrètement, l’architecture de l’information a été restructurée, les parcours utilisateurs simplifiés et les données les plus importantes hiérarchisées pour répondre aux usages quotidiens des gestionnaires. Le tableau de bord devient ainsi le point d’entrée principal de l’application web, avec une vision synthétique de l’activité.

Phase 2

Phase 4

Développement natif iOS & Android

Au-delà de la conception UX/UI, notre équipe a assuré le développement des applications mobiles en natif, sur iOS et Android. Ce choix garantit une expérience optimale, de bonnes performances et une intégration complète avec chaque système d’exploitation.

Il permet aussi de construire une base technique solide, prête à accompagner les évolutions futures du produit : nouvelles fonctionnalités gestionnaires, services de mobilité, recharge des véhicules électriques.

Phase 4

Les défis rencontrés

D'abord, moderniser un produit utilisé quotidiennement depuis plus de dix ans sans perturber les habitudes des gestionnaires.
Ensuite, hiérarchiser une forte densité d'informations pour réduire la charge cognitive.
Enfin, penser une architecture capable d'accompagner les futures évolutions sans remettre en question les parcours établis.

Impact attendu

Même si les indicateurs finaux seront mesurés après le déploiement, cette transformation poursuit plusieurs objectifs :

Augmenter l'adoption de l'application mobile
Développer l'utilisation de l'espace client
Réduire les sollicitations du support client
Améliorer la satisfaction des utilisateurs
Renforcer la fidélisation des entreprises clientes

Le mot de l'équipe

Sur ce type de projet, le développeur ne se contente pas de transformer une maquette Figma en écrans. Il construit une application pensée pour durer : architecture propre (MVVM ou équivalent), gestion rigoureuse des états — chargement, erreur, contenu vide — et une intégration API stable sur plusieurs versions d’iOS et d’Android.

La vraie complexité est invisible : mode hors-ligne sans perte de données, paiement (StoreKit, Google Pay, Stripe) sans marge d’erreur, notifications et widgets natifs malgré les contraintes propres à chaque OS — sans jamais négliger localisation, accessibilité et Design System.

Le tout livré via une chaîne industrialisée (Fastlane, GitLab CI), pour publier vite sans casser l’existant. Notre métier : une simplicité perçue qui repose sur une rigueur technique invisible.

Alexandre
Développeur iOS & chef de projet

Performance, sécurité, conformité

Intégrées dès la conception

Parce qu’il s’agit d’un produit manipulant des données sensibles liées aux flottes professionnelles, la performance et la sécurité ont été intégrées dès les premières phases.

Conformité RGAA

Respect du RGPD

Biométrie et double authentification

Plan de marquage GA4

Gestion sécurisée des rôles

Conclusion

Pas une simple refonte graphique

En définitive, nous n’avons pas abordé ce projet comme une simple refonte graphique. Notre objectif était de reconstruire les fondations d’un produit capable d’évoluer pendant plusieurs années, sans remettre en cause l’expérience utilisateur à chaque nouvelle fonctionnalité.

Enfin, cette vision nous permet d’accompagner nos clients dans la transformation de leurs outils métiers en créant des expériences utiles, performantes et évolutives.

Isee-u accompagne les entreprises dans la refonte de leurs outils métiers, à Perpignan et partout en France.

Parlons de votre projet

Nos expertises

Vous aimerez aussi

Le Maillon Mouillé : quand créativité et ingénierie redéfinissent l’expérience phygitale

I SEE U, partenaire officiel du festival Les Déferlantes

Cas client : l’application mobile du festival Les Déferlantes par I SEE U

iOS 27 nouveautés - Impact sur le développement d'applications mobiles

iOS 27 : quelles nouveautés pour vos applications mobiles ?

Pixels de suivi dans les emails, comprendre les nouvelles recommandations CNIL