CF
Cyril Fromentin
Services bancaires
UX/UI Designer
Banque – module d'application
Un module bancaire conçu pour anticiper et simplifier les démarches administratives liées au décès. Il permet de préparer les informations essentielles, désigner ses proches de confiance et faciliter la coordination des démarches lorsqu’ils doivent prendre le relais.
Banque – module d'application
Concept produit · Module bancaire
Contexte
Le projet et ses enjeux
Le groupe
Les banques doivent apporter différents services tels que la gestion de comptes, de patrimoine et d’assurance auprès de plusieurs millions de clients particuliers. Ce projet est une idée personnelle de Product Design - UX/UI, explorée comme concept.
Objectif
Concevoir un module intégré à une application bancaire qui aide un client à préparer, de son vivant, les informations utiles à ses proches, personnes de confiance, organismes, contrats. Puis qui guide ces derniers dans la coordination des démarches administratives après son décès.
Problématique
Contrats, abonnements, assurances, comptes : à un décès, les proches doivent reconstituer une vie administrative entière sans aucun inventaire de départ. Notaire, banque, assureurs et organismes sociaux redemandent chacun les mêmes pièces, sans vue commune de l’avancement, et la banque, elle, n’intervient qu’en réaction, à réception de l’acte de décès. Rien n’existe côté client pour anticiper.
Remarques
Projet fictif : ce concept n’est pas une fonctionnalité existante ou commercialisée.
Seuls les écrans « Avant » (préparation par le client) ont été dessinés en détail ; le parcours « Après » (dashboard des proches) reste au stade de concept, phase 2.
Aucune donnée sensible ou document médical n’est demandé : uniquement les champs strictement nécessaires à l’identification d’un organisme ou d’un proche.
Organisation
Parties prenantes
Mon rôle :
UX/UI Designer
L’équipe :
Projet personnel, mené en solo (recherche UX et UI).
Figma, Perplexity, Chatgpt, Claude design/code
Process UX
De la recherche à la solution
01
UX Research
Deux proto-personas ont servi d’hypothèses de travail : une cliente récemment retraitée, aidante de sa mère, et un cadre pressé, séparé et père de deux enfants mineurs. Les deux partagent le même déclencheur : avoir vu de près ce que coûte l’absence de préparation et cherchent un cadre à suivre plutôt qu’une liste de tâches à organiser seuls.
L’analyse du problème a porté sur trois angles : une information dispersée entre contrats et organismes, des interlocuteurs cloisonnés qui redemandent les mêmes pièces, et l’absence de toute offre bancaire dédiée à l’anticipation.
Perplexity et ChatGPT ont servi à cadrer la recherche et à challenger les hypothèses de personas ; Claude (design & code) a amorcé le style guide et les premiers parcours en itération rapide, avant reprise en main complète sur Figma pour l'UI finale.
02
Solutions envisagées
Un hub « Ma préparation » organisé en quatre sections : Organismes & comptes, Personnes de confiance, Contacts utiles, Informations administratives. Chaque section affiche un statut explicite : complété, en cours, vide. Et rien n’est bloquant : le client avance par petites touches, à son rythme.
Les prélèvements récurrents déjà connus de la banque amorcent l’inventaire des organismes : le client valide et complète plutôt qu’il ne ressaisit tout depuis zéro.
03
Opportunité & finalité
Pour la banque, le module génère trois bénéfices complémentaires : renforcer la rétention, notamment au moment où les avoirs sont le plus susceptibles de quitter l’établissement. Différencier son image de marque en se positionnant sur un sujet encore peu investi par le secteur, et créer un nouveau point de contact récurrent grâce aux rappels de mise à jour et aux sollicitations des proches, particulièrement pertinent auprès d’une clientèle de 50 ans et plus disposant d’un patrimoine important.
Le module ne nécessite par ailleurs aucun nouveau produit : il s’appuie sur les données et canaux déjà existants.
Méthodes
Personas & roadmap
Martine, 63 ans
Récemment retraitée, deux enfants adultes, aidante de sa mère de 88 ans. « Quand mon père est parti, j’ai passé six mois à écrire des courriers. Je ne veux pas que mes enfants revivent ça. » Elle a besoin de savoir par où commencer sans lire un guide de trente pages, et d’avancer petit à petit, sans engagement ni rendez-vous.
Julien, 45 ans
Cadre, séparé, deux enfants mineurs, un crédit immobilier en cours. « Ma sœur est censée s’occuper de tout s’il m’arrive quelque chose. En vrai, elle ne sait même pas où sont mes contrats. » Il veut régler ça en vingt minutes, un dimanche soir, sur son téléphone, sans donner accès à tout dès aujourd’hui.
Points communs
Les deux profils ne veulent pas d’un projet à organiser, mais un parcours qui découpe et priorise. Ils font confiance à leur banque, qui détient déjà leurs comptes. Et le bénéfice qui déclenche l’usage n’est pas personnel : c’est d’épargner des semaines de démarches à quelqu’un qu’ils aiment.
Parcours utilisateurs
Analyse & design thinking
Le parcours tient en deux temps, sur un seul socle de données. Avant, le client découvre le module dans la rubrique « Autres » de son application, inventorie ses organismes et contrats, désigne ses personnes de confiance, puis met à jour sa préparation au fil de la vie.
Après le décès, les proches accèdent à un dashboard dédié : ils comprennent en un coup d’œil ce qui a été préparé, agissent sur des démarches déjà priorisées par urgence, et suivent la clôture de chaque dossier, organisme par organisme, sans jamais avoir à reconstituer l’information seuls.
Lien présentation (google slides) : module d'application "Mes proches"
UI Design
Design d'interface
L’interface garde un ton sobre, sans imagerie funéraire. Le module vit comme un service de plus dans l’app, pas une app de plus, aux côtés du RIB et des prélèvements, avec un onboarding court qui explique le bénéfice avant toute saisie.
Un style guide dédié a été posé pour cadrer le travail d’interface : palette de couleurs (neutres, rouge de marque, vert, orange, bleu info, bleu nuit), échelle d’espacement et de rayons, typographie Inter du Display au Caption (meilleure lisibilité, zéro chargement, éco-conception), et niveaux d’élévation, pour garder une cohérence stricte entre les écrans du module.
Wireframes & mockups
Mockups & Wireframes
Organismes & comptes :
l’inventaire des comptes et contrats actifs, classé par usage (vie quotidienne, santé, médias). Les prélèvements récurrents détectés par la banque servent d’amorce : le client valide et assigne plutôt qu’il ne ressaisit, avec un rappel de fraîcheur annuel pour vérifier que tout reste à jour.
Personnes de confiance :
La désignation des proches autorisés à accéder aux informations en cas de décès, avec des champs limités au strict nécessaire. La personne désignée est informée et doit accepter son rôle ; ses droits restent révocables à tout moment, et l’accès ne s’ouvre qu’après vérification du décès par la banque.
Contacts utiles :
Le répertoire des interlocuteurs à prévenir : notaire, avocat, employeur, médecin de famille, avec la possibilité de joindre un document par contact. C’est l’information que les proches cherchent en premier, souvent avant même de savoir par où commencer les démarches.
Informations administratives :
Un espace indicatif pour l’identité, le patrimoine et le testament, avec un statut par catégorie (à jour, en attente, vérifié). Ces informations aident les proches à s’orienter, sans jamais remplacer un document officiel.
Résultats
Prototype animé
Bénéfices & opportunités
Le besoin client existe déjà : ne pas laisser ses proches face à un dossier illisible, garder la main sur ce qui est partagé et avec qui, être guidé au bon moment sans avoir à tout comprendre. Côté banque, l’opportunité est immédiate : retenir les avoirs au moment où ils partent le plus, entrer en relation avec les héritiers avant les concurrents, et créer un usage récurrent sur un segment à forte valeur sans qu’aucune nouvelle infrastructure ne soit nécessaire.
Lien Figma : Banque - module d'application