Présentation du projet

Rôles

  • Stratégie digitale
  • Design
  • Développement
Visiter le site

Initiée par l’UITP, CityTransitData est une plateforme qui recense les données de mobilité durable dans les grandes villes du monde. Elle met en lumière les initiatives et les innovations du secteur et constitue une base de données de référence pour les mobilités douces et alternatives.

Défis

L’enjeu était de concevoir une expérience interactive et immersive, capable de faire voyager les utilisateurs à travers les villes et de comparer leurs données. La plateforme devait être performante, accessible et bien référencée, tout en intégrant une interface d’administration efficace permettant de gérer facilement une grande variété de contenu.

Solutions

Nous avons conçu un globe interactif en 3D comme outil de navigation principal, offrant une expérience ludique et intuitive. Les données sont structurées dans une grille « bento » dynamique, classée par catégories, en plus de blocs interactifs permettant les comparaisons entre les villes. Côté back-office, une interface sur mesure permet de gérer l’ensemble du contenu et des données, d’ajouter facilement de nouvelles villes ou de nouveaux modes de transport.

Image Représentant la carte en 3D disponible sur la page d’accueil
Image Représentant la page dédiée pour une ville (London)
Captures d’écran du site mettant en avant l’aspect responsive du site
Captures d’écran du site mettant en la section "Nombre de d’arrets de transport public"
Capture d’écran de plusieur pages du site mettant en avant la cariation des thèmes de couleur en fonction de la ville concernée
Captures d’écran du site Web montrant la section "Transports réguliers"
Captures d’écran de la page à propos

Plus en détail

La plateforme intègre également un blog dédié aux dernières actualités en matière de mobilité, ainsi qu’un centre de ressources téléchargeables. Ces deux sections sont entièrement administrables, permettant une diffusion continue de contenus inspirants et pratiques à l’échelle internationale.
Extraits du design avec du contenu de remplissage
Captures d’écran de la page explicative
Extraits du design des graphiques