WORK

> UI

> OUI.SNCF

ABOUT

MON VOYAGE

Rôle : UI | Web
Client : Oui.sncf

À temps plein et sur site, j'ai rejoint l'équipe d'une vingtaine d'UX et d'UI chez voyages-sncf.com pour une mission qui s'est étendue sur 15 mois. J'ai été intégré en binôme avec un UX Designer dans une feature team (POs, UX, UI, Devs) dédiée à la gestion de la partie post achat du site.

Rassemblant également la confirmation d'achat et le parcours d'échange / annulation de billet, l'objectif initial de la mission était leur évolution vers la charte “voyages-sncf.com” et la rationalisation des composants afin d'y agréger le maximum d'offres et de cas spécifiques de billets existants. Le scope s'est ensuite étendu avec le changement d'identité de marque vers Oui.sncf.

Consultation

Mon voyage, c'est le nom donné à la page de consultation du billet. Après l'achat, celle-ci permet d'y retrouver toutes les informations liées au trajet, du cross-sell à destination, et d'accéder à son billet pour l'impression, le QR Code sur mobile, ou le changement du billet.

Parmi les tâches en fil rouge, un chantier important de la mission était la prise en charge des différents types de billets pour étendre la consultation par Mon voyage (e-billet, envoyés à domicile, en libre service, TER, eurostar, etc). Chacun ayant ses spécificités, le challenge était de les intégrer tout en limitant la création de nouveaux composants.

Evolution de la charte

Sujet récurrent, mes premières actions demandaient de décommissionner les features de l'ancien site vers la nouvelle charte de voyages-sncf. Au cours de la mission, la marque a changé d'identité de voyages-sncf vers oui.sncf. A l'occasion de cette nouvelle charte, dont les bases ont été posées par une agence externe, l'ensemble de l'équipe UI a pu reprendre en commun l'ensemble de redesign pour harmoniser l'ensemble du parcours.

Parcours d'annulation

Afin d'améliorer l'expérience des utilisateurs, obligés de se rendre en gare ou d'appeler pour procéder à un échange ou une annulation de billet, nous avons développé et intégré cette fonctionnalité en ligne sur Mon voyage. Pendant sa phase de conception j'ai également participé à la tenue des tests utilisateurs.

Nous avons opté pour un système conversationnel. Une phrase résumant l'action par des mots clés sert de fil rouge tout au long du parcours et se complète en fonction des choix de l'utilisateur, tout en permettant de modifier rapidement la saisie.

Pour finaliser le parcours, j'ai également retravaillé l'emailing envoyé pour confirmer l'échange/annulation. Cette tâche a été faite de concert avec les développeurs front pour m'assurer d'avoir une réalisation 100% responsive afin de servir de base pour revoir en responsive les autres emailings transactionnels.

Confirmation d'achat

La confirmation est venue se greffer à la feature team Mon voyage en cours de mission pour simplifier la gestion des composants communs, notamment pour assurer une cohérence des affichages de billets.

Guidelines, harmonisation

Lors du changement d'identité de voyages-sncf vers Oui.sncf, l'équipe UI s'est concertée pour mettre à plat l'ensemble des pages des feature teams et repartir vers un design cohérent sur l'ensemble du parcours. A cette fin, ayant la main sur une bonne quantité de composants transverses au site, j'ai mis en forme des spécifications précises rassemblant les informations de dimensions, marges, typos sur les différents devices. En échangeant avec les autres UI, cette mise en forme s'est vite répandue et a servi de base aux guidelines de l'ensemble des FT.

Envie d'en voir plus ?

Maif.fr

Maif.fr

Vision client

UI Design