Case Study

Ride On

Connecting Residents for Convenient Car Rentals. A Peer-to-Peer Vehicle Sharing Experience.

Role
Lead UX Designer
Timeline
Sep – Dec 2023
Duration
16 Weeks
Tools
Figma, Miro
Team
2 UX · 2 Dev
Ride On overview
Insight and Idea

The Problem

Urban mobility is often inaccessible and unaffordable for many, with car ownership burdens and public transportation limitations. Research reveals that 75% of urban residents cite affordability as a primary concern when choosing transportation options.

By addressing this pain point, we can create a more inclusive and sustainable mobility ecosystem.

Goal

The Vision

RideOn is a mobile peer-to-peer car sharing app connecting trusted neighbors and optimizing car utilization for affordable and sustainable mobility — targeting seamless, on-demand transportation access for 1 million users by 2025.

Through intuitive booking, insurance integration, and user ratings, RideOn streamlines car sharing logistics end to end.

Research

Understanding Rider Needs

To validate RideOn's concept, we conducted surveys with 500 urban residents. The findings shaped every design decision that followed.

80%
Cited affordability as primary transport concern
75%
Expressed interest in peer-to-peer car sharing
90%
Valued convenience and flexibility in transport
85%
Considered environmental impact when choosing
User Research

Who We Designed For

Our research identified three primary personas — all united by a desire for affordable, reliable, and flexible transportation.

🚘
Urban Commuter
Prioritizes convenience and affordability for daily travel
🌿
Eco-Conscious Parent
Values environmental sustainability and family-friendly options
🏫
Student on the Go
Requires flexible, affordable transportation on a tight budget
User persona Emily

User Persona — Emily, Urban Commuter

User persona secondary

User Persona — Secondary Persona

Journey Mapping

Current Customer Journey Pain Points

A customer journey map revealed critical friction at the consideration and decision stages — exactly where users were abandoning their search for transportation alternatives.

Customer journey pain points

Journey Map — Pain Points at Consideration and Decision Stages

What we found
01
Awareness
Users experience transportation frustrations and begin searching for alternatives
02
Consideration
Researching options, comparing costs and benefits, evaluating environmental impact
03
Decision
Seeking recommendations and evaluating trust before committing to a service
How we resolved it
Clear cost comparisons
Transparent pricing upfront so users never wonder what they will pay
Eco-friendly benefits highlighted
Carbon impact shown alongside cost to appeal to sustainability-minded users
Flexible convenient solutions
Hourly booking, neighborhood-based search, and streamlined checkout
Defining the Solution

User Journey Redesign

Current car rental solutions frustrate users with cumbersome interfaces, lengthy rental periods, and unclear pricing. Our platform streamlines the entire hourly car rental journey from search through return.

User journey map

User Journey Map — Search, Transportation, Booking, Driving, Return

Design Process

From Wireframes to High-Fidelity

Starting with low-fidelity wireframes in Figma and evolving through an iterative, user-centered process into a high-fidelity prototype. Every decision was grounded in research findings.

Seamless Onboarding
Seamless Onboarding
Create an account or sign in with Google. Location-based search for a seamless experience.
Wheels at Your Doorstep
Wheels at Your Doorstep
Select, schedule, and cruise with ease. Freedom to go, wherever, whenever.
Checkout Simplified
Checkout Simplified
Slide-to-pay for instant confirmation. Booking summary at your fingertips.
High-Fidelity Prototypes

Final UI Screens

The final prototype covers the complete user flow — from onboarding through vehicle selection, booking, and payment confirmation.

High fidelity mockups

High-Fidelity Mockups — Onboarding, Vehicle Selection, Confirmation

UI Flow

Screen Flow and Navigation

This prototype illustrates the interconnectedness of key screens, demonstrating a logical and user-friendly flow throughout the hourly car rental experience.

UI flow diagram

Figma UI Flow Diagram

Key Screen Connections
Onboarding → Search Vehicles
Search Vehicles → Booking Details
Booking Details → Payment
Payment → Confirmation
Confirmation → Dashboard
Key UX Features
User-centered design
Streamlined checkout
Clear pricing and terms
Intuitive navigation
Accessibility enhancements
Insurance integration

Want results like this for your product?

We turn complex user problems into clean, intuitive experiences that people actually want to use.