Project Definition

Most of the companies, held by the Europcar Mobility Group, where within the mobility spectrum and shared a pretty similar structure, developing a versatile and consistent platform to rule them all made perfect sense.

We set off to scope and understand their common general sections, content, users types and roles. We mapped user actions, worked on the information architecture and refined resources information and settings.

Information Architecture

Throughout the Backoffice, tasks and actions varied greatly. Users had to set up configurations, navigate across varied entities, analyse data and assign or perform actions.

It was impossible to foresee all the existing and future features any given business unit might need. What we did find was that
information and content structure was quite consistent and easily organised.

We focused on keeping the experience coherent and intuitive no matter the task at hand, while not disregarding tidiness and ease in navigation.

We standardised the content structure and created navigation, layout and interaction patterns that unified most of the platforms content.

A feature walkthrough

This feature, part of the B2B companies management, aimed to unify the settings regarding third party mobility cost allocations, while keeping it flexible to meet different scenarios.

We defined a universal path, further disclosing settings, based on the needs of each case.

UI Design

To create a consistent design and experience throughout the Mobility Backoffice we developed extensive tokens, UI patterns and components, that eventually transformed into a design system.

Here is an example of design definition of the table component.

Thanks to all the great people I was lucky to collaborate with in this project, specially to Sara, Pablo, Sidonie, Stavan, Gabo, Steffie, Jaume, Shahin, Mehdi, Ivan and Adam.