Brella

UX, UI, Mobile

All green mobility providers in one app, that helps you choose the best route for you.



Mobile app
Problem

Green mobility is something that took hover our cities to fight climate change. The rapidly increase of green mobility solutions and providers means that the user now have a lot of options to choose but have to use one app for each provider.

Challenge

Design an app that would aggregate all the diferente green mobility providers so that the user could choose what vehicle he wants without instaling any additional apps.

Solution

The solution was to use an api to call all vehicles from diferent providers and display them on a map for the user to choose. Also generate the best route depending on criterias like ‘fastest’, cheapest’ and ‘safest’.

Process

User-research and api functional specs where the fundations for the UX and UI prototypes.

UX

I translated the user-research that the client already had into a functional UX Prototype. The prototype was designed to contain all user journeys that where previously planned. Using Figma I produced High-Fidelity wireframes, built a design system, and prepared all the components. This way the next part of the process, which was the UI, would be much more efficient and quick to do.

This design system helped speeding up development, in which they could start building the app without the need of the final UI stage.

UI

I used all the previous ux user-journeys to produce a functional prototype with a refined design system based on the brand guidelines. High contrast color combinations, font variations and generous size clickable elements make this app easy to use when searching for a vehicle and also during the route journey.

UI Prototype
Privacy Settings
We use cookies to enhance your experience while using our website. If you are using our Services via a browser you can restrict, block or remove cookies through your web browser settings. We also use content and scripts from third parties that may use tracking technologies. You can selectively provide your consent below to allow such third party embeds. For complete information about the cookies we use, data we collect and how we process them, please check our Privacy Policy
Youtube
Consent to display content from Youtube
Vimeo
Consent to display content from Vimeo
Google Maps
Consent to display content from Google
Spotify
Consent to display content from Spotify
Sound Cloud
Consent to display content from Sound