IntroductionContexteProblématiqueRecherche exploratoireIdéation & hypothèseSolutionConstatExpérience utilisateurConception & ergonomieInterface utilisateur

Encourager l’usage des mobilités durables

Hackathon inter-promo en collaboration avec
Résumé

Ce projet a été réalisé lors d’un hackathon organisé par la SNCF qui cherchait à faciliter l’accès au train et encourager à privilégier les mobilités durables.

Avec mon équipe, nous avons conçu une fonctionnalité qui intègre les services de micromobilités aux côtés de l’offre de train.

Notre projet a été sélectionné 3ème par le jury. En mars 2025, SNCF a annoncé intégrer des fonctionnalités similaires à notre proposition de valeur.

Disciplines

Product Strategy & Product Design

Période

Été 2024 (3 semaines)

Équipe – 4 étudiants

Maxime Chassard, Lucas Thiesset, Maxime Madouni, Etienne Gil

Mockups de l'application SNCF Connect & Tech.
Contexte

Contexte du hackathon.

Une collaboration école / entreprise

Hackathon inter-promo (~ 40 étudiants participants)

Durant 3 semaines au cours de l’été 2024

Problématique initiale
Recherche exploratoire

Comprendre comment les français se déplacent.

Le mode de transport préféré des français

Il semblerait que la voiture soit le moyen de transport le plus ancré dans les habitudes de déplacement des français

74 %

des français utilisent leur véhicule pour aller travailler

54 %

des déplacements de moins de 20 km sont effectués par un conducteur seul

Source : SDES-Insee, enquête mobilité des personnes 2018-2019

Et lorsqu’ils prennent le train...

Pour se rendre en gare, les français privilégient encore nettement la voiture aux autres moyens de transport

Pour vous rendre à la gare la plus proche de chez vous, pourriez-vous utiliser chacun des modes de transport suivant ?

Source : Les Français et l'usage du train - Harris Interactive (2023)

...et l’empreinte carbone dans tout ça ?

Le transport représente 1/4 de l’empreinte carbone des français, devant l’alimentation et le logement

selon une étude de CITEPA et l’ABC (2022 - 2023) avec le soutien de l’ADEME et la participation d’OpinionWay

Documents d'une étude portant sur l'empreinte carbone mettant en avant la part de l'empreinte carbone du transport dans l'empreinte moyenne d'un français.
Idéation & Hypothèse

À chaque problème sa solution.

Si on décomposait la problématique ?

En partant du problème, nous avons brainstormé des solutions selon deux axes

Puis nous avons cadré notre solution à partir de l’hypothèse suivante

Notre hypothèse

Si on veut encourager les français à se déplacer en train, il faut déjà faciliter leur trajet de leur position de départ jusqu’à la gare puis de la gare jusqu’à leur destination finale.

Notre solution

Constat

Un état des lieux de l’application.

La distinction entre trajet court et trajet long

Après avoir testé l’application, nous avons remarqué que les résultats pouvait être différents en fonction de la requête :

  • les résultats pour les trajets courts qui sont des trajets dans la même ville ou agglomération
  • les résultats pour les trajets longs qui sont les voyages en train de ville en ville

Une expérience qui repose sur l’achat de billet

Compte tenu de ces deux types de résultats, la principale action de la carte consiste à acheter un billet de train ou un titre de transport. Même si il est possible de consulter l’itinéraire, ce parcours est pour l’instant sans issue.

Expérience utilisateur

Concevoir un parcours qui cohabite aux côtés du train.

Du concept à la réalité

La première ébauche que nous avons réalisé pose les bases de l’expérience que nous avions en tête. L’idée initiale consistait à proposer davantage de moyens de transport à partir de la requête de l’utilisateur.

En tête des résultats, nous avons placé la voiture car nous estimions qu’il s’agissait d’un bon levier de comparaison bénéfices/gains pour le voyageur.

Ébauche de la solution sur tableau blanc.

Repenser le trajet court

De cette ébauche, nous avons repensé le parcours du trajet court, c’est-à-dire un trajet qui a lieu dans une même ville ou agglomération. Celui-ci permet au voyageur de se rendre en gare de départ ou à destination.

Ce parcours comprend 3 étapes jusqu’au début de la navigation.

Intégrer l’expérience aux côtés du train

Pour rendre l'expérience de voyage plus simple, nous avons ajouté des points d’entrées qui permettent de réaliser un trajet court :

  • Après l’achat du billet de train pour se rendre en gare
  • Une fois arrivé en gare de destination pour se rendre à destination
Conception & Ergonomie

Le squelette du projet.

Une expérience basée sur une carte interactive

Nous avons repensé l’écran d’accueil en y intégrant une carte interactive qui a pour but d'afficher la position de l'utilisateur et les transports à proximité. La carte a été pensé pour être le support de l’expérience.

Mode et service de transport

Les résultats sont désormais intégrés dans un composant tiroir (ou bottom sheet) par dessus de la carte. En fonction du mode de transport, l'itinéraire est mis à jour directement sur la carte.

Visualiser et personnaliser son itinéraire

Le dernier écran résume l’itinéraire en donnant la possibilité de choisir son véhicule ou sa station de départ et sa station d'arrivée en fonction du service de micromobilité choisi.

Interface utilisateur

Une expérience qui se fond dans le décor.

Réutiliser le Design System de SNCF Connect

L’équipe de design de SNCF Connect nous a donné accès à leur design system et leur documentation nous permettant de gagner de précieuses heures de conception UI en plein hackathon.

Nous avons réutilisé plusieurs composants qui ont satisfait nos besoins tout créant de nouveaux composants sur mesure pour répondre à besoin spécifique de l’interface.

Cartes – un moyen visuel d’encourager à voyager

Les cartes sont l’un des principaux composants qui mettent en avant les moyens de transports disponibles dans Connect. En s’inspirant d’autres applications concurrentes, nous y avons ajouté plusieurs informations dynamiques qui permettent de les visualiser et comparer entre eux.

Merci pour votre intérêt ! Projet en rédaction... ✏️

Merci d'avoir défilé aussi loin ! Contactez moi si ce projet vous intéresse.

←  Retour aux projets
← Retour