Par mail
Solene.lepretre.petitjean@gmail.com
+33 624131808
Modulable et adapté au parcours

Un composant unique

Un peu de contexte

Oui.sncf est une entreprise française qui propose des services de réservation de billets de train. Elle fait partie du groupe SNCF (Société Nationale des Chemins de fer Français), l'entreprise publique qui gère le transport ferroviaire en France. Oui.sncf permet aux voyageurs d'acheter des billets pour des trajets à travers la France, ainsi que pour des destinations internationales en Europe.

La plateforme en ligne offre une interface simple pour réserver des billets, consulter des horaires, et parfois même acheter des billets de bus et des offres de voyages combinés. Elle est l'un des moyens les plus populaires pour les Français et les touristes d'organiser leurs déplacements en train. Oui.sncf se distingue par sa facilité d'utilisation et par une large gamme d'options de transport.

La timeline est un élément clé sur OUI.sncf. À la fois graphique et rassurante, elle accompagne l’utilisateur tout au long de son parcours. Pour harmoniser son usage sur toutes les étapes et devises, l’équipe a décidé de la refondre et de l’intégrer au Design System OUI.

  • L’objectif : créer un composant modulaire, adaptable et cohérent. Un défi relevé malgré de nombreuses contraintes, comme la gestion des différents modes (train, bus, covoiturage), des types de transport (TER, OUIGO, etc.) et des informations associées.

Présente jusqu’à 8 fois sur le parcours d’achat, la timeline offre un degré d’information adapté à chaque étape.

Etapes de reflexion

1- Uniformisation des timelines : une approche structurée

Dès les premières phases de recherche, la diversité des timelines a été identifiée comme un problème clé. Une fois cette étape terminée, nous avons entamé la phase de conception pour structurer et organiser les informations.

2- Le design system : un atout pour l’efficacité
Un design system bien conçu est essentiel pour les UI designers et développeurs. Avant l’intégration complète, nous avons travaillé sur toutes les variantes du composant, incluant les cas spécifiques comme les correspondances courtes ou les perturbations. En parallèle, nous avons défini les entités clés pour assurer modularité et cohérence.

I'm subtitle

Hello World

Oui.sncf – Timeline

Back