Design system ERP

Conception du design system de Maggy, ERP desktop pour PME industrielles. Une interface complexe, des centaines d'écrans, zéro documentation existante et un besoin urgent de cohérence.

Voir la documentation Zeroheight →

Rôle

Designer Design System

Périmètre

Tokens, composants, documentation, accessibilité

Durée

1 semaine

Outils

Figma, Zeroheight, Notion

Le contexte

La mission : créer un design system complet, servant de fondation technique et visuelle à l'ensemble de la suite logicielle du tableau de bord à la gestion des stocks, de la gestion commerciale à la saisie des temps.

Sortir d'une interface obsolète : densité excessive, icônes disparates et absence de hiérarchie.
Une direction artistique adaptable : un re-théming aligné sur l'identité visuelle de chaque client final.
Une documentation rigoureuse : styles, composants, navigation, structure, contenu et accessibilité.

01.

Diagnostic puis architecture des tokens

Un audit ergonomique a révélé une surcharge cognitive critique. Priorité : simplifier l'accès aux données et reconstruire une hiérarchie lisible.

Une architecture à trois niveaux

L'architecture repose sur trois niveaux de tokens : primitifs, sémantiques et composants mappés sur le design existant. La bibliothèque Figma ainsi constituée sert de fondation à l'ensemble des écrans.

02.

Une identité pensée pour être thémable

L'architecture a été pensée pour être thémable : grâce aux design tokens, l'interface se re-personnalise instantanément aux couleurs de chaque client, sans modifier le code source.

03

D'une interface saturée à un dashboard hiérarchisé


L'ancienne interface alignait tous les modules au même niveau, sans hiérarchie. Le nouveau dashboard structure l'information : navigation latérale claire, indicateurs clés en tête, données secondaires en retrait.