Tous les projets

Le site SNCF Groupe

Le site principal du groupe, groupe-sncf.com : un seul endroit pour raconter SNCF aux candidats, journalistes, investisseurs, fournisseurs et voyageurs, accessible et écoconçu par défaut.

Une page article du site SNCF Groupe, avec un ICE et un TGV INOUI en gare de Paris Est
Client
SNCF Groupe
Rôle
Product Designer
Site
groupe-sncf.com

Contexte

groupe-sncf.com parle au nom de tout le groupe. Ses visiteurs arrivent avec des questions très différentes : un candidat qui cherche un emploi, un journaliste qui veut un communiqué, un investisseur qui consulte les résultats financiers, un fournisseur, ou un voyageur curieux du prochain TGV.

Le contenu s’organise en cinq rubriques éditoriales (Découvrir le Groupe, Agir pour la mobilité, Défendre un monde durable, Inventer l’avenir et #EnCoulisses), complétées par une entrée directe pour chaque type de visiteur.

L’enjeu

Donner une voix claire à une très grande organisation, tout en laissant chaque visiteur trouver rapidement son chemin.

  • Orienter cinq publics très différents sans multiplier les sites
  • Rendre le site utilisable par tous, quels que soient leurs besoins visuels, de lecture ou cognitifs
  • Réduire l’empreinte environnementale du site sans perdre sa richesse éditoriale
  • Fonctionner aussi bien sur téléphone que sur grand écran

Une entrée pour chaque visiteur

Un menu « Vous êtes », toujours visible dans le header, mène chaque public directement à ce qui le concerne. La page d’accueil mêle actualités, chiffres clés et photos découpées dans les formes signatures du groupe.

Accessibilité et écoconception intégrées

Deux menus sont présents en haut de chaque page. Accessibilité permet de passer à une police adaptée à la dyslexie, d’augmenter l’interlignage ou d’inverser les contrastes. Mode éco active un mode basse consommation qui supprime les visuels non essentiels, en plus d’un site déjà écoconçu.

Mode sombre

Un interrupteur à côté du choix de langue fait passer tout le site en sombre, du header jusqu’aux cartes d’actualité.

Les pages article

Les articles longs s’ouvrent sur un grand visuel, un fil d’Ariane et une courte introduction, puis alternent texte et images pour garder une lecture confortable.

Sur mobile

Sur téléphone, toutes les options (accessibilité, mode éco, langue, mode sombre et menu « Vous êtes ») se regroupent dans un seul menu, au-dessus des cinq rubriques.

Page d’accueil mobile avec le visuel principal
Page d’accueil
Menu mobile : accessibilité, mode éco, langue, mode sombre, « Vous êtes » et les cinq rubriques
Le menu, avec toutes les options d’affichage
Section actualités sur mobile avec un carrousel de cartes à faire défiler
Les actualités en carrousel
Projet suivant CASSINI