FLEX BANQ

Produit

Flex Banq est un concept de banque mobile conçu spécialement pour les jeunes alternants et les jeunes actifs en France (18-30 ans). Son service "Mon Salaire Maintenant", est sa proposition de valeur unique. Un service d'avance sur salaire instantanée et transparente qui permet de gérer les imprévus sans stress ni culpabilité.

Durée du projet

Ce projet a été mené sur une période de 8 semaines dans le cadre de la construction de mon portfolio pour mon entrée en Master UX/UI Design.

Défis
Créer une application bancaire qui aide les jeunes actifs à gérer les imprévus sans stress, en leur donnant un accès simple et immédiat à leur salaire.
Solution

Flex Banq est une application qui permet aux jeunes de recevoir une partie de leur salaire en avance, pour payer facilement une dépense imprévue et garder le contrôle de leur budget.

Mon rôle
UX/UI designer responsable de la conception du Flex banq
Responsabilités
J'ai piloté l'intégralité du processus de design thinking en meneant des sondages et des entretiens pour identifier les frustrations et les besoins, en définissant les parcours utilisateurs, l'architecture de l'information et les concepts clés, en créant les wireframes, l'identité visuelle et les maquettes haute-fidélité interactives puis en fin, conduire des tests d'utilisabilité pour valider les choix de conception et affiner l'expérience.
Recherche

Pour que Flex Banq ne soit pas juste une bonne idée mais une réponse pertinente, j'ai fondé ma réflexion sur des données réelles. Ma recherche visait à comprendre la relation qu'entretiennent les jeunes avec leur argent et leur banque.

Objectifs de la recherche
Méthodologie de recherche

Pour créer une application utile, je devais d'abord comprendre les vrais problèmes des futurs utilisateurs, ma priorité absolue était donc de comprendre, de ressentir. Je devais aller au-delà de mes propres intuitions et écouter ceux pour qui je concevais cette solution.

Pour cartographier le paysage. J'ai réalisé un questionnaire grâce à google form, ciblant les 18-30 ans en alternance ou premier emploi. L'objectif : quantifier la frustration.

Pour parler en détail des frustrations et des besoins de chacun, j'ai réalisé par la suite 5 entretiens afin d’obtenir des réponses qualitatives approfondies concernant les aspects clés de l’invite.

Ce que j'ai découvert
C'est frustrant de stresser pour 150€ alors que je sais que ma paie arrive dans 10 jours. Je gagne ma vie, mais je me sens toujours sur le fil du rasoir. Le 20 du mois, je prie pour qu'aucune de mes amies ne fête son anniversaire.
Ines 22 ans, Étudiante en alternance
Mon Navigo qui se démagnétise, le pneu crevé... ce n'est pas grand-chose, mais ça peut faire basculer mon mois. Demander une autorisation de découvert, c'est la honte, j'ai l'impression de quémander.
Mathieu 27 ans, Graphiste
Aperçu : La recherche a révélé une déconnexion profonde entre les attentes de cette génération et les services bancaires actuels.

8 personnes sur 10 ont eu une dépense imprévue ces 6 derniers mois (une panne, une facture médicale...).

Les solutions comme le découvert sont jugées "lentes", "compliquées" et même "humiliantes".

Le plus important pour eux n'est pas d'avoir plus d'argent, mais de pouvoir utiliser l'argent qu'ils ont déjà gagné quand ils en ont vraiment besoin.

Après avoir discuter avec les utilisateurs, je disposais de beaucoup d'informations, de notes, de citations, d'émotions. C'est une mine d'or, mais c'est le chaos. Mon premier travail, était donc de transformer ce chaos en clarté. Pour y voir plus clair,  j'ai écrit chaque idée sur des post-it, puis je les ai regroupés par thèmes.

Carte d'empathie

Grâce aux thèmes qui ont émergé, j'ai pu approfondir ma compréhension de l'utilisateur en créant une carte d'empathie qui m'a permis de synthétiser ce que mon utilisateur type dit, fait, pense et ressent.

Persona

Après avoir réalisé une la carte d'empathie, j'ai pu créer des personas  qui ont été mon guide tout au long du projet.

Léa était le personnage principal. Elle a 22 ans, est passionnée, ambitieuse et adore sa nouvelle indépendance dans son petit studio parisien. Elle adore passée du temps seule dans son nouvel appartement mais fait souvent des sorties avec ses copines. Il est donc important pour elle, de pouvoir gérer un imprévu financier sans avoir à demander de l'argent à ses parents.  Tout au long du processus de conception, j'ai veillé à garder à l’esprit Léa, ses désirs, ses besoins et ses préoccupations.

Parcours utilisateur

Pour bien comprendre où intervenir, j'ai cartographié une journée type de Léa face à un imprévu : la panne de son ordinateur. J'ai détaillé chaque étape, de la découverte du problème à sa résolution

Ce parcours m'a montré précisément les points de friction où Flex Banq devait apporter une solution radicalement plus simple. L'opportunité était claire : il fallait intervenir à ce moment précis de confusion avec une solution évidente.

Énoncé de problème et de solution
Problème

Les jeunes alternants et actifs, qui vivent souvent avec un budget serré, ont besoin d'un moyen simple, immédiat et digne de faire face à une dépense imprévue.
Parce que les solutions bancaires actuelles sont lentes, complexes et opaques, ce qui génère un fort sentiment de stress et de culpabilité, minant leur confiance et leur précieuse autonomie.

Solution

Flex Banq est une néo-banque mobile qui redonne le contrôle financier aux jeunes actifs grâce à son service "Mon Salaire Maintenant".
En proposant une avance sur salaire simple, instantanée et transparente, elle permet de gérer un imprévu en quelques clics, sans stress ni jugement, renforçant ainsi leur autonomie et leur sérénité au quotidien.

Storyboard

Maintenant que je savais où étaient les problèmes, j'ai traduit les besoins de Léa en objectifs clairs et concrets pour l'application. J'ai utilisé le format des User Stories pour rester concentré sur la valeur ajoutée pour l'utilisateur.

Scénario : Léa, alternante, doit faire réparer son ordinateur en urgence pour son travail, mais sa paie n'arrive que dans 10 jours.

Léa est chez elle en train de terminer un projet important pour son stage.
Soudain, son ordinateur tombe en panne. La réparation est urgente et elle a besoin d'argent pour cela.
Elle consulte son application bancaire actuelle, mais ne trouve pas de solution simple.
Elle ouvre Flex Banq et découvre le service « Mon Salaire Maintenant ».
Elle confirme l'avance et reçoit les fonds instantanément.
Elle fait réparer son ordinateur et peut continuer son travail sans stress.
Flux utilisateur (User flow)

Avec ces objectifs en tête, j'ai commencé à concevoir la logique de l'application. Pour la fonctionnalité phare, "Mon Salaire Maintenant", j'ai dessiné le flux utilisateur, c'est-à-dire le chemin idéal, étape par étape.

Défis

Permettre à Ingrid de passer de "J'ai un problème" à "Le problème est résolu" en un minimum de clics.

Flux
  • Écran d'accueil → Clic sur le bouton "Accéder à mon salaire"
  • Écran de demande → Léa choisit le montant avec un curseur simple
  • Écran de confirmation → Récapitulatif clair (montant, coût, date de régularisation)
  • Validation → Empreinte digitale / Face ID
  • Écran de succès → "L'argent est sur votre compte !"

Ce schéma a été la base de mes premiers dessins, garantissant une expérience fluide avant même de penser au design visuel.

L'Architecture de l'information

Une fois les fonctionnalités clés définies, il s'agissait maintenant de créer une architecture de l'information afin de savoir comment relier tous les éléments. Lors de la création de ce plan du site, je trouve utile de me donner une tâche. Comment passer de la page d'accueil à la réception d'une avance sur salaire en quelques click ? L'architecture de l'information m'indique ce dont j'ai besoin pour passer à l'étape suivante, celle de la création de wireframes.

Les Wireframes

C'est le moment où la vision stratégique rencontre la réalité de l'interface. J'ai réalisé en me basant sur l'architecture de l'information, des wireframes des pages importantes de Flex Banq pour me forcer à me concentrer sur l'essentiel. Chaque écran a été pensé pour répondre à une seule question : "Quel est le chemin le plus court et le plus simple pour que l'utilisateur atteigne son objectif ? Après quelques itérations, j'ai trouvé des solutions satisfaisantes.

Digital Wireframe

Voici les premières maquettes basse-fidélité. Je les aient conçues sans détail visuel pour me permettre de valider rapidement les parcours utilisateurs et la hiérarchie de l'information avant toute considération esthétique.

La collecte des informations : J'ai pensé à une ouverture de compte en deux étapes. Dans la première phase d'inscription, l'objectif était de rendre le formulaire le plus simple et rapide possible pour engager l'utilisateur. La deuxième phase constitue un écran de transition pour préparer et rassurer l'utilisateur avant l'étape de vérification, qui peut être anxiogène.

Ensuite j'ai séparé la vérification de la pièce d'identité et du selfie pour guider l'utilisateur pas à pas et rendre cette étape moins intimidante

Écran final: La confirmation. Il termine le parcours sur une note positive et rassurante en acceuillant le nouvel utilisateur.

J'ai ensuite réalisé les premières maquettes du services Mon salaire maintenant. Mon hypothèse de départ était que l'utilisateur, face à une décision financière, aurait besoin d'être guidé et rassuré par un processus structuré et familier. J'ai donc conçu un parcours en trois temps.

Ma première intention était de créer un tableau de bord pour le service. Je pensais qu'en présentant des informations clés comme le Prochain prélèvement et un accès à l'aide via FlexBot, j'offrirais à l'utilisateur un sentiment de contrôle et de sécurité avant même qu'il ne commence sa demande

Pour rendre la demande d'argent moins intimidante, j'ai introduit une étape de simulation. L'idée était de permettre à l'utilisateur d'explorer les différentes options (montant, frais, date) dans un environnement sans pression, avant de s'engager formellement dans le processus.

Voici la suite du parcours.

Enfin, pour conclure le parcours, j'ai conçu un écran de confirmation standard. Il informait l'utilisateur que sa demande avait été reçue avec succès et qu'elle serait traitée par nos équipes. Pour moi, c'était une manière classique et professionnelle de clore une procédure en ligne.

Prototype basse-fidélité

Pour créer un prototype basse-fidélité, j'ai connecté tous les écrans impliqués dans le flux de Flex Banq.

Voir Prototype base fidélité Flex Banq

Une fois ma première version prototypée, j'étais confiant dans sa logique. Cependant, en design, la seule opinion qui compte est celle de l'utilisateur. J'ai donc mené une session de tests d'utilisabilité pour confronter mon design à la réalité. J'ai mené un test d'utilisabilité avec 4 participants correspondant au persona. Je leur ai donné un scénario simple : faire face à un imprévu en demandant une avance.
Les résultats ont été sans appel et ont révélé des points de friction majeurs :

Ces retours directs ont prouvé que ma première version, bien que logique, ne répondait pas au besoin fondamental de rapidité et de sérénité de l'utilisateur.J'ai donc pris la décision d'itérer en profondeur pour créer une nouvelle version directement basée sur ces enseignements.

Résumé de l'Itération : Le Service Mon Salaire Maintenant
Avant :

Le flux était décomposé en un écran d'accueil, des écrans de simulation distinct, et un écran de validation.

Après :

J'ai fusionné l'accueil et la simulation en un seul outil interactif où l'utilisateur choisit son montant et voit les conditions en temps réel. Le message de confirmation a été réécrit pour garantir que l'argent est versé instantanément, éliminant toute incertitude et enfin, le résultat est une expérience sans friction, transparente et honnête, qui transforme une source de stress en une solution rapide et digne de confiance.

Avant
Après
Prototype haute fidélité

Poursuivant le processus, j'ai transformé mes prototypes basse fidélité en prototypes Haute fidélité.

Voir prototype haute fidélité Flex Banq
Considérations en matière d’accessibilité

La conception de Flex Banq a été guidée par un principe d'inclusivité, afin de garantir une expérience simple et accessible pour tous.Pour cela, une attention particulière a été portée à la clarté visuelle, avec des contrastes de couleurs systématiquement vérifiés pour dépasser les standards WCAG et une hiérarchie typographique affirmée pour faciliter la lecture.L'interaction a été pensée pour être sans effort, grâce à des zones de clic généreuses et des libellés de boutons explicites qui décrivent clairement chaque action.Enfin, le langage a été volontairement simplifié et épuré de tout jargon bancaire. L'objectif est de rendre chaque information facile à comprendre, même en situation de stress, pour faire de Flex Banq une application rassurante, digne de confiance et véritablement au service de tous ses utilisateurs.

À retenir
Impact

Le design final de Flex Banq transforme une source de stress majeure en une expérience simple et responsabilisante. En offrant une solution instantanée et digne, il redonne le contrôle financier à l'utilisateur et bâtit une relation de confiance durable.

Ce que j'ai appris

Ce projet m'a appris qu'une idée, même logique, doit être validée par les utilisateurs. Les tests ont prouvé que la simplicité radicale avait plus d'impact que ma première version plus complexe. J'ai appris à abandonner mes hypothèses pour concevoir une solution qui répond vraiment au besoin de sérénité de l'utilisateur.

Prochaines étapes

Je mènerais une nouvelle session de tests pour valider l'impact émotionnel du design et affiner les micro-interactions.

La deuxième étape serait de concevoir en détail l'onglet budget, en y intégrant des outils intelligents comme la création d'objectifs d'épargne et des alertes personnalisées pour aider l'utilisateur à maîtriser ses finances sur le long terme.