Le back-office d’un réseau bancaire, rendu lisible
- LCL
- Finance
- Design system
- 2024


Quarante mille conseillers, un écran, et deux cent douze champs affichés en même temps.
01.Le challenge
Hiérarchiser sans rien retirer

L’outil marchait. Personne ne le trouvait lisible. On a passé trois semaines derrière les conseillers en agence avant de proposer quoi que ce soit, puis reconstruit la hiérarchie de l’écran plutôt que sa décoration.
Nous avons reconstruit la hiérarchie de l’écran plutôt que sa décoration : une grille typographique, des états de chargement explicites, et des composants documentés que cinq équipes ont repris.


02.La démarche produit
Reconstruire la hiérarchie de l’écran, pas sa décoration.

03.La méthode
Notre approche : partir des gestes répétés cent fois par jour.
001.
Une densité qu’on ne peut pas réduire
Un conseiller a besoin de tout voir. Il fallait hiérarchiser sans rien retirer de l’écran.
002.
Vingt ans de couches successives
Chaque évolution avait ajouté un bloc. Aucun n’avait jamais été enlevé.
003.
Un outil utilisé toute la journée
Un changement d’habitude mal amené coûte plus cher en formation qu’il ne rapporte en confort.


Des composants documentés et une revue hebdomadaire avec les cinq équipes, jusqu’à ce qu’elles n’aient plus besoin de nous. L’outil est resté aussi dense, et un dossier client courant se traite aujourd’hui en deux fois moins de temps.
04.Notre impact
- 44 %
de temps passé sur un dossier client courant.
5
équipes qui ont repris le design system en un trimestre.
AA
niveau WCAG atteint sur l’ensemble des écrans repris.
« Un design system repris par cinq équipes en un trimestre, sans dette rajoutée ni page cassée. »


