Danaya
Danaya m’a confié, en deux semaines, la création d’un design system simple et l’amélioration de deux pages clés de sa plateforme de vérification d’identité.
Objectif : aider les agents de conformité à savoir tout de suite quel dossier traiter, et pourquoi un contrôle bloque.
Le produit est aujourd’hui utilisé notamment par les autorités ivoiriennes.
Le produit
Danaya permet aux entreprises de vérifier l’identité de leurs clients avant de leur ouvrir un service. Chaque dossier est contrôlé auprès de plusieurs sources : la base nationale d’identité (ONECI), la bande MRZ de la pièce, la reconnaissance faciale, les listes de sanctions (AML) et, pour les entreprises, le registre du commerce (RCCM, CEPICI). Le produit est aujourd’hui utilisé notamment par les autorités ivoiriennes.
Le brief
Danaya m’a demandé de créer un design system simple et d’apporter des améliorations ciblées à deux pages existantes : la liste des dossiers et la fiche client. Le travail devait partir de ces pages, et non de l’accueil, et garder l’esprit de l’interface en place.
Compétences
- Prototypage
- Expérience utilisateur
- Direction artistique
- Iconographie
- Wireframes
- Insights
Les utilisateurs
Des agents de conformité qui ouvrent, contrôlent et valident des dossiers à longueur de journée. Ils ont besoin de savoir vite quel dossier traiter et pourquoi un contrôle bloque.
Démarche
- 1InventaireRépertorier tous les éléments visuels existants : boutons, champs, étiquettes, tableaux, icônes.
- 2DiagnosticRepérer ce qui ralentit l’agent : navigation, filtres, hiérarchie, contraste, alignements.
- 3PropositionRéorganiser les deux pages sans changer l’essence de l’interface.
- 4Design systemTransformer l’inventaire en composants cohérents, avec leurs états.
01 · Liste des dossiers
Trouver le bon dossier, et savoir quoi en faire
ABCDCe qui bloquait
- AUne navigation confuseHuit entrées dans la barre latérale, dont des actions (créer, se déconnecter) mélangées aux rubriques.
- BDes filtres peu visiblesTypes, dates et agences sur une ligne grise, à peine contrastée.
- CAucune hiérarchieTous les statuts au même poids, des boutons « Voir » identiques sur chaque ligne.
- DDes alignements flottantsLes repères rouges montrent les colonnes qui ne tombent pas juste.
Impacts sur les utilisateurs
- Frustration
- Abandon
- Perte de temps
- Découragement
- Erreurs fréquentes
- Illisibilité
- Incompréhension
- Fatigue visuelle
- Confusion
Ma proposition
Expérience utilisateur
- Améliorer la navigation et la structure de l’interface
- Optimiser l’accessibilité
- Réajuster les filtres
- Ajouter le Danascore
- Aligner les éléments
Interface utilisateur
- Optimiser les boutons et les interactions
- Améliorer la lisibilité
- Hiérarchiser les textes
- Clarifier l’iconographie
- Rendre l’expérience cohérente
123456Ce que j’ai changé
- 1Des compteurs qui filtrentTotal, récents, nouveaux, vérifiés : chaque compteur filtre la liste en un clic.
- 2« Dossiers problématiques » dans la pageUn onglet à côté de la liste, au lieu d’une rubrique isolée dans le menu.
- 3Des filtres lisiblesType de document, entreprise, agence, avec des icônes.
- 4« Créer un dossier » à portée de mainLe bouton principal passe en haut de la page.
- 5Un menu allégéMoins d’entrées, des rubriques renommées.
- 6Un statut et une action« À traiter » ressort en rouge, et chaque ligne propose l’action suivante.
Impacts sur les utilisateurs
- Gain de temps
- Efficacité
- Réduction de la frustration
- Confiance
- Sentiment de sécurité
- Engagement
- Fidélisation
- Plaisir
- Satisfaction
02 · Fiche client
Comprendre un dossier sans tout déplier
ABCDCe qui bloquait
- AUn score sans explication« 0/10 » s’affichait seul, sans dire quel contrôle faisait baisser la note.
- BDes informations repliéesInformations générales et résultats cachés dans des accordéons.
- CDes boutons mal hiérarchisésExporter, Refuser et Valider se disputaient l’attention.
- DUn espace mal répartiBeaucoup de vide, et le document à vérifier relégué en bas.
Impacts sur les utilisateurs
- Frustration
- Abandon
- Perte de temps
- Découragement
- Erreurs fréquentes
- Illisibilité
- Incompréhension
- Fatigue visuelle
- Confusion
123456
Ce que j’ai changé
- 1Le Danascore détailléLa note globale et la note de chaque document (RCCM, DFE, CNI), contrôle par contrôle.
- 2Un onglet par documentUne icône d’alerte signale tout de suite le document qui pose problème.
- 3L’identité visible d’embléeLes données de la pièce sont affichées, plus besoin de déplier.
- 4Un résultat par contrôleONECI, Face Match, expiration, MRZ : chacun avec son statut et un bouton pour le relancer.
- 5Trois décisions clairesRelancer, refuser, valider, du plus prudent au plus engageant.
- 6La traçabilitéUtilisateur, entreprise, agence, date et identifiant de l’analyse.
Impacts sur les utilisateurs
- Gain de temps
- Efficacité
- Réduction de la frustration
- Confiance
- Sentiment de sécurité
- Engagement
- Fidélisation
- Plaisir
- Satisfaction
03 · Design system
Partir de l’existant pour construire une base commune
L’inventaire de départ est devenu une bibliothèque : typographie, couleurs, boutons, onglets, listes déroulantes, filtres, cases à cocher, barres de navigation et cartes de vérification. Chaque composant a ses états (normal, survol, appuyé, désactivé), pour que l’équipe puisse construire les pages suivantes sans repartir de zéro.
Effets recherchés
Moins de temps passé à chercher, moins d’erreurs de lecture et plus de confiance au moment de valider un dossier. Je n’ai pas eu accès aux chiffres d’usage après la mise en production.
Captures « avant » : noms et données d’identité des clients masqués. Données des écrans « après » fictives.
