Retour à la liste des projets

Les transports lausannois (TL) confie la refonte de sa page d'accueil à inetis

Notre mission pour les transports publics de la région lausannoise (TL) avait deux buts : rendre plus intuitive la page d’accueil du site et revoir l’arborescence du site web. L’organisation de workshops a été l’un des facteurs déterminants à l’origine de la réussite de ce projet.

Présentation de notre travail de page d'accueil, avec des pictogrammes et la version mobile du site

La touche inetis

Notre client souhaitait offrir à ses usagers un accès rapide et simple aux informations dont ils ont besoin pour se déplacer au quotidien. Le second point a été de simplifier l’arborescence du site web.

Enfin, les voyageurs des TL consultent majoritairement le site sur mobile. L’un des impératifs était donc de créer un site "mobile first".

Nos solutions

Concevoir des wireframes

La création de wireframes en début de projet a permis de résoudre rapidement et de tester la bonne intégration des éléments clés :

  • L'accès simple et rapide à 3 onglets pour accéder aux widgets itinéraires, horaires et perturbations
  • Des espaces de mise en évidence de la communication des TL
  • Un design différent pour la version desktop de la version mobile
  • Un menu simplifié

Le webdesign du site a été conçu sur base des derniers wireframes.

Maquettes fonctionnelles ou wireframes de la version mobile du site

Optimiser l'expérience utilisateur

La barre de menu contient désormais 6 onglets importants. Auparavant, le site comptait deux niveaux de menu.

Lors des workshops, nous avons constaté que les informations liées aux voyages (horaires, lignes, itinéraires…) étaient essentiellement utilisées en version mobile. 

Il était important que l’utilisateur puisse avoir un accès direct aux informations utiles depuis la page d’accueil. Pour cela, nous avons développé en interne 2 widgets sur mesure pour le CMS Joomla et Wordpress: horaires et plans.

La version mobile offre une visibilité directe sur les itinéraires, les horaires et les plans. Ensuite, nous avons choisi d’insérer le bloc « Infos trafic », suivi des actualités. 

Page d'accueil des TL avant et après

Moderniser le webdesign

L’ancienne version du site était assez terne. Nous avons apporté de la couleur tout en conservant le blanc et le bleu présents dans le logo.

Nous avons opté pour un bandeau d’accueil plus épais qui intègre le bloc informatif principal. Les informations aux voyageurs sont mises en évidence par la présence d’un encart jaune.

Cette nouvelle disposition nous a permis de créer plusieurs blocs communication et de les faire remonter sur la page. Mieux mis en valeur et dotés d’un graphisme plus contemporain, les encarts communication attirent l’œil et incitent à la consultation. Sur l’application mobile, nous avons opté pour un défilement des communications de la gauche vers la droite afin de limiter le scroll.

Enfin, le pied de page représente la topographie de Lausanne, ce qui ancre le design du site dans l’environnement du client.

Construire un mega menu

Les 6 entrées principales de la page d’accueil donnent accès à un mega menu clair et intuitif. Nous avons choisi de l’ouvrir sur la largeur de la page. Ainsi simplifiée, la navigation sur le site web n’est plus une source de frustration pour l’internaute.

Menu de navigation desktop et mobile

Menu spécial pour la version mobile

Nous avons opté pour l’ajout d’un menu sticky en bas de page. Il permet aux utilisateurs d’accéder aux onglets depuis n’importe quel endroit du site, mais surtout en tenant leur appareil d'une seule main.

Zoom sur… les workshops

Pour mener à bien ce projet, nous devions comprendre les besoins des utilisateurs et leur mode de fonctionnement. Les objectifs des TL en matière de communication étaient également un élément essentiel à prendre en compte dans ce projet de refonte de site web.

L’organisation de workshops avec notre client nous a permis de travailler de façon pragmatique sur l’arborescence et la page d’accueil.

Nous avons organisé deux workshops. Lors du premier, nous avons analysé les statistiques de navigation, les résultats nous ont menés sur plusieurs pistes de réflexion.

Le second workshop avait pour sujet l'aménagement de cette nouvelle page d'accueil. Nous nous sommes intéressés au mode opératoire des autres compagnies de transports publics. Il en est ressorti qu’il fallait mettre en évidence les informations liées aux itinéraires, aux horaires et aux perturbations.

Captures d'écran de pages d'accueil d'autres transporteurs

Le client

"Nous sommes très satisfaits de la qualité de la nouvelle page d’accueil du site t-l.ch. L’équipe inetis nous a accompagné dans toutes les phases du projet avec professionnalisme, sens critique et respect des délais. Les premiers retours clients sont également très positifs."

Alexandre Kalbfuss
Responsable communication print & digitale


Les Transports publics de la région lausannoise (TL) sont une société anonyme, fondée en 1894, elle a pour objectif l’exploitation du réseau de transports en commun de voyageurs du même nom, dans la ville de Lausanne et son agglomération.

L’entreprise, qui compte 326 000 usagers quotidiens, travaille à une totale refonte de la mobilité à l’horizon 2025. Leur but :  accompagner les voyageurs dans leurs déplacements en mettant à leur disposition tous les outils pour préparer et réaliser leur voyage. L’intégration des TL dans le circuit de la mobilité combinée (intégrant plusieurs moyens de transport : marche, bus, train, voiture partagée, vélo, taxi…) est aussi au cœur du projet.