The Oise department's mobility platform

Sector(s)

Localization

Team Members

Ryad Karar, amelieportela, Virginie JUCH, Alexandre Pons, rouaida, Carole Khalife, ewehbe, eliane badawy, kdarazi, lara_z

Visit the site

Organizations Involved

bluedrop.fr - ebizproduction

We developed the mobility platform for the Oise department

This platform, built on Drupal, was initiated by the Oise Mixed Transport Syndicate, which brings together all mobility stakeholders in the department. The project was done in partnership with Cityway, a MaaS (Mobility-as-a-Service) expert.

Our scope of work: UX design, UI design, development, integration of Angular components, maintenance, and hosting.

About the project

A multimodal platform addressing mobility challenges and promoting sustainable transport usage

The platform offers users the following key features:

Real-time multimodal passenger information;
Route planning (detailed itineraries, trip costs);
Unified ticketing across different transport networks;
On-demand transport booking;
A personal account for saving locations, favorite routes, and subscribing to disruption alerts.

User experience and branding

Leveraging the existing structure of the product offered by Cityway, we designed the site’s architecture, wireframes, and user journeys, and conducted user testing. For UI design, we adhered to the graphic principles of the Oise Mobilité brand identity, featuring rounded shapes, bold headlines, orange and green colors, and creative shape patterns (semi-circles).

A strong focus on digital accessibility

This includes ensuring text readability, proper contrasts, consistent spacing, clear components, and more. A final audit revealed a 96% compliance rate with the French government's digital accessibility standards (RGAA).

An architecture optimized for high-traffic periods

To handle traffic surges, such as during strikes or network disruptions, we implemented an architecture integrating business-specific components developed with Angular. This ensures that requests to various web services (route planning, maps, etc.) are made client-side by Angular components, rather than server-side by the Drupal CMS. The result is a fully static site, with cached HTML content served via Varnish, offering greater resilience and responsiveness during traffic peaks.

An advanced moderation system tailored for multi-stakeholder platforms

To allow members of different networks to manage information specific to their services (pricing, news, etc.), we developed multiple roles in Drupal 10. This includes a webmaster with full rights who can create network-specific webmasters with permissions limited to their respective networks.