Concept & Design of the Drivva App
Concept & Design of the Drivva App
Concept & Design of the Drivva App
Overview
Joined in Oct 2022–Today
I’ve created the Design for the upcoming drivva app. This was a freelance project including the overall structure and concept, evaluation and research of the required features and the final UI design.
In Berlin and other German cities, there’s quite a big range of mobility share solutions. Besides the public transport, you can nowadays pick a bike, scooter, and cars straight away from the street and go. This market is raising fast, so there are continuously coming more providers on the market. For the users, this means they have to have all those apps, have to be registered for every service, and they would have to check each app to find the closest vehicle available.
Exactly here is drivva sneaking in. Drivva simply brings all those services into one app on one map.
Together with the founders, we started to design the app from scratch. The app should feel lightweight. I strove for a design which brings the main components all on one screen but react depending on each other. Well, in other words – it means the map is in the main focus and there are different states of elements as the user is in different types of process.
As the project was part of a venture start-up program, we strived for an MVP product. We had defined the key value of the app – providing a super simple way to find the best choice of all available providers and its vehicles to get from A to B by the available shared car/vehicle options around the user. It’s pretty simple: the user wants to see where am I, and where are the relevant vehicles around me? And then: Let me get it (book). I’ve created the flow-chart below. The left part illustrates the main purpose of the app. With just two clicks, it’s possible for the user to book a vehicle.
On the upper screens, you can see on the left the initial screen. That’s where you get when starting the app. You can see all the surrounding vehicles available. On the top, the user can execute a route-search. By clicking on a pin on the map, this search bar disappears, as it is not relevant at this moment but details to the specific selected vehicle. All that is underlined by the fading like UI.
I've made several iterations to gather the feedback from the team and to generate more ideas and approaches together. Some of the final screens are shown in the following graphic. I was working closely with the developers so that the communication was clear from the beginning and stagnation could be prevented straight away.
Overview
Joined in Oct 2022–Today
I’ve created the Design for the upcoming drivva app. This was a freelance project including the overall structure and concept, evaluation and research of the required features and the final UI design.
In Berlin and other German cities, there’s quite a big range of mobility share solutions. Besides the public transport, you can nowadays pick a bike, scooter, and cars straight away from the street and go. This market is raising fast, so there are continuously coming more providers on the market. For the users, this means they have to have all those apps, have to be registered for every service, and they would have to check each app to find the closest vehicle available.
Exactly here is drivva sneaking in. Drivva simply brings all those services into one app on one map.
Together with the founders, we started to design the app from scratch. The app should feel lightweight. I strove for a design which brings the main components all on one screen but react depending on each other. Well, in other words – it means the map is in the main focus and there are different states of elements as the user is in different types of process.
As the project was part of a venture start-up program, we strived for an MVP product. We had defined the key value of the app – providing a super simple way to find the best choice of all available providers and its vehicles to get from A to B by the available shared car/vehicle options around the user. It’s pretty simple: the user wants to see where am I, and where are the relevant vehicles around me? And then: Let me get it (book). I’ve created the flow-chart below. The left part illustrates the main purpose of the app. With just two clicks, it’s possible for the user to book a vehicle.
On the upper screens, you can see on the left the initial screen. That’s where you get when starting the app. You can see all the surrounding vehicles available. On the top, the user can execute a route-search. By clicking on a pin on the map, this search bar disappears, as it is not relevant at this moment but details to the specific selected vehicle. All that is underlined by the fading like UI.
I've made several iterations to gather the feedback from the team and to generate more ideas and approaches together. Some of the final screens are shown in the following graphic. I was working closely with the developers so that the communication was clear from the beginning and stagnation could be prevented straight away.
Overview
Joined in Oct 2022–Today
I’ve created the Design for the upcoming drivva app. This was a freelance project including the overall structure and concept, evaluation and research of the required features and the final UI design.
In Berlin and other German cities, there’s quite a big range of mobility share solutions. Besides the public transport, you can nowadays pick a bike, scooter, and cars straight away from the street and go. This market is raising fast, so there are continuously coming more providers on the market. For the users, this means they have to have all those apps, have to be registered for every service, and they would have to check each app to find the closest vehicle available.
Exactly here is drivva sneaking in. Drivva simply brings all those services into one app on one map.
Together with the founders, we started to design the app from scratch. The app should feel lightweight. I strove for a design which brings the main components all on one screen but react depending on each other. Well, in other words – it means the map is in the main focus and there are different states of elements as the user is in different types of process.
As the project was part of a venture start-up program, we strived for an MVP product. We had defined the key value of the app – providing a super simple way to find the best choice of all available providers and its vehicles to get from A to B by the available shared car/vehicle options around the user. It’s pretty simple: the user wants to see where am I, and where are the relevant vehicles around me? And then: Let me get it (book). I’ve created the flow-chart below. The left part illustrates the main purpose of the app. With just two clicks, it’s possible for the user to book a vehicle.
On the upper screens, you can see on the left the initial screen. That’s where you get when starting the app. You can see all the surrounding vehicles available. On the top, the user can execute a route-search. By clicking on a pin on the map, this search bar disappears, as it is not relevant at this moment but details to the specific selected vehicle. All that is underlined by the fading like UI.
I've made several iterations to gather the feedback from the team and to generate more ideas and approaches together. Some of the final screens are shown in the following graphic. I was working closely with the developers so that the communication was clear from the beginning and stagnation could be prevented straight away.
© 2024 - Robbin Staack
© 2024 - Robbin Staack
© 2024 - Robbin Staack