Défi
• Une plateforme qui affichait tout, tout le temps. Les écrans les plus chargés tentaient de présenter chaque fonction possible en même temps, quelle que soit la situation. Un rendez-vous terminé avait un aspect identique à un rendez-vous en attente de paiement : même disposition, même importance visuelle, même encombrement. Les administrateurs devaient parcourir l'intégralité de l'écran à chaque fois, simplement pour trouver l'élément unique qui requérait réellement leur attention. • Aucun langage visuel commun. Le produit s'étant développé petit à petit, les mêmes éléments changeaient d'aspect selon l'endroit où l'on se trouvait. Un statut, un bouton, une fiche : chacun avait été stylisé à l'œil et de manière isolée. En l'absence de système garantissant la cohérence, rien ne donnait l'impression de faire partie du même produit. • Des parcours encombrés qui compliquaient la tâche de l'utilisateur. Les tâches clés, comme la prise de rendez-vous, étaient entravées par des commandes redondantes et des mises en page peu pratiques : des champs qui se disputaient l'espace, des filtres mélangés aux tris, des actions dupliquées. Les écrans demandaient aux utilisateurs plus d'efforts que la tâche elle-même n'en exigeait.
Résultat
• Un design system qui structure l'ensemble de la plateforme. J'ai créé 57 jetons de couleur (color tokens) répartis sur des échelles sémantiques, 44 styles typographiques, une bibliothèque d'icônes et des composants réutilisables. Désormais, chaque écran s'appuie sur ces mêmes fondations, de sorte qu'un tableau de facturation dense et un formulaire simple s'intègrent enfin comme les éléments d'un produit cohérent. La cohérence n'est plus une contrainte à surveiller, mais une règle appliquée par défaut par le système. • Des écrans qui mettent en valeur la tâche, et non le superflu. J'ai repensé les flux les plus chargés autour d'une règle simple : l'interface reste épurée à moins qu'une action ne soit requise. Un rendez-vous confirmé n'affiche aucune action ; un rendez-vous en attente de paiement met clairement en évidence cette unique tâche, sans élément perturbateur. Les barres d'outils encombrées ont été réduites à l'essentiel, et chaque état vide (empty state) est réduit au lieu de prendre de l'espace. La réaction du CEO face à ce nouveau design a été de le trouver « plus clair et plus fonctionnel ». • Une seconde plateforme, intégrée comme une seule. LX avait besoin des fonctionnalités de Spruce, un produit distinct de messagerie pour les patients. Plutôt que de simplement l'ajouter, je l'ai intégré dans le design system et la structure de LX afin que les deux plateformes n'en forment qu'une, avec le même langage et les mêmes modèles, plutôt que de donner l'impression de deux outils assemblés à la hâte.
