Déploiement du Nouveau Design System
homogéneisation des interfaces
Mauvaise visibilité et d’adoption de Ready to Sail*
objectif clef business à 80% de réservations pre-checkées
Refonte de l’expérience utilisateur d’accès à la plateforme Ready to Sail
Le composant "sailing" (traversée) permet de combiner ces objectifs
*Ready to Sail est le service de pré-enregistrement pour animaux, passagers et véhicules permettant de confirmer la validité des documents de voyage et de s’enregistrer en ligne en toute simplicité.
Fondations
Equipe Mobile App | Ready to Sail | Planning & Booking
Transformer un simple composant en pilier de l’Expérience Brittany Ferries
Contexte
Le projet Sailing Card est né de la convergence de deux impératifs majeurs pour Brittany Ferries :
Rôle
Designer Produit Senior
equipe
+ 1 Designer référent Design System, Développeur(s), Product Owner(s)
timeline
Oct. 2024 - Janv. 2025
Ce composant, bien que transverse à plusieurs produits et donc traditionnellement difficile à prioriser dans les roadmaps des équipes, est rapidement devenu un projet stratégique. La Mobile App et le service Ready to Sail étant les vitrines idéales pour l'implémentation du nouveau Design System, ils offraient un terrain propice pour démontrer la valeur ajoutée d'une approche unifiée, tout en limitant les risques techniques associés à des modifications systémiques plus larges (comme le tunnel d’achat ou la partie Mon Compte).
Rôle
Direction UX/UI
-
Conception d'un composant transverse central à l'expérience Brittany Ferries
-
Unification de l'expérience à travers web et mobile
-
Orchestration du parcours utilisateur vers le pré-embarquement
-
Gestion de tous les cas d'usage inhérents d’un voyage en Ferry (perturbations, modifications et infos)
Défis Majeurs
Conception initiale
-
Communiquer efficacement la vision cible de l’expérience utilisateur unifiée auprès des Products Owners et Développeurs
-
Transformer un composant intrinsèquement complexe (gérant perturbations, statuts multiples et temporalités variables) en une interface intuitive pour l'utilisateur, établissant des fondations solides pour l'expérience future tout en s'intégrant harmonieusement dans l'écosystème technique existant.
-
Trouver le juste équilibre entre information et incitation à l'action, en guidant l'utilisateur vers le pré-embarquement de manière non-intrusive
Sélection Projet
Relier efficacement les expériences produits entre elles
L’enjeu du designer ici, c’est bien de faire le pont entre toutes les expériences Brittany, sans surcharger les interfaces.
C’est aussi un challenge organisationnel car toutes ces expériences sont sous la direction de chef(fe)s de produits différents.
Bilan du MVP
Bien que le produit fut salué en interne car longtemps désiré et porteur d’un énorme potentiel de développement notamment pour nos équipes Marketing & Vente, en sa capacité de MVP aux fonctionnalités minimalistes, il restait frustrant en terme d’expérience utilisateur.
Très peu de temps après le lancement, une rapide priorisation eut lieu, ce qui permis de dégager facilement les fonctionnalités qui pourraient être mises dans le backlog à court et moyen terme.
En parallèle, une phase d’analyse des performances métriques du produit viendrait valider ces choix pour l’itération suivante (V3), ou mettre en valeur des problèmes plus urgents à résoudre.
↓ Search présente des problèmes d'ergonomie
↓ Egalité entre les Devices l’accès à la feature et la navigation sur mobile laisse à désirer
↓ Feedback utilisateur très peu de cas d’usages couverts au delà du success path
↑ Réactivité de l’interface une navigation fluide
↑ Clarté visuelle l’information est clair, rapide d’accès et aisément compréhensible
↑ Support de décision les directions Marketing & Ventes arrivent mieux à se projeter sur leur roadmap
Apprentissages
Ce projet m’a énormément tenu à coeur, car il a contribué à matérialiser la vision initiale que j’avais pour Brittany en début de mission. Il m’a permis de prendre conscience qu’en tant que designer, on ne mesure pas toujours l’ampleur des transformations qu’exige notre vision pour une entreprise. Ce cheminement m’a appris que cette transformation ne se fait pas en un seul bond, mais à travers de nombreux petits pas, chacun contribuant à façonner progressivement cette vision idéale.
Ce projet m'a permis de développer plusieurs compétences essentielles :
Design système transverse évolutif -> Concevoir des composants modulaires adaptables à différents contextes d'utilisation, et adaptable aux scénarios
Communication visuelle d'états complexes -> Simplifier visuellement des informations techniques variées
Accompagnement du changement -> Guider l'utilisateur vers de nouvelles fonctionnalités sans friction
Équilibre information/action -> Trouver le juste dosage entre contenu informatif et incitation à l'action
+224%
taux de clics sur les nouvelles pages
+16k
entrées contre 1K avec l'ancien template
+10%
conversion vers des actions de planification
+1000%
visibilité dans les résultats de recherche
Apprentissages
Ce projet m'a permis de développer des compétences précieuses :
Conception orientée résultats -> Comprendre comment chaque décision design impacte les KPIs
Collaboration stratégique ->Travailler efficacement avec les équipes marketing et SEO
Analyse de données -> Utiliser les insights comportementaux pour guider le processus créatif
Design scalable -> Créer des systèmes évolutifs plutôt que des pages isolées
Équilibre UX/Business -> Concilier les besoins utilisateurs et les objectifs commerciaux
Nous avons travaillé ensemble
Adelaïde Spicq, Product Owner
Projet Inspiration
J'ai eu le plaisir de collaborer avec Anne-Sophie sur la création de nouveaux modèles de pages web plus inspirantes et optimisées SEO et son impact a été inestimable. C'est une designer UX/UI extrêmement talentueuse qui adopte une approche réfléchie et collaborative à chaque défi. L'un des atouts d'Anne-Sophie est sa capacité à concevoir en direct rendant la collaboration à la fois dynamique et efficace. Toujours ouverte à la discussion, elle s'assure que chaque décision est bien pensée et centrée sur l'amélioration de l'expérience utilisateur. Au delà de ses compétences techniques, Anne-Sophie s'investit réellement dans l'expérience utilisateur veillant à ce que chaque choix de design soit non seulement esthétique, mais aussi intuitif et fonctionnel. Ajoutez à tout ça une bonne humeur contagieuse, toute équipe aurait de la chance de l'avoir à ses côtés!
Interrogations? Feedback? Collaboration?
Et si on se rencontrait?
Échangeons en visio ou en vrai (Bretagne Sud)
+ 336 30 19 26 45