Rôle: Lead UX/UI Designer | 2017 → 2019
Barclays | Plateforme de gestion des risques
Responsabilités:
Conception de parcours, wireframes, maquettes et prototypes pour unifier plusieurs applications legacy au sein d’une seule plateforme de gestion des risques.
Contexte:
Les utilisateurs devaient jongler entre différents outils pour suivre, analyser et gérer les risques, ce qui complexifiait leurs processus et multipliait les tâches répétitives. L’objectif était de centraliser les fonctionnalités clés dans une interface unique, plus claire et plus efficace au quotidien.
Approche
Découverte & Analyse
La première étape a consisté à mener des interviews utilisateurs pour comprendre leur contexte, leurs contraintes et leurs pain points.
Une démonstration des applications existantent a permis de :
- identifier les points de friction dans les workflows
- repérer les tâches répétitives et les allers-retours entre plusieurs outils
- clarifier les besoins prioritaires pour la nouvelle plateforme
Ces échanges ont servi de base à la définition des parcours cibles et des fonctionnalités à intégrer en priorité.
Sketch & Flow
Sur la base de cette recherche, des sketch et user flows ont été créés afin de représenter les workflows de bout en bout
et de valider rapidement les parcours avec les utilisateurs.
Ces esquisses ont servi de base pour sélectionner les approches les plus pertinentes avant de passer aux wireframes.
Wireframes
Des wireframes ont ensuite été créés afin de :
- poser la structure des écrans
- explorer différentes idées de mise en page
- recueillir des retours précoces avant d’investir dans le design visuel
L’objectif était de s’assurer que la nouvelle plateforme simplifie réellement le travail quotidien avant d’affiner les détails UI.
Design UI & Data Visualization
Le travail de design visuel a consisté à :
- clarifier la hiérarchie de l’information
- organiser les écrans autour des étapes clés des parcours utilisateurs
- rendre les actions principales plus accessibles
- réduire la complexité perçue sur des données sensibles liées au risque
Les maquettes haute fidélité ont ensuite servi de base au prototypage et aux tests d’usabilité.
Design System
La diversité des informations affichées rendait indispensable la création d’un design system solide et modulaire.
Il a été conçu pour assurer cohérence, évolutivité et clarté visuelle sur l’ensemble de l’application.
Éléments clés :
- Palette colorimétrique optimisée pour la lisibilité et les signaux d’alerte ;
- Tokens de typographie, espacement, ombres, rayons ;
- Composants atomiques : boutons, inputs, menus, tags, badges ;
- Composants complexes : tableaux, graphiques, cartes de données, panneaux d’action ;
- États étendus : hover, active, disabled, loading, risk alert ;
- Documentation complète pour les développeurs (règles d’usage & guidelines).
Implémentation
La collaboration avec les équipes front-end a été continue :
- handoff détaillé et composants documentés
- ajustements rapides via des cycles courts d’itération
- vérification de la fidélité visuelle en phase d’intégration
- adaptations UI selon les contraintes techniques identifiées en cours de route
Cette dynamique a permis une implémentation fluide et un produit final fidèle aux intentions initiales.
Impact
La nouvelle plateforme de gestion des risques permet :
- de centraliser les fonctionnalités auparavant réparties sur plusieurs applications
- de réduire la complexité des workflows pour les utilisateurs
- de proposer un environnement plus cohérent, mieux aligné avec leurs besoins quotidiens
En regroupant l’ensemble dans une seule application, les utilisateurs gagnent en clarté et en efficacité sur leurs tâches de suivi et d’analyse des risques.