Brittany Ferries
Mission d’un an en Lead Design System, construire et déployer un système UI partagé app + web, tout en refondant les parcours de réservation et de crossing, au sein d’une organisation multi-produits avec de nombreux PO et PM.
Ce qu'il fallait résoudre
Beaucoup de produits, beaucoup de parties prenantes
Ferry, séjours, promo, compte et surfaces ops avaient chacun leurs owners de backlog. Aligner les décisions, c’était faciliter entre squads sans freiner la delivery, un système, beaucoup de voix.
Une architecture legacy complexe
Le digital s’était empilé pendant des années : patterns mélangés, composants dupliqués, UI hardcodée impossible à remplacer d’un coup. Une refonte big-bang n’était pas une option.
Migrer composant par composant
Le nouveau design system devait atterrir progressivement, tokens, puis boutons, formulaires, badges de statut, widgets de booking, avec une doc claire pour qu’engineering adopte sans casser les parcours live.
Comment on y est arrivés
- 01
Audit & gouvernance
Cartographie de la dette UI web/app, audit d’accessibilité, et modèle de gouvernance DS léger avec leads produit et eng pour garder des priorités partagées.
- 02
Fondations du système
Typo Poppins, palette vert/navy/orange, set d’icônes et primitives, boutons, inputs, badges, cards, avec états, règles de wording et guidelines Do/Don’t.
- 03
Migration incrémentale
Déploiement composant par composant dans l’architecture live : search widget, cards de sailing, status chips, puis parcours app plus denses (home, mes crossings, détail) sans rewrite total.
- 04
UX & boucles conversion
Travail avec PO/PM sur booking et pre-check, itérations sur clarté et hiérarchie des CTA, en mesurant corrections a11y et impact conversion.
Ce qui a changé
Un design system vivant adopté par les équipes produit, des expériences de crossing plus claires sur app et web, de meilleures bases d’accessibilité, et des parcours de réservation qui convertissent avec moins de friction.