Améliorer la lisibilité et l'usage d'un outil bancaire consulté par des millions de clients chaque mois.
Contexte & Enjeux
L'outil Calendrier à Débit Différé affichait les dates de prélèvement dans un tableau dense, difficile à lire sur mobile. Résultats : incompréhension, erreurs de gestion et hausse des appels au support.
✓Rendre les informations bancaires plus claires et hiérarchisées
✓Optimiser l'expérience mobile pour un usage quotidien
✓Réduire les sollicitations au service client
Mon rôle
J'ai mené l'audit de l'interface, l'analyse des retours clients et la refonte complète. J'ai conçu le nouveau carrousel dynamique, réalisé les maquettes sur Axure, et validé via des tests utilisateurs.
Résultats & Impact
✓Satisfaction utilisateur +45 % après refonte
+60 %
d'interactions sur mobile
✓Réduction notable des demandes liées aux dates de débit
Le calendrier se présentait sous forme de tableau statique, très peu adapté au responsive. Trouver le mois en cours était laborieux, surtout sur smartphone.
Ancien affichage : tableau statique
Personas
Quatre profils représentatifs des utilisateurs du calendrier à débit différé.
Hafid
Étudiant
Frustration clé
Difficile de trouver le bon mois ou de lire sur mobile, le débit différé n'est pas clair
Fatima
Cliente senior
Frustration clé
Texte trop petit, trop de scroll, ne comprend pas bien le mécanisme
Jamal
Support client
Frustration clé
Beaucoup de questions similaires des clients, perte de temps à réexpliquer
Jamila
Responsable bancaire expérimentée
Frustration clé
Peu de vision sur l'usage réel, difficile d'adapter le calendrier aux futurs besoins
Parcours utilisateur
Cartographie des émotions, points de friction et opportunités pour chaque persona.
H
Hafid
Étudiant
Consulter la date
Confus, Frustré
Difficile de trouver le bon mois ou de lire sur mobile
Calendrier centré sur le mois en cours, navigation fluide
Comprendre les avantages
Agacé, Rassuré
Le débit différé n'est pas clair
Infobulle ou guide intégré directement dans l'interface
F
Fatima
Cliente senior
Consulter la date
Submergée, Agacée
Texte trop petit, trop de scroll
Affichage épuré avec texte lisible
Demander de l'aide
Inquiète, Rassurée
Ne comprend pas bien le mécanisme
Section d'aide accessible et claire
J
Jamal
Support client
Aider les clients
Frustré, Satisfait
Beaucoup de questions similaires
Interface claire pour réduire les demandes
Suivre les cas
Fatigué, Efficace
Perte de temps à réexpliquer
Démo visuelle pour accompagner les clients
J
Jamila
Responsable bancaire expérimentée
Suivre la performance
Inquiète, Dynamique
Peu de vision sur l'usage réel
Suivi analytique des interactions
Préparer la stratégie
Sous pression, Organisée
Difficile d'adapter le calendrier aux futurs besoins
Design modulaire et évolutif
Recherche utilisateur
✓Entretiens : étudiants, retraités, salariés
✓Ateliers de feedback avec équipes métier et designers
✓Sondages pour valider les préférences d'affichage
✓Audit du processus : limites techniques et fonctionnelles
Itérations design
Les maquettes responsive validées couvrent l'expérience sur mobile et desktop, complétées par les parcours utilisateurs.
Mockup mobile
1 / 5
Maquettes finales
Trois itérations ont été réalisées sur Axure RP, testées avec des utilisateurs représentatifs à chaque étape.
Itération 1 : exploration du carrousel
1 / 3
Fonctionnalités clés
Carrousel dynamique
Navigation mois par mois avec auto-focus sur le mois en cours
Vue consolidée
Montant total et détail par carte en un coup d'oeil
Responsive natif
Interface adaptée du desktop au mobile sans perte d'info
Hiérarchie visuelle
Informations critiques mises en avant par code couleur
Impact en chiffres
✓Satisfaction utilisateur : +45 %, taux d'adhésion à 85 %
✓Engagement mobile : +60 % d'interactions
Outils utilisés
Axure RPSketchInVisionHotjarGoogle AnalyticsJiraMicrosoft Teams
