Wide Switzerland, agence digitale geneve Wide Switzerland, agence digitale geneve

Continuous Relationship Experiences

Expertises.

Transports Publics Genevois (TPG)

Création d’un design system : rationaliser, standardiser et inspirer.

Le projet

En 2024, les Transports Publics Genevois (TPG) ont lancé la création d’un design system public : un référentiel unique pour rassembler tous les éléments de leur identité digitale. L’objectif ? Accélérer le développement, améliorer l’expérience des voyageurs et garantir une cohérence graphique et fonctionnelle sur l’ensemble de l’écosystème web.

Notre rôle
  • Conseil
  • UX Design
  • UI
  • Design
  • Gestion de projet
Contexte

Avant ce projet, les composants graphiques et fonctionnels du site public TPG étaient dispersés et parfois incohérents.

Chaque service travaillait avec ses propres habitudes, ce qui entraînait : des variations de styles, un manque de centralisation des composants, un ralentissement des cycles de conception et de développement.

tpg bus
Enjeux

Notre rôle a été de concevoir et de structurer un design system public permettant d’unifier l’identité digitale des TPG et de simplifier la production des interfaces, tout en accompagnant les équipes internes dans son adoption.

Les objectifs de la mission : 

• Mettre en place un Design System centralisé pour unifier l’identité digitale des TPG.
• Optimiser et standardiser les composants et templates afin d’assurer cohérence et efficacité.
• Documenter l’ensemble des composants et accompagner les équipes dans son adoption.
• Favoriser la pérennité du Design System au travers d’un cadre clair.

tpg asset
La construction

Nous avons structuré notre démarche en trois phases : Analyse, Design et Adoption.
Dans un premier temps, nous avons défini l’architecture du Design System, inventorié les composants avec les parties prenantes et identifié ceux à optimiser ou à rationaliser.
Puis nous avons posé les fondations avec des guidelines digitales, créé et optimisé les composants dans Figma, tout en concevant des templates et leur documentation.
Nous avons également établi les règles d’utilisation et de contribution, organisé le Design System dans Figma et formé les équipes pour en faciliter l’adoption.

tpg-2
"L’intérêt qu’a suscité chez les participants, on a vite eu un fort intérêt, déjà de la partie de listage des différents composants."
Alexandre Zanos

We Create Continuous Relationship Experiences ! 

Rencontrons-nous!