Tous les projets

TGV INOUI, le cercle en mouvement

Un concept créatif pour l’expérience digitale TGV INOUI : une direction visuelle construite autour du cercle, déclinée sur le site, l’espace client mobile et les newsletters.

Concept créatif TGV INOUI
Marque
TGV INOUI
Rôle
Product Designer
Type
Concept créatif d’avant-vente

Contexte

En avant-vente, l’objectif est de montrer, et pas seulement de raconter, ce à quoi pourrait ressembler une nouvelle expérience digitale. Ce concept imagine un langage visuel neuf et cohérent pour TGV INOUI, puis le confronte à des cas d’usage concrets : la page d’accueil, la navigation, les cartes de réduction, les services à bord, l’espace client et les campagnes e-mail.

Le cercle en mouvement

Toute la direction naît d’une seule forme, le cercle, issue du logo de la marque. Cinq principes guident chaque écran :

  • Rythmé : le rond sous toutes ses formes (coupé, plein, décalé, en motif) fait varier le rythme des pages
  • En mouvement : garder une sensation de mouvement et de vitesse
  • Fluide : les courbes du rond rendent fluide le passage d’une section à l’autre
  • Typographie : Avenir Next Condensed pour les titres, Avenir Heavy pour les éléments d’interaction, Avenir Book pour les paragraphes
  • Transparence : le glassmorphisme donne de la profondeur, surtout sur des éléments colorés
Moodboard « Le cercle en mouvement » : ronds roses, verts et jaunes, photos de voyage découpées en cercle, logo TGV INOUI, typographies Avenir et boutons arrondis
Moodboard : le cercle en mouvement.

Le site web

Sur la page d’accueil, le cercle encadre le visuel principal, sépare les sections et découpe chaque photo. La page présente ce qui distingue TGV INOUI, ses cartes de réduction, ses services à bord et des voyages pour chaque profil : en solo, entre amis, en famille ou en duo.

Concept de page d’accueil : grand visuel circulaire montrant l’intérieur du TGV INOUI nouvelle génération, puis quatre atouts clés
Page d’accueil : le visuel principal et les atouts clés.
Concept de méga-menu : voyager, destinations, services, tarifs et cartes, avec sous-rubriques et un contenu éditorial mis en avant
Le méga-menu, avec un contenu éditorial mis en avant.

Sur mobile

Le concept se décline sur mobile, jusqu’à l’espace client : profil, cartes de réduction, montant à dépenser, CO₂ économisé, voyages, gares et factures.

Concept de page d’accueil mobile avec un carrousel circulaire
Page d’accueil
Services à bord sur mobile : cartes du bistro et du salon Grand Voyageur
Services à bord
Concept d’espace client mobile : profil, cartes de réduction, montant à dépenser, CO₂ économisé, voyages, gares et dernière facture
Espace client

Newsletters

Le même langage se prolonge dans l’e-mail : trois variantes d’une newsletter destinations, chacune avec une interprétation différente du cercle, et une adaptation du contenu au gabarit SNCF Connect.

Quatre maquettes de newsletter mettant en avant des destinations du Sud de la France : trois variantes TGV INOUI et une version SNCF Connect
Trois variantes de newsletter TGV INOUI et une adaptation SNCF Connect.
Projet suivant Höm