L’app de référence pour

superviser et réguler la mobilité urbaine

Après sept ans d’évolution, l’enjeu stratégique de Fareco consistait à instaurer un environnement ouvert et collaboratif fondé sur une architecture solide, afin d’atteindre trois objectifs prioritaires : offrir une expérience utilisateur fluide, stimuler la créativité des équipes et renforcer la cohérence de l’identité de marque

Emphatise

Comment concilier un espace partagé avec des profils et des workflows différents ?

  • Analyser les freins à 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 120 fichiers UI analysés

Emphatise

Même si l’assemblage est imprévisible, tout doit s’ajuster parfaitement.

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

Brand UI

pour garantir la flexibilité et la cohérence

Dans la conception de ce design system, ce concept a été utilisé pour instaurer un équilibre solide entre cohérence graphique et expression de la marque. Il a également renforcé la capacité d’adaptation du système, en facilitant l’intégration de nouveaux composants tout en préservant l’identité visuelle et la clarté de l’expérience utilisateur.

Define

Mettre en place des principes de conception afin de garantir une présence de marque harmonieuse et cohérente sur l’ensemble des canaux.

Define

Principes de conception partagés

  • RGAA
  • Gouvernance et documentation

Define

Figma = variables / Code = tokens

  • Nom / Element / Variant / Couleur-info

Define

Éléments fonctionnels scalables

  • Implémentation à chaque niveau et cas particuliers

Une gestion durable

afin de rendre la maintenance plus simple

Une gouvernance claire avec des rôles définis organise décisions, contributions et priorités. Avec un modèle Design Ops coordonnant personnes, outils, workflows et métriques, le système reste facile à maintenir grâce à des modules réutilisables, des design tokens et une accessibilité intégrée.

Design

Composants déclinés en plusieurs versions selon les étapes de conception.

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

Design

Composants testés à travers toutes les versions en conditions réelles

  • A/B Testing
  • Design sprint

Design

À l’image d’un produit : définir, structurer et ajuster en continu.

  • Roadmap, backlog, priorisation
  • Communiquer les mises à jour à l'équipe

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é.