UI UX Case Study
UI UX Case Study
UI UX Case Study
RideOn: Your smart, affordable commute solution.
RideOn: Your smart, affordable commute solution.
RideOn: Your smart,
affordable commute solution.
Designed By - Omprakash K.
Designed By - Omprakash K.
Designed By - Omprakash K.
Context
Context
Context
Where Commutes Meet Innovation
Where Commutes Meet Innovation
Where Commutes Meet Innovation
Many people struggle with daily travel because of traffic, high fuel costs, and not having an easy way to move around for short distances. RideOn is designed to solve this by offering a simple and smart app that lets users rent electric cycles quickly. It helps save time, money, and reduces pollution, making daily travel easier and greener.
Many people struggle with daily travel because of traffic, high fuel costs, and not having an easy way to move around for short distances. RideOn is designed to solve this by offering a simple and smart app that lets users rent electric cycles quickly. It helps save time, money, and reduces pollution, making daily travel easier and greener.
Many people struggle with daily travel because of traffic, high fuel costs, and not having an easy way to move around for short distances. RideOn is designed to solve this by offering a simple and smart app that lets users rent electric cycles quickly. It helps save time, money, and reduces pollution, making daily travel easier and greener.
problem statement
problem statement
problem statement
Why Getting to the Destination Is Still Hard
Why Getting to the Destination Is Still Hard
Why Getting to the Destination Is Still Hard
People trying to travel short distances everyday deal with heavy traffic, rising transportation costs and lack of easy transport options and public transit is not always accessible or comfortable and many struggle with wasted time and frustration.
People trying to travel short distances everyday deal with heavy traffic, rising transportation costs and lack of easy transport options and public transit is not always accessible or comfortable and many struggle with wasted time and frustration.
People trying to travel short distances everyday deal with heavy traffic, rising transportation costs and lack of easy transport options and public transit is not always accessible or comfortable and many struggle with wasted time and frustration.
the solution
the solution
the solution
Bridging the Unfinished Journey
Bridging the Unfinished Journey
Bridging the Unfinished Journey
To address the challenges of daily short-distance travel, I propose an idea for creating a simple, user-friendly electric cycle rental app that:
Allows commuters to quickly locate nearby electric cycles using GPS
Enables easy unlocking of cycles through the app without physical keys
Offers flexible rental options such as pay-per-ride, daily, or monthly subscriptions
Provides real-time availability and cycle status to avoid delays
To address the challenges of daily short-distance travel, I propose an idea for creating a simple, user-friendly electric cycle rental app that:
Allows commuters to quickly locate nearby electric cycles using GPS
Enables easy unlocking of cycles through the app without physical keys
Offers flexible rental options such as pay-per-ride, daily, or monthly subscriptions
Provides real-time availability and cycle status to avoid delays
To address the challenges of daily short-distance travel, I propose an idea for creating a simple, user-friendly electric cycle rental app that:
Allows commuters to quickly locate nearby electric cycles using GPS
Enables easy unlocking of cycles through the app without physical keys
Offers flexible rental options such as pay-per-ride, daily, or monthly subscriptions
Provides real-time availability and cycle status to avoid delays
the story
the story
the story
Where the Journey Begins
Where the Journey Begins
Where the Journey Begins
I noticed that many people around me were struggling with short daily commutes stuck in traffic, spending too much on transport, or walking long distances. After talking to a few regular commuters, I realized there was a real need for a faster, cheaper, and easier way to travel short distances.
That’s when I came up with the idea for RideOn an app that lets people rent electric cycles quickly and affordably. I focused on designing a smooth and simple user experience that makes daily travel more convenient, cost-effective, and eco-friendly.
I noticed that many people around me were struggling with short daily commutes stuck in traffic, spending too much on transport, or walking long distances. After talking to a few regular commuters, I realized there was a real need for a faster, cheaper, and easier way to travel short distances.
That’s when I came up with the idea for RideOn an app that lets people rent electric cycles quickly and affordably. I focused on designing a smooth and simple user experience that makes daily travel more convenient, cost-effective, and eco-friendly.
I noticed that many people around me were struggling with short daily commutes stuck in traffic, spending too much on transport, or walking long distances. After talking to a few regular commuters, I realized there was a real need for a faster, cheaper, and easier way to travel short distances.
That’s when I came up with the idea for RideOn an app that lets people rent electric cycles quickly and affordably. I focused on designing a smooth and simple user experience that makes daily travel more convenient, cost-effective, and eco-friendly.
Project Overview
Project Overview
Project Overview
My Role
My Role
My Role
Solo Designer & Researcher
Solo Designer & Researcher
Solo Designer & Researcher
Tools
Tools
Tools
Figma, Google Docs
Figma, Google Docs
Figma, Google Docs
Project Duration
Project Duration
Project Duration
1 month
1 month
1 month
Project Timeline
Project Timeline
Project Timeline
Design thinking process
Design thinking process
Design thinking process
It is the iterative journey of understanding user needs and refining designs for seamless user interactions
It is the iterative journey of understanding user needs and refining designs for seamless user interactions
1. Empathize
I started by understanding the real problems people face during short daily commutes. I spoke with office-goers, students, and workers to learn about their struggles with traffic, transport costs, and last-mile travel.
2. Define
From this research, I defined the main problem: people need a fast, affordable, and easy way to travel short distances, especially from metro stations or bus stops to their destinations.
3. Ideate
I brainstormed different ideas and choose a smart solution an electric cycle rental app that people can use to quickly rent and ride a cycle without hassle.
4. Prototype
I designed app wireframes and user flows to show how the app would work from locating a cycle to unlocking, riding, and parking it easily.
5. Test
Performed self-testing through a step-by-step walkthrough to simulate user experience and identify pain points.
1. Empathize
I started by understanding the real problems people face during short daily commutes. I spoke with office-goers, students, and workers to learn about their struggles with traffic, transport costs, and last-mile travel.
2. Define
From this research, I defined the main problem: people need a fast, affordable, and easy way to travel short distances, especially from metro stations or bus stops to their destinations.
3. Ideate
I brainstormed different ideas and choose a smart solution an electric cycle rental app that people can use to quickly rent and ride a cycle without hassle.
4. Prototype
I designed app wireframes and user flows to show how the app would work from locating a cycle to unlocking, riding, and parking it easily.
5. Test
Performed self-testing through a step-by-step walkthrough to simulate user experience and identify pain points.
1. Empathize
I started by understanding the real problems people face during short daily commutes. I spoke with office-goers, students, and workers to learn about their struggles with traffic, transport costs, and last-mile travel.
2. Define
From this research, I defined the main problem: people need a fast, affordable, and easy way to travel short distances, especially from metro stations or bus stops to their destinations.
3. Ideate
I brainstormed different ideas and choose a smart solution an electric cycle rental app that people can use to quickly rent and ride a cycle without hassle.
4. Prototype
I designed app wireframes and user flows to show how the app would work from locating a cycle to unlocking, riding, and parking it easily.
5. Test
Performed self-testing through a step-by-step walkthrough to simulate user experience and identify pain points.
research
research
research
Primary Research Approach - RideOn
Primary Research Approach - RideOn
Primary Research Approach - RideOn
To understand the real challenges people face with daily short-distance travel, I conducted primary research using the following methods:
1. User Interviews
I interviewed 10+ daily commuters, including office workers, students, and metro users. I asked about their daily travel routines, the problems they face, and what kind of solution they would prefer.
2. Field Observations
I visited metro stations and nearby areas to observe how people commute after exiting the metro. I noted common behaviors, pain points, and how long it took to reach their final destination.
To understand the real challenges people face with daily short-distance travel, I conducted primary research using the following methods:
1. User Interviews
I interviewed 10+ daily commuters, including office workers, students, and metro users. I asked about their daily travel routines, the problems they face, and what kind of solution they would prefer.
2. Field Observations
I visited metro stations and nearby areas to observe how people commute after exiting the metro. I noted common behaviors, pain points, and how long it took to reach their final destination.
To understand the real challenges people face with daily short-distance travel, I conducted primary research using the following methods:
1. User Interviews
I interviewed 10+ daily commuters, including office workers, students, and metro users. I asked about their daily travel routines, the problems they face, and what kind of solution they would prefer.
2. Field Observations
I visited metro stations and nearby areas to observe how people commute after exiting the metro. I noted common behaviors, pain points, and how long it took to reach their final destination.
research
research
research
Target Audience
Target Audience
Target Audience
The RideOn app is designed for people who travel short distances daily and are looking for a faster, affordable, and eco-friendly way to commute. The main target users include:
Office Workers
Professionals who travel between metro stations and workplaces and want to save time and avoid traffic.
College Students
Students commuting to and from campuses who need a budget-friendly and flexible travel option.Daily Metro and Bus Commuters
People who regularly use public transport and need an easy solution for last-mile connectivity.Delivery Personnel & Freelancers
Individuals who move around the city for work and benefit from quick and cost-effective short rides.
The RideOn app is designed for people who travel short distances daily and are looking for a faster, affordable, and eco-friendly way to commute. The main target users include:
Office Workers
Professionals who travel between metro stations and workplaces and want to save time and avoid traffic.
College Students
Students commuting to and from campuses who need a budget-friendly and flexible travel option.Daily Metro and Bus Commuters
People who regularly use public transport and need an easy solution for last-mile connectivity.Delivery Personnel & Freelancers
Individuals who move around the city for work and benefit from quick and cost-effective short rides.
The RideOn app is designed for people who travel short distances daily and are looking for a faster, affordable, and eco-friendly way to commute. The main target users include:
Office Workers
Professionals who travel between metro stations and workplaces and want to save time and avoid traffic.
College Students
Students commuting to and from campuses who need a budget-friendly and flexible travel option.Daily Metro and Bus Commuters
People who regularly use public transport and need an easy solution for last-mile connectivity.Delivery Personnel & Freelancers
Individuals who move around the city for work and benefit from quick and cost-effective short rides.
swot analysis
swot analysis
swot analysis
Strengths
Strengths
Strengths
Affordable and flexible pricing with multiple subscription options
User-friendly mobile app for quick access and hassle-free experience
Great for short distances and last-mile connectivity
Reduces traffic congestion and helps save commuting time
Affordable and flexible pricing with multiple subscription options
User-friendly mobile app for quick access and hassle-free experience
Great for short distances and last-mile connectivity
Reduces traffic congestion and helps save commuting time
Affordable and flexible pricing with multiple subscription options
User-friendly mobile app for quick access and hassle-free experience
Great for short distances and last-mile connectivity
Reduces traffic congestion and helps save commuting time
swot analysis
swot analysis
swot analysis
Weaknesses
Weaknesses
Weaknesses
Maintenance and charging needs for electric cycles
Dependency on smartphone and internet access
Weather conditions may affect usage and demand
Potential misuse or damage to the cycles
Maintenance and charging needs for electric cycles
Dependency on smartphone and internet access
Weather conditions may affect usage and demand
Potential misuse or damage to the cycles
Maintenance and charging needs for electric cycles
Dependency on smartphone and internet access
Weather conditions may affect usage and demand
Potential misuse or damage to the cycles
swot analysis
swot analysis
swot analysis
Opportunities
Opportunities
Opportunities
Expansion to more cities and transit hubs
Partnerships with metro and public transport systems
In-app features like health tracking or gamification
Corporate plans for offices and institutions
Expansion to more cities and transit hubs
Partnerships with metro and public transport systems
In-app features like health tracking or gamification
Corporate plans for offices and institutions
Expansion to more cities and transit hubs
Partnerships with metro and public transport systems
In-app features like health tracking or gamification
Corporate plans for offices and institutions
swot analysis
swot analysis
swot analysis
Threats
Threats
Threats
Competition from other rental or mobility platforms
Theft or vandalism of public-use cycles
Fluctuations in user demand due to weather or holidays
High initial investment in infrastructure and cycle units
Competition from other rental or mobility platforms
Theft or vandalism of public-use cycles
Fluctuations in user demand due to weather or holidays
High initial investment in infrastructure and cycle units
Competition from other rental or mobility platforms
Theft or vandalism of public-use cycles
Fluctuations in user demand due to weather or holidays
High initial investment in infrastructure and cycle units
User persona
User persona
Rahul Mehta
Age: 30
IT Professional
Location: Urban area
Needs
A quick and affordable way to get from the metro station to his office.
A hassle-free app with a simple booking and payment process.
Availability of cycles near metro stations during peak hours.
Pain Points
Wasting 15–20 minutes daily waiting for autos or walking in traffic.
Lack of secure and consistent transport options for the last mile.
Surge pricing and unavailability of ride options during office hours.
Rahul Mehta
Age: 30
IT Professional
Location: Urban area
Needs
A quick and affordable way to get from the metro station to his office.
A hassle-free app with a simple booking and payment process.
Availability of cycles near metro stations during peak hours.
Pain Points
Wasting 15–20 minutes daily waiting for autos or walking in traffic.
Lack of secure and consistent transport options for the last mile.
Surge pricing and unavailability of ride options during office hours.
Rahul Mehta
Age: 30
IT Professional
Location: Urban area
Needs
A quick and affordable way to get from the metro station to his office.
A hassle-free app with a simple booking and payment process.
Availability of cycles near metro stations during peak hours.
Pain Points
Wasting 15–20 minutes daily waiting for autos or walking in traffic.
Lack of secure and consistent transport options for the last mile.
Surge pricing and unavailability of ride options during office hours.
User persona
User persona
Ananya Roy
Age: 20
University Student
Location: Urban area
Needs
A cheap and easy way to get to college on time.
An app with a fast booking experience and student-friendly pricing.
A safe and light vehicle she can ride in her college area.
Pain Points
No clear info about ride cost before booking.
Uncertainty about cycle battery status before starting the ride.
Doesn’t always know where to find the nearest available cycle.
Ananya Roy
Age: 20
University Student
Location: Urban area
Needs
A cheap and easy way to get to college on time.
An app with a fast booking experience and student-friendly pricing.
A safe and light vehicle she can ride in her college area.
Pain Points
No clear info about ride cost before booking.
Uncertainty about cycle battery status before starting the ride.
Doesn’t always know where to find the nearest available cycle.
Ananya Roy
Age: 20
University Student
Location: Urban area
Needs
A cheap and easy way to get to college on time.
An app with a fast booking experience and student-friendly pricing.
A safe and light vehicle she can ride in her college area.
Pain Points
No clear info about ride cost before booking.
Uncertainty about cycle battery status before starting the ride.
Doesn’t always know where to find the nearest available cycle.
Project's Goal
Project's Goal
Project's Goal
One Tap to a Smoother Journey
One Tap to a Smoother Journey
One Tap to a Smoother Journey
To create an easy-to-use electric cycle rental app that helps daily commuters save time, reduce travel costs, and avoid traffic by offering a fast, eco-friendly way to complete short-distance journeys.
The goal is to improve last-mile connectivity for people who rely on metro and public transport by providing a convenient option right at their fingertips.
To create an easy-to-use electric cycle rental app that helps daily commuters save time, reduce travel costs, and avoid traffic by offering a fast, eco-friendly way to complete short-distance journeys.
The goal is to improve last-mile connectivity for people who rely on metro and public transport by providing a convenient option right at their fingertips.
To create an easy-to-use electric cycle rental app that helps daily commuters save time, reduce travel costs, and avoid traffic by offering a fast, eco-friendly way to complete short-distance journeys.
The goal is to improve last-mile connectivity for people who rely on metro and public transport by providing a convenient option right at their fingertips.
task flow
task flow
task flow
user flow
user flow
user flow
information architecture
information architecture
information architecture
Sketching
Sketching
Sketching
wireframes
wireframes
wireframes
Design system
Design system
Design system
Typography -
Typography -
Typography -
Inter
Inter
Inter
RideOn
RideOn
RideOn
Inter was chosen for its clean, modern look and high readability on screens. It keeps the design simple, clear, and user-friendly, aligning perfectly with the app’s digital-first experience.
Inter was chosen for its clean, modern look and high readability on screens. It keeps the design simple, clear, and user-friendly, aligning perfectly with the app’s digital-first experience.
Inter was chosen for its clean, modern look and high readability on screens. It keeps the design simple, clear, and user-friendly, aligning perfectly with the app’s digital-first experience.
Regular
Regular
Regular
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
R
R
R
Medium
Medium
Medium
R
R
R
SemiBold
SemiBold
SemiBold
R
R
R
Bold
Bold
Bold
10 px
10 px
10 px
12 px
12 px
12 px
14 px
14 px
14 px
16 px
16 px
16 px
20 px
20 px
20 px
24 px
24 px
24 px
36 px
36 px
36 px
R
R
R
Colors
Colors
Colors
#EEE5DA
#EEE5DA
#262424
#262424
#000000
#000000
#55FF42
#55FF42
#FFFFFF
#FFFFFF
Grid Layout
Grid Layout
Grid Layout
Columns: 4
Columns: 4
margin: 20
margin: 20
Gutter: 20
Gutter: 20
412 px
412 px
412 px
917 px
917 px
917 px
Final Designs
Final Designs
Final Designs
Onboarding Screens
Onboarding Screens
Home Screen
Home Screen
Designed for speed,
Designed for speed,
Designed for speed,
built for simplicity.
built for simplicity.
built for simplicity.
Find a Ride
Find a Ride
Book a Ride
Book a Ride
Ride Navigation
Ride Navigation
all screens
all screens
Prototype
Prototype
For the full experience, go full screen let the design breathe and the journey unfold!
For the full experience, go full screen let the design breathe and the journey unfold!
conclusion
conclusion
conclusion
Unlocking convenience for your everyday commute.
Unlocking convenience for your everyday commute.
Unlocking convenience for your everyday commute.
RideOn is designed to solve real problems faced by daily commuters like traffic, time loss, and high travel costs by offering a smart, eco-friendly electric cycle rental solution. It makes short-distance travel easier, quicker, and more affordable.
RideOn is designed to solve real problems faced by daily commuters like traffic, time loss, and high travel costs by offering a smart, eco-friendly electric cycle rental solution. It makes short-distance travel easier, quicker, and more affordable.
RideOn is designed to solve real problems faced by daily commuters like traffic, time loss, and high travel costs by offering a smart, eco-friendly electric cycle rental solution. It makes short-distance travel easier, quicker, and more affordable.
Learnings
Learnings
Learnings
Designs, Discoveries, and Growth
Designs, Discoveries, and Growth
Designs, Discoveries, and Growth
Understanding Users Behavior is Crucial
Watching real commuters revealed needs and frustrations surveys missed, like fast access and last-mile issues.
Keep Design Simple
Users want quick, easy experiences, so focusing on key actions is essential.
Iteration is the Key to Progress
Testing prototypes showed gaps early ideas missed—staying flexible and refining is crucial.
Understanding Users Behavior is Crucial
Watching real commuters revealed needs and frustrations surveys missed, like fast access and last-mile issues.
Keep Design Simple
Users want quick, easy experiences, so focusing on key actions is essential.
Iteration is the Key to Progress
Testing prototypes showed gaps early ideas missed—staying flexible and refining is crucial.
Understanding Users Behavior is Crucial
Watching real commuters revealed needs and frustrations surveys missed, like fast access and last-mile issues.
Keep Design Simple
Users want quick, easy experiences, so focusing on key actions is essential.
Iteration is the Key to Progress
Testing prototypes showed gaps early ideas missed—staying flexible and refining is crucial.
scope of improvements
scope of improvements
scope of improvements
Improving the Ride Ahead
Improving the Ride Ahead
Improving the Ride Ahead
Smart Docking system:
A Smart Docking System is an intelligent parking and locking infrastructure that securely manages the physical and digital aspects of bike parking, charging, and availability all in real-time.
Ride Scheduling Feature:
Allow users to pre-book cycles for a specific time, especially during peak hours. This can reduce uncertainty and improve planning.
Partnership with Local Businesses:
Collaborate with cafés, gyms, or co-working spaces to offer discounts or parking benefits for RideOn users. This promotes the local economy and app usage.
Smart Docking system:
A Smart Docking System is an intelligent parking and locking infrastructure that securely manages the physical and digital aspects of bike parking, charging, and availability all in real-time.
Ride Scheduling Feature:
Allow users to pre-book cycles for a specific time, especially during peak hours. This can reduce uncertainty and improve planning.
Partnership with Local Businesses:
Collaborate with cafés, gyms, or co-working spaces to offer discounts or parking benefits for RideOn users. This promotes the local economy and app usage.
Smart Docking system:
A Smart Docking System is an intelligent parking and locking infrastructure that securely manages the physical and digital aspects of bike parking, charging, and availability all in real-time.
Ride Scheduling Feature:
Allow users to pre-book cycles for a specific time, especially during peak hours. This can reduce uncertainty and improve planning.
Partnership with Local Businesses:
Collaborate with cafés, gyms, or co-working spaces to offer discounts or parking benefits for RideOn users. This promotes the local economy and app usage.
Thank You!
Thank You!
Thank You!
- a note of gratitude for you, the reader!
- a note of gratitude for you, the reader!
- a note of gratitude for you, the reader!