Concevoir la gestion de trésorerie sur plusieurs appareils

Snapshot Une mission fintech menée sur trois plateformes pour unifier l’expérience Prismea

Concilier rapidité de développement et cohérence visuelle. J'ai cadré la mission en structurant trois axes : aligner visuellement la marque sur toutes les plateformes ; standardiser le système de conception pour accélérer les livraisons ; garantir une expérience robuste et accessible pour les utilisateurs professionnels.

3 apps livrées en production
Design system aligné à la brand, adapté web & mobile

Plateforme multi-app (web + iOS + Android) - Prismea

Team

Designer, 2 PMs, 10 devs, 2 brand designers

Rôle

Cadrage, UX/UI, build, automatisations

Année

2022

Durée

8 mois

Contexte Construire une présence web & mobile cohérente pour une banque pro en pleine accélération

Prismea est une jeune entreprise proposant un compte bancaire destiné aux professionnels. Elle dispose d'une application web historique, et souhaitait décliner son offre sur mobile tout en conservant une identité visuelle forte et un usage fluide sur toutes les plateformes. Le défi : concilier rapidité de développement, alignement entre web / iOS / Android, et cohérence visuelle avec la marque dans un environnement fintech exigeant.

Problème Des expériences dispersées qui freinaient la confiance et l’adoption côté professionnels

Approche Structurer, aligner et décliner un produit bancaire multi-app sans perdre la marque

Approche stratégique

J'ai cadré la mission en structurant trois axes : aligner visuellement la marque sur toutes les plateformes ; standardiser le système de conception pour accélérer les livraisons ; garantir une expérience robuste et accessible pour les utilisateurs professionnels.

Décisions clés

Lancement parallèle de trois design systems : un pour la web app, un pour iOS (Human Interface Guidelines), un pour Android (Material Design) afin de respecter les conventions natives tout en garantissant la cohérence.

Refonte de l'app web avec un focus sur l'accessibilité (standards WCAG & APCA) afin de renforcer la confiance et l'usage pour une clientèle pro. Introduction d'un on-boarding visuel et d'un tableau de bord « trésorerie » pensé pour maximiser l'efficacité dès l'écran d'accueil sur mobile.

Mise en place de light mode / dark mode pour la mobile app afin de s'adapter aux contextes d'usage et améliorer la lisibilité. Collaboration étroite avec la brand design (2 brand designers) pour que chaque plateforme reflète l'identité visuelle de Prismea tout en restant techniquement adaptée. Itération rapide en mode « lean » avec l'équipe produit & dev afin de valider les flux clés (virement, comptes, suivi dépenses) et ajuster avant le lancement.

Processus

Workshops avec PMs et devs pour alignement des priorités. Audit de l'app web existante sur accessibilité et usage. Création de composants modulaires pour alimenter les trois plateformes. Tests utilisateurs réalisés sur mobile pro et desktop pour valider fluidité et compréhension du tableau de bord « trésorerie ». Livraison successive des apps, suivi des retours utilisateurs et ajustements.

Résultats Une suite d’apps unifiées, accessibles et prêtes à soutenir la croissance

Trois applications livrées et en production, chacune s’appuyant sur son propre design system et alignée à la marque.
Amélioration de l’accessibilité de l’application web (niveau standard WCAG / APCA atteint) – renforcement de la confiance utilisateur.
Cohérence visuelle et fonctionnelle notable entre web, iOS et Android : réduction des écarts d’expérience et vitesse de livraison accrue grâce au design system.
Augmentation de l’efficacité pour l’utilisateur pro (tableau de bord “trésorerie” orienté efficacité dès l’ouverture).
Architecture design plus scalable : la modularité du système facilite l’ajout de nouvelles fonctionnalités et plateformes.
(Qualitatif) Meilleure perception de la marque Prismea via l’uniformité visuelle et expérience fluide.

3 applications livrées et en production, chacune s'appuyant sur son propre design system et alignée avec un branding cohérent.

Une sauce qui ne prend pas. La direction se voit contrainte de mettre un terme à l'aventure, malgré une équipe soudée et efficace.

Apprentissages La rigueur du design system comme clé pour livrer vite, juste et cohérent

Cette mission m'a permis de renforcer mon approche « design system + plateforme multi-device » en environnement startup fintech où l'agilité et la cohérence sont primordiales. J'ai appris à poser des fondations visuelles et fonctionnelles solides avant d'accélérer les livraisons, et à collaborer de très près avec la brand design et les développeurs pour que l'effort produit et design converge. J'ai aussi confirmé que l'accessibilité n'est pas un extra mais un levier de confiance, surtout dans un domaine financier. Enfin, j'ai gagné en discipline pour structurer un système évolutif, tout en conservant un rythme d'innovation : un équilibre que je considère désormais comme essentiel dans mon métier de Senior Product Designer.

Apprentissages La rigueur du design system comme clé pour livrer vite, juste et cohérent

À vous de jouer !