Retour aux projets Mobilité · UX Design · UI Design · Prototypage

SNCF Connect — favoriser l'usage des mobilités durables.

Maquette SNCF Connect
Cadre
Hackathon SNCF Connect
Domaine
Transport & Mobilité
Rôle
UX / UI Designer
Année
2024
Contexte

Dans le cadre d'un Hackathon inter-promo, deux designers de SNCF Connect nous ont lancé un challenge autour des habitudes de déplacement des Français et des mobilités durables.

La problématique donnée était la suivante : quelles fonctionnalités concevoir pour rendre l'usage du train plus simple, fluide et désirable ?

Notre projet a été sélectionné 3e coup de cœur du jury parmi 14 groupes. Depuis, SNCF a annoncé intégrer de nouvelles fonctionnalités pour renforcer l'intermodalité de son application mobile.

Notre approche

Accompagner le voyageur du premier au dernier kilomètre

Nous avons axé notre conception sur l'accompagnement du voyageur tout au long de son trajet. En mettant à sa disposition la diversité des options de transport disponibles dans l'application, nous ouvrons le champ des possibles : l'utilisateur choisit la méthode pour se rendre en gare de départ et pour repartir depuis la gare d'arrivée.

Chaque étape a été pensée pour l'utilisateur, de la sélection d'un mode de transport jusqu'à la navigation en temps réel. L'interface permet de comparer les temps de trajet, les coûts et l'impact environnemental de chaque option grâce à des indicateurs de CO₂, guidant ainsi vers des choix de mobilité plus responsables.

L'intermodalité
Maquette SNCF Connect
Conception

Le concept en tête, le design a pu commencer

Notre méthode s'est appuyée sur plusieurs itérations de maquettes fonctionnelles et de prototypes afin de garantir une ergonomie optimale. Les commentaires des utilisateurs ont été pris en compte à chaque étape, ce qui nous a permis d'affiner l'affichage des informations clés et d'assurer une navigation fluide sur la carte interactive.

Fonctionnalités clés

  • Mobilités vertes et indicateurs d'impact CO₂.
  • Navigation en temps réel sur carte interactive.
  • Interconnexion avec vos applications favorites (Uber, Vélib', Lime…).
  • Intégration des services de transports publics.
L'attention des détails

Chaque information au service de la décision

Nous avons réfléchi à chaque information affichée pour offrir une expérience claire, utile et cohérente. Sur la carte de transport, chaque élément — du mode de déplacement aux émissions de CO₂, en passant par le coût estimé et le temps de trajet — a été conçu pour aider à prendre une décision éclairée, facilement et en toute transparence.

Tests utilisateurs

Valider par la donnée

Nous avons conduit des tests utilisateurs via l'outil Maze, ce qui nous a permis de tester notre prototype Figma à distance et d'obtenir des données quantitatives (taux de réussite, erreurs, temps de tâche) ainsi que des retours qualitatifs des participants. La conception a également été éprouvée sur l'app Figma Mirror à chaque étape.

Résultats
3e

projet coup de cœur du jury, parmi 14 groupes.

14

équipes en compétition sur le Hackathon.

CO₂

comparateur d'impact intégré à chaque trajet.

Voir les autres projets

Un projet similaire en tête ?

Racontez-moi votre produit : je vous dirai en toute transparence comment je peux vous aider.