Expérience · Alternance
Rolling Funds.
Designer UX/UI & Développeur front
1 an · Fintech B2B · Paris
Un an à concevoir et intégrer les interfaces d'une startup fintech : design system, refontes produit, et une démarche UX appliquée à des outils financiers complexes.
Contexte
Une fintech B2B en pleine construction produit.
Rolling Funds propose une plateforme de financement B2B : vérification KYB automatisée et BNPL (Buy Now, Pay Later) à destination des PME. La plateforme couvre plusieurs espaces : un back-office interne, un portail partenaires B2B, un espace client B2B2C et une plateforme d'échange de documents.
J'ai rejoint l'équipe en alternance d'un an en tant que Designer UX/UI et Développeur front. Seul designer en poste, mes travaux se sont concentrés sur le back-office et l'espace client B2B2C, les deux interfaces les plus utilisées et les plus critiques pour l'expérience produit.
Missions
Trois axes de travail sur un an.
Design System
Refonte et enrichissement d'un design system vieillissant : accessibilité, responsive, documentation des composants manquants.
Espace administrateur
Remise à plat complète de l'interface back-office : hiérarchie visuelle, cohérence et intégration front directe.
Espace client B2B2C
Refonte des parcours clients à partir d'enregistrements de sessions anonymisés et d'entretiens utilisateurs ciblés.
Mission 01
Moderniser un design system vieillissant.
Le design system en place datait de plus de cinq ans, sans mise à jour significative. Les composants n'étaient ni pensés pour le responsive (malgré une utilisation client partagée entre ordinateur et mobile), ni documentés pour une réutilisation cohérente. L'accessibilité était absente : contrastes insuffisants, tailles de police non conformes, aucune alternative textuelle.
J'ai repris l'existant composant par composant : mise en conformité responsive, correction des ratios de contraste WCAG, ajout des attributs ARIA, tout en documentant les règles d'usage. J'ai également créé les composants régulièrement utilisés mais absents de la bibliothèque : tableaux (omniprésents dans la finance), grilles d'affichage, système typographique.
Le défi : penser chaque composant pour quatre contextes d'usage distincts - admin interne, portail partenaires B2B, interface client B2B2C et plateforme d'échange de documents. Une contrainte de généricité rare, qui exigeait d'anticiper le cas le plus contraint dès la conception.
Mission 02
Refonte de l'espace administrateur.
L'interface concentrait toutes les fonctionnalités métier dans un espace dense et désorganisé : textes bruts sans hiérarchie, boutons aux couleurs fondues dans des nuances de gris, marges non respectées, typographies cassées sur certains navigateurs.
Toutes les pages accessibles via le menu ont été remaquettées puis développées en appliquant rigoureusement le design system refondu. Les parcours prioritaires ont été identifiés en amont via des entretiens internes, pour concentrer l'effort là où l'impact était le plus fort.
C'était ma première intégration front en contexte professionnel. La rigueur apportée à la documentation des maquettes a rendu l'implémentation directe, sans assistance IA.
Mission 03
Refonte de l'espace client B2B2C.
L'espace client B2B2C, destiné aux clients finaux issus des partenaires, est plus compact que l'admin. Cette densité moindre permettait d'analyser finement chaque parcours. Des enregistrements de sessions anonymisés ont révélé deux usages dominants : le remplissage de formulaires et le téléchargement de documents légaux ou comptables. L'objectif était clair : des sessions les plus courtes et fluides possibles.
Chaque refonte de parcours important était précédée d'entretiens utilisateurs pour comprendre les vrais blocages avant de proposer une solution.
Cas d'étude
Le formulaire des bénéficiaires effectifs.
Le problème observé
Les enregistrements de sessions révélaient des durées de près de 2 heures pour remplir les informations du premier bénéficiaire, avec de nombreux allers-retours dans le formulaire.
Ce que les entretiens ont révélé
Les utilisateurs, majoritairement des professionnels du BTP, ne maîtrisaient pas tous les termes juridiques employés. Une fois la définition trouvée, il leur fallait encore localiser les documents correspondants pour y lire la réponse.
La solution : avant de commencer, une liste des documents à préparer. À chaque question technique, un lien direct vers sa définition en FAQ et l'indication du document où trouver la réponse. Les champs génériques (nom, adresse...) sont pré-remplis par le navigateur. Le formulaire est réorganisé par source d'information plutôt que dans l'ordre de lecture souhaité côté produit, les réponses pouvant être réarrangées une fois reçues.
consacré à réunir les documents en amont