Design a vehicle-sharing experience that is seamless, intuitive, easy-to-use, and delightful, taking into account three different types of vehicles and two different types of booking flows.
We surveyed and interviewed Envoy’s target users to understand the problems that users had experienced with car and ride-sharing services.
We found that users valued affordability, quality, and ease of use. They believed ride-share services were too expensive and inflexible and that car sharing apps weren’t convenient enough for daily use.
I want to find an affordable, high quality, and easy to use ride-service to run daily errands.
Step Two
Standing Out From the Competition
We learned that users really enjoyed the simplicity of ride-sharing apps in comparison to car-sharing apps so we aimed to simplify our experience similarly.
We also wanted the UI to feel fun and exciting to energize users when interacting with the brand but still feel intuitive.
Step Three
A Product the Client Loves
We worked as an extension to the Envoy team and made sure they were a part of the process from start to finish. In addition to our weekly check-in meetings with our stakeholders and development team, we ran a series of workshops to foster collaboration and transparenc. These workshops included whiteboarding sessions and product roadmap card sorting.
Distilling a Complex System
Step Four
User Flows
It was crucial for us to map out the paths that users would take to accomplish their goals prior to starting any designs. We needed to consider the edge cases that could occur with car rental experiences. Our goal was to make a complex system seem simple and intuitive for users.
Step Five
From Sketches to Wireframes to Final Designs:
Iterations were an important part of our design process. See below how we moved from sketches, to wireframes, to the final Hi-Fi designs through paper and digital prototyping.
Step Six
A Visually Striking Application:
We amplified Envoy’s current branding to design a vibrant and visually exciting app that was also balanced by good use of whitespace and clear calls-to-action.
A detailed design system was created to provide consistency for the user, efficiency for the development team, and easy maintenance for the client.
Key Features
Feature 1
Book in Two Steps
If a user is within the geo-fence of a community when they open the app, a list of available vehicles automatically appear allowing the user to book a vehicle in two steps.
Feature 2
Three Vehicle Types
We added in the ability to easily navigate to the three types of vehicles that Envoy offers: Cars, Scooters, and Bikes.
Feature 3
Flexible Reservations
Since flexibility was a necessary requirement for our target users, we designed a reservation system that handles booking for now or the future.
Feature 4
Grab and Go With QR Code
We designed the option for a user to simply scan a barcode and book any vehicle. This flow also allows busy users the ability to book a vehicle in two steps.
Feature 5
Your Phone is Your Key
The “car key” stays sticky at the bottom of the screen to allow for a comfortable thumb position when users lock and unlock the vehicle, honk a horn, turn on lights, or open the trunk.
Outcomes
We visually enhanced Envoy’s current app experience and added a long list of new features without taking away its simplicity. As a part of our efforts to create a seamless booking experience, we reduced the number of steps to book a vehicle in two steps.
Before
After
We balanced the needs of the stakeholders and development team while keeping the product user-centric.
ARE YOU ON THE RIGHT TRACK?
It’s in our name. Digital Karma likes to see products thrive and people succeed. We can help you reach your goals.