Aller au contenu principal
Pouce DigitalRetour aux projets

01 · Design System · Santé

Infinity Design System

Concevoir, développer et documenter une bibliothèque de composants React cohérente pour plusieurs produits de santé.

01
Rôle
UI Engineer
Contexte
Projet professionnel
Stack
React · TypeScript · MUI · Storybook
Statut
Étude de cas

01 · Contexte

Plusieurs produits, une expérience à harmoniser.

Les équipes travaillaient sur plusieurs interfaces métier dans le secteur de la santé. Des composants similaires avaient évolué différemment selon les produits, ce qui compliquait la maintenance et créait des incohérences.

02 · Problème

La duplication ralentissait les équipes.

Sans documentation centralisée, les usages, les états et les règles d’accessibilité restaient difficiles à retrouver.

03 · Démarche

Partir des usages avant de définir le système.

Inventaire des composants, définition des tokens, conception des variantes et documentation interactive dans Storybook.

04 · Accessibilité

Faire de l’accessibilité une propriété du système.

Navigation clavier, focus visibles, structure sémantique, contrastes et attributs ARIA ont été intégrés aux composants partagés.

Résultat

Le détail devient une infrastructure partagée.

Concevoir, développer et documenter une bibliothèque de composants React cohérente pour plusieurs produits de santé.

Tous les projetsPouce Digital