Creating an easy and simple scooter renting experience
My Role
UX Designer
Organisation
Vogo Automotive Pvt. Ltd., Bangalore, India
About the product
Vogo is a platform for renting scooters on a short-term basis. Short-term scooter rentals were the company's primary business. However, Vogo has gradually begun offering long-term scooter rentals as well.
'Vogo Long Term Rentals' will cater to customers who need vehicles for a longer duration. Within long-term rentals, there will be two product flows for two types of customers - individual customers (B2C) and delivery partners like Zomato, Swiggy, Dunzo etc. (B2B)
![Vogo V1.png](https://static.wixstatic.com/media/db038c_1f4c32bcf81e420280caa9a7e2ac4e3b~mv2.png/v1/fill/w_238,h_486,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Vogo%20V1.png)
![Group 7 Copy.png](https://static.wixstatic.com/media/db038c_aa87501396744709a6a96774e6863fae~mv2.png/v1/fill/w_246,h_78,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Group%207%20Copy.png)
![Group 7.png](https://static.wixstatic.com/media/db038c_a0d81c9df4b44fdbbdc0d3c86febed9b~mv2.png/v1/fill/w_246,h_80,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Group%207.png)
My responsibilities
I was responsible for creating an end-to-end scooter booking process. Therefore, I have conducted research on competitor products to understand their offerings and potential.
For empathizing with the user, I set certain design goals which included providing proper feedback, guiding them throughout the entire process, being transparent with the details, and providing help wherever necessary.
I had the opportunity to address longer-term business goals such as rental renewal, troubleshooting bike service issues, and delivering scooters to customers.
In addition to this project, I was also responsible for designing payment flow, station finder etc.
Business Goals
-
Develop a full-fledged booking business model for long-term bookings
-
The passes need to be tailored to meet the needs of different customers
-
A renewal option has to be provided for customers in order to retain them
-
Explore the possibility of delivering the scooters to the customer's home or workplace
-
Make long-term rentals the main business model slowly
Design Approach
Following a design process is fundamental for a consistent and better design. This includes understanding and defining the design problem through user research and developing solutions specific to certain target groups.
Discovering Demand
Gain insights via primary research and competitive analysis
There are a few competitors and similar products to Vogo, such as Bounce, Drivezy, and ZoomCar. My study of all these existing platforms has given me a deeper understanding of what works and what doesn't.
Explore and determine the demand
Initially, we wanted to explore and determine the demand for long-term rental services before diving into the actual flow and process. As such, we will run a test by providing the user with an in-app form to submit his requirements.
Then our customer executive takes care of this requirement by providing the required package to the customer.
![Pre.png](https://static.wixstatic.com/media/db038c_32e1e17e197f48fe8d010ed3a5914c36~mv2.png/v1/fill/w_60,h_145,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Pre.png)
In-App form to test the demand before launching the actual product
Defining power users
Working professionals, college students, and delivery executives constituted the majority of users. For almost all of their daily transportation, they rely on a scooter rental. As a result of designing for such customers, budget, flexibility, and seamless booking were the most significant factors to take into account.
![B2B.png](https://static.wixstatic.com/media/db038c_4186d752e43946058f31f7e9b95d7414~mv2.png/v1/fill/w_111,h_113,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/B2B.png)
![Group 10.png](https://static.wixstatic.com/media/db038c_ee1aeb70ff944a9cbf60cbe6005ef4bb~mv2.png/v1/fill/w_58,h_118,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%2010.png)
![Group 10 Copy.png](https://static.wixstatic.com/media/db038c_a85e663d0ff749c28994126528c8b30d~mv2.png/v1/fill/w_58,h_117,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%2010%20Copy.png)
![B2C.png](https://static.wixstatic.com/media/db038c_c55a8fb206c14e41bfb14bafa5ec2347~mv2.png/v1/fill/w_111,h_113,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/B2C.png)
Defining design goals
![IMG_1748.PNG](https://static.wixstatic.com/media/db038c_ee1a34b24f9f4a708bf674ef3685ed7b~mv2.png/v1/fill/w_51,h_51,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/IMG_1748_PNG.png)
Freedom & Flexibility
Allow the users to Cancel/End ride whenever they require. Freedom to choose the package, location and change it when needed
![IMG_1747.PNG](https://static.wixstatic.com/media/db038c_6270790944aa45c199d0d1f5bd36460e~mv2.png/v1/fill/w_51,h_51,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/IMG_1747_PNG.png)
Feedback
Make users notified by providing the necessary feedback about what is going on the screen and help them make informed choices
![IMG_1746.PNG](https://static.wixstatic.com/media/db038c_4ee39cdd0b494fa7972d5a98a49224db~mv2.png/v1/fill/w_51,h_51,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/IMG_1746_PNG.png)
Help & Documentation
Before entering into a flow, proper documentation should be provided to make the user more comfortable
![Untitled_Artwork 6.png](https://static.wixstatic.com/media/db038c_dcb25358c4424626b4c6cf64412d9e7f~mv2.png/v1/fill/w_51,h_51,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Untitled_Artwork%206.png)
Minimalist Design
Providing only the appropriate information required both on-screen and content
User's journey
![scoo.png](https://static.wixstatic.com/media/db038c_183b7d046ab14333b9ca6617a12115fb~mv2.png/v1/fill/w_95,h_100,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/scoo.png)
![Steps.png](https://static.wixstatic.com/media/db038c_860bfaa93e3f4041ac3281bc983b5371~mv2.png/v1/fill/w_119,h_101,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Steps.png)
Initial iteration & wireframes
![BW Wireframes.png](https://static.wixstatic.com/media/db038c_c8507d2c56874710babb020ea112e433~mv2.png/v1/fill/w_49,h_34,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/BW%20Wireframes.png)
How does a user book a scooter?
It was important that package details were presented to the users without delay. The challenge was to book a scooter in a few steps by choosing a package, confirming a pickup location, and paying for it.
![How to book.png](https://static.wixstatic.com/media/db038c_5dafdfaa95734810b2be01d354ba49de~mv2.png/v1/fill/w_49,h_51,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/How%20to%20book.png)
Home main screen
Packages presented to the customers
Pickup Zone Selection
Popup shows sucessfull booking
Review booking
Screen showing payment options
What happens after the user has booked a scooter?
![Vo.png](https://static.wixstatic.com/media/db038c_ad1630037b774339902a73d86b3cfc50~mv2.png/v1/fill/w_62,h_61,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Vo.png)
![vogo zone.png](https://static.wixstatic.com/media/db038c_97ec771f1b484463819cb1a9eef50659~mv2.png/v1/fill/w_108,h_83,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/vogo%20zone.png)
The user goes to the nearest VOGO station to collect the scooter
![QR.png](https://static.wixstatic.com/media/db038c_46c570d4f33b458982d7b2be25109455~mv2.png/v1/fill/w_62,h_61,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/QR.png)
![Scan QR.png](https://static.wixstatic.com/media/db038c_559f476c6a1b48c3ac965b4c0ab05449~mv2.png/v1/fill/w_94,h_97,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Scan%20QR.png)
The user scans a QR Code to start the ride
![Scan.png](https://static.wixstatic.com/media/db038c_52a24e108b384f1eb36a9bbbe3da8713~mv2.png/v1/fill/w_49,h_26,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Scan.png)
Once the user has started the ride, this will be the screen throughout his ride, to provide him with necessary details
A scooter will be allotted to the user only 2 hours prior to the pickup time requested
Allotted scooter's registration number displayed on screen
Here are the Problems faced by the users and 'How Might We' opportunities to tackle them
How Might We assist the user in locating and reaching the correct Vogo Zone?
PROBLEM:
- Users often have trouble finding the zone.
- Users arrive at the wrong location and find that there are no zones available.
The station finder feature shows images of the zone which assist the user in locating it. Also, the user is notified of the number of scooters that are available. By having the information available, the user will be able to complete the task without any difficulties.
![Pickup zone.png](https://static.wixstatic.com/media/db038c_7e4fc711899740e791ba18ae82abd333~mv2.png/v1/fill/w_119,h_142,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Pickup%20zone.png)
![SF 2.png](https://static.wixstatic.com/media/db038c_dfca2e977fce40e6839e40d97b4076f0~mv2.png/v1/fill/w_83,h_38,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/SF%202.png)
Initial design of the card
![Group 3 3.png](https://static.wixstatic.com/media/db038c_1bd308d6916841e3875d322d62a81d0f~mv2.png/v1/fill/w_83,h_28,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%203%203.png)
![Group 3.png](https://static.wixstatic.com/media/db038c_44fcfb51a0264663892ec937804db57b~mv2.png/v1/fill/w_83,h_28,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%203.png)
![Group 3 4.png](https://static.wixstatic.com/media/db038c_4404816cd7dc43ab85955262af529034~mv2.png/v1/fill/w_83,h_28,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%203%204.png)
The Cards after considering technical constraints
How Might We encourage the user to adapt seamlessly to the new product?
PROBLEM:
- Users are not familiar with how the new product works.
With the right documentation provided at the beginning of the process, they will have the ability to adapt and understand the product. The task of booking a scooter should be made easier by providing assistance wherever necessary.
![Main screen Info image Copy.png](https://static.wixstatic.com/media/db038c_6480def924bd47c4a7f5524e31c9e81b~mv2.png/v1/fill/w_66,h_116,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Main%20screen%20Info%20image%20Copy.png)
Option selected at the end
![Main screen 1 Copy.png](https://static.wixstatic.com/media/db038c_9c56b0a0739c405e8c5c6765eebee5d3~mv2.png/v1/fill/w_66,h_116,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Main%20screen%201%20Copy.png)
![Main screen loading Copy 6.png](https://static.wixstatic.com/media/db038c_20b8b2985c714dfb98d2c9bf67e36730~mv2.png/v1/fill/w_66,h_116,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Main%20screen%20loading%20Copy%206.png)
Options presented to the stakeholders
How Might We make the user feel flexible and in control?
PROBLEM:
- Users often have trouble finding the zone.
- Users arrive at the wrong location and find that there are no zones available.
Users will feel in control if they have the option to cancel, customize, or modify the booking wherever needed. The control was designed in such a way that the options should be easily accessible.
![Cancel or try another 1.png](https://static.wixstatic.com/media/db038c_81bf0ba1418e4696a0dabac8be05f295~mv2.png/v1/fill/w_66,h_116,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Cancel%20or%20try%20another%201.png)
![post booking confirmation 1 copy.png](https://static.wixstatic.com/media/db038c_24958e2eb3d94c2b941714b3217855e8~mv2.png/v1/fill/w_66,h_116,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/post%20booking%20confirmation%201%20copy.png)
Customer-friendly features that demonstrate flexibility