inetis, agence créative
  • Services

    Web

    • Sites internet
    • Rapports annuels digitaux
    • Accessibilité pour personnes en situation de handicap

    Applications

    • Applications métiers
    • Portails clients/membres
    • Application pour l'insertion socio-professionnelle

    Design

    • Identités visuelles
    • Expérience utilisateurs et interfaces (UX/UI)
    • Supports imprimés
  • Réalisations
  • A propos
    • Philosophie et équipe
    • Technologies
    • Actualités
  • Contact
  • Accueil
  • Web

    • Sites internet
    • Rapports annuels digitaux
    • Accessibilité pour personnes en situation de handicap

    Applications

    • Applications métiers
    • Portails clients/membres
    • Application pour l'insertion socio-professionnelle

    Design

    • Identités visuelles
    • Expérience utilisateurs et interfaces (UX/UI)
    • Supports imprimés
  • Réalisations
  • A propos
    • Philosophie et équipe
    • Technologies
    • Actualités
  • Contact
Retour à la liste des projets

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

26.03.2020
Sites internet
Voir le site

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 simple et rapide 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 la base des 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 est important que l’utilisateur puisse avoir un accès direct aux informations utiles depuis la page d’accueil. Pour cela, nous avons développé 2 modules multi-plateforme (horaires et plans), que nous avons ensuite intégré dans un module Joomla et un widget Wordpress.

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.

Un mega menu est un menu qui reprend tout ou une grande partie des niveaux de l’arborescence. Il permet d’accéder en un seul clic à une catégorie ou une sous-catégorie.

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.

Un menu sticky est un menu qui reste apparent tout au long de la navigation. Appelé également menu « sticky on scroll », il a l’avantage de rester visible sur l’écran quand le visiteur fait défiler la page.

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.

inetis SA

Grand-Vigne 7, 1302 Vufflens-la-Ville, Suisse
À 10 km de Lausanne, 60 km de Genève, 50 km de Fribourg, à la campagne quoi !

Blog

26.09.2024
inetis, et sa capacité d’adaptation dans le domaine de la digitalisation

Tous les articles de blog »

Contactez-nous

021 731 70 88
info@inetis.ch

Page de contact et plan d'accès
© 2006-2025 inetis SA, registre du commerce
Facebook LinkedIn Instagram
  • Monitoré par 1pilot.io
  • Crédits du site web
  • Entreprise formatrice