Titane · Freelance
Design System & interface pour une néobanque business
Titane est une néobanque pour les indépendants et les entreprises. Comptes multi-devises, cartes physiques et virtuelles, virements internationaux, facturation. En freelance aux côtés de l'équipe Titane, j'ai pris en charge le design system, des couleurs au système d'illustration, et l'interface des principaux parcours.
Rôle
Product Designer freelance
Périmètre
Design System, interface produit
Plateformes
Web desktop
Outils
Figma, tokens & composants
Le contexte
À l'inscription, l'utilisateur choisit son profil, indépendant ou entreprise, et Titane adapte les comptes, les plafonds et les documents demandés. Une fois le compte ouvert, le produit couvre le quotidien d'une trésorerie. Comptes multi-devises, cartes physiques et virtuelles avec plafonds ajustables, virements et conversions au cours du marché, et facturation pour suivre les paiements clients.
L'approche
Avec l'équipe produit, on a posé une base commune aux quatre grands parcours au lieu de traiter chaque module à part. Je m'occupais du design.
Cartes — physiques, virtuelles, plafonds
Virements — bénéficiaires, conversion
Demandes — facturation, suivi des paiements
Comptes — multi-devises, transactions
Une navigation cohérente sur neuf sections
Neuf sections derrière un seul menu latéral. Dashboard, Activités, Cartes, Virements, Demandes, Prélèvements, Dépôt de chèque, Comptes, Paramètres. J'ai documenté chaque état actif pour les développeurs, et l'implémentation n'a pas dérivé d'un écran à l'autre.
Cartes
Carrousel de cartes physiques et virtuelles, historique des transactions, et un panneau de gestion pour bloquer la carte, changer le code PIN ou ajuster les plafonds, sans quitter l'écran.
Virements
Du premier virement à la conversion de devises. États vides pour guider les nouveaux venus, choix du type de transfert, liste de bénéficiaires avec drapeaux, détail d'une transaction, conversion au cours du moment.
Demandes
Le module de facturation sert à suivre les factures envoyées, payées et impayées, et à en créer une nouvelle avec modèle, informations d'entreprise et prestations détaillées.
Comptes
Vue multi-devises des comptes EUR, USD et GBP, détail des transactions par compte, et confirmations accessibles directement depuis la liste, comme la localisation d'un paiement ou le statut d'un remboursement.
Le Design System
Pour que la marque reste reconnaissable dans le produit comme dans sa communication, j'ai documenté deux guides auxquels l'équipe et les développeurs pouvaient se référer. Un design system pour l'interface, avec les couleurs, les ombres, la typographie, les boutons et les tags. Un système d'illustration pour la marque, avec les logos, les avatars, les cartes bancaires et les pictogrammes.
Ce que ça a changé
4
Parcours majeurs (Cartes, Virements, Demandes, Comptes) construits sur la même base de composants.
2
Guides partagés avec l'équipe. Design system produit et système d'illustration de marque.
9
Sections du menu latéral, chacune avec un état actif cohérent et documenté.