Navigo – Transit Landing Page & Live Fleet Dashboard by Emmanuel ImanishimweNavigo – Transit Landing Page & Live Fleet Dashboard by Emmanuel Imanishimwe

Navigo – Transit Landing Page & Live Fleet Dashboard

Emmanuel Imanishimwe

Emmanuel Imanishimwe

Designed and developed a modern interface for navigo.rw, a platform that helps commuters get the fastest routes using Kigali's public transport system. Implemented responsive layouts, real-time bus route tracking, and intuitive map interactions. Focused on usability and performance for low-bandwidth users.

The landing page

Not gonna lie… the hero section and custom cursor nearly made me tear my hair out 😅 The hero had tricky layouts and animations, and the cursor effect needed to feel smooth but snappy. Seeing it all come together — animations, dynamic sections, and that interactive cursor — was so satisfying. It feels alive without being overwhelming.
The hero. An animated route traces across the dark map while the headline settles.
The hero. An animated route traces across the dark map while the headline settles.
The features section: traffic management, bus tracking, and the route mobile app, each expanding in place.
The features section: traffic management, bus tracking, and the route mobile app, each expanding in place.
The about section, with the mobile app mockups tilting into view.
The about section, with the mobile app mockups tilting into view.
App download for Google Play and the App Store.
App download for Google Play and the App Store.
An accordion FAQ that answers common questions without leaving the page.
An accordion FAQ that answers common questions without leaving the page.
Rider reviews in a carousel.
Rider reviews in a carousel.
The contact section on the dark theme.
The contact section on the dark theme.
Even the loader got attention. A pulsing beacon while the page wakes up.
Even the loader got attention. A pulsing beacon while the page wakes up.

The operator dashboard

The other half of the work was a dashboard where transit operators run their fleet day to day. The live map is our own implementation, built as customizations on top of the open-source MapLibre GL rather than a paid maps API.
The overview: vehicles in navigation, drivers, journey trends, and a live activity feed.
The overview: vehicles in navigation, drivers, journey trends, and a live activity feed.
The live map, custom-built on MapLibre GL. Every vehicle tracked across Kigali in real time.
The live map, custom-built on MapLibre GL. Every vehicle tracked across Kigali in real time.
Registering a new vehicle takes one small form.
Registering a new vehicle takes one small form.
Adding a team member is just as quick.
Adding a team member is just as quick.

The details

Scan to download. A QR code straight to the app stores.
Scan to download. A QR code straight to the app stores.
The footer, with plans, community, and support links.
The footer, with plans, community, and support links.
See it live: https://navigo.rw
Like this project

Posted Jan 17, 2024

Traffic management system that helps Kigali commuters choose faster routes with real-time updates and map-based insights.