LYNX

Design system

Conception du design system de l’application LYNX.

FARECO - FAYAT - 2025

Contexte

Après 7 ans d'évolution, LYNX est devenue la référence pour la supervision et la régulation de la mobilité urbaine.

Objectif

Créer un environnement ouvert et collaboratif pour atteindre les objectifs fixés : offrir une expérience utilisateur fluide, encourager la créativité et assurer la cohérence de l’identité de marque.

Emphatise

Comment aider l’équipe à prendre de meilleures décisions ?

  • Analyser les blocages et les réticences liés à l’adoption du design system.
  • 11 Interviews + 3 ateliers

Emphatise

Comment harmoniser les différentes versions des composants ?

  • Audit des éléments existants
  • Plus de 200 fichiers Figma analysés

Define

Bien que l’assemblage soit imprévisible, l’objectif est que tout s’ajuste parfaitement.

  • Favoriser la flexibilité
  • Favoriser l'harmonie
  • Favoriser la créativité

Define

Placer les piliers de la conception dans un espace de consultation adapté à différents profils.

  • Guidelines conformes au RGAA
  • Gouvernance et documentation

Assurer une présence cohérente de la marque sur tous les canaux tout en valorisant la créativité.

Conceptualise

Définir les éléments fondamentaux en créant des variables et des tokens afin d’en faciliter l’implémentation.

  • Nom du composant / Element / Variant / Couleur-info

Conceptualise

Définition d’éléments fonctionnels adaptés aux différents usages, cohérents, accessibles et adaptables.

  • Mettre l’accent sur la lisibilité et la clarté de l’information.

Concevoir une version de l’application avec des contrastes et des accents conformes à l’identité de la marque.

Mais également dans les cas où les contrastes élevés constituent la seule option d’utilisation.

Design

Composants structurés en différentes versions pour chaque étape de design ou de développement.

  • Composants conçus sur Figma.
  • Bibliothèque GitHub dédiée à la version React.

Design

Organiser les éléments selon une logique systémique favorise l’harmonisation de l’interface.

La participation des techniciens dès la phase de conception a permis d’optimiser la visualisation des données clés.

Résultats

En standardisant le code et en encourageant la réutilisation des composants, le design system simplifie les mises à jour, allège la maintenance et renforce la productivité.