The SMART riding
companion App
The SMART riding
companion App
App Redesign Part-2
App Redesign Part-2
(Ride Module)
(Ride Module)
Project Objective
Project Objective
Project Objective
Redesigning the app to provide a seamless, user-friendly experience with smart safety features like Auto Crash Detection, SOS Beacon, and real-time ride analytics.
Redesigning the app to provide a seamless, user-friendly experience with smart safety features like Auto Crash Detection, SOS Beacon, and real-time ride analytics.
Timeline
Timeline
Timeline
2.5 Months
2.5 Months
2.5 Months
Team
Team
Team
1 Designer
1 Designer
1 Designer
1 PM
1 PM
1 PM
4 FE Developers
4 FE Developers
4 FE Developers
1 BE Developer
1 BE Developer
1 BE Developer
My Role
My Role
My Role
UX Research
UX Research
UX Research
Visual Design
Visual Design
Visual Design
Interaction Design
Interaction Design
Interaction Design
My Tools
My Tools
My Tools
Figma
Figma
Figma
Google Meet
Google Meet
Google Meet
Google Forms
Google Forms
Google Forms
Before we get started,
let's understand Quin
Before we get started,
let's understand Quin
Quin develops smart helmet technology with patented sensors that
detect impacts, alert emergency contacts, and provide real-time
ride analytics and much more.
Quin develops smart helmet technology with patented sensors that detect impacts, alert emergency contacts, and provide real-time ride analytics and much more.
Quin develops smart helmet technology with patented sensors that detect impacts, alert emergency contacts, and provide real-time ride analytics and much more.
The business requirement
The business requirement
The business requirement
Quin’s leadership identified a key gap—riders lacked a dedicated Ride Module for tracking, safety insights, and performance analysis. To enhance engagement and create a more connected experience, the goal was to integrate seamless ride tracking, real-time safety features, and post-ride analytics.
Quin’s leadership identified a key gap—riders lacked a dedicated Ride Module for tracking, safety insights, and performance analysis. To enhance engagement and create a more connected experience, the goal was to integrate seamless ride tracking, real-time safety features, and post-ride analytics.
Quin’s leadership identified a key gap—riders lacked a dedicated Ride Module for tracking, safety insights, and performance analysis. To enhance engagement and create a more connected experience, the goal was to integrate seamless ride tracking, real-time safety features, and post-ride analytics.
Enhance User Engagement
& Retention
Enhance User Engagement
& Retention
Enhance User Engagement & Retention
Improve Safety & Emergency
Response
Improve Safety & Emergency
Response
Improve Safety & Emergency
Response
Enable Data-Driven Insights
for Riders & Quin
Enable Data-Driven Insights for Riders & Quin
Enable Data-Driven Insights for Riders & Quin
The Problem Statement
The Problem Statement
The Problem Statement
The app currently doesn’t have a riding feature, leaving users without a way to track their rides, see real-time data. There’s no way to monitor speed, distance, or performance, making the ride feel disconnected.
The app currently doesn’t have a riding feature, leaving users without a way to track their rides, see real-time data. There’s no way to monitor speed, distance, or performance, making the ride feel disconnected.
The app currently doesn’t have a riding feature, leaving users without a way to track their rides, see real-time data. There’s no way to monitor speed, distance, or performance, making the ride feel disconnected.
Design Strategy
Design Strategy
Design Strategy
I begin by identifying business goals and user needs through research, interviews, and competitor analysis. Using these insights, I craft intuitive user flows for seamless ride tracking, ensuring the Ride Dashboard meets both user expectations and business objectives.
I begin by identifying business goals and user needs through research, interviews, and competitor analysis. Using these insights, I craft intuitive user flows for seamless ride tracking, ensuring the Ride Dashboard meets both user expectations and business objectives.
I begin by identifying business goals and user needs through research, interviews, and competitor analysis. Using these insights, I craft intuitive user flows for seamless ride tracking, ensuring the Ride Dashboard meets both user expectations and business objectives.
Collaborating for a Smarter Ride Experience
Collaborating for a Smarter Ride Experience
Collaborating for a Smarter Ride Experience
The first step was to work closely with internal stakeholders to gain a clear understanding of various business aspects and their specific needs.
The first step was to work closely with internal stakeholders to gain a clear understanding of various business aspects and their specific needs.
The first step was to work closely with internal stakeholders to gain a clear understanding of various business aspects and their specific needs.
Product Management emphasised the need for real-time ride insights to improve user engagement and drive app usage.
Safety Team highlighted the importance of Auto Crash Detection and SOS Beacon, ensuring quick access to safety features during rides.
User Support requested clear error handling and alerts for ride tracking disruptions to reduce support calls and improve the user experience.
Marketing stressed the need for detailed post-ride analytics and shareable performance insights to enhance user retention and attract new users.
This collaboration helped create a well-rounded Ride Module that effectively meets the needs of both the business and the users.
Product Management emphasised the need for real-time ride insights to improve user engagement and drive app usage.
Safety Team highlighted the importance of Auto Crash Detection and SOS Beacon, ensuring quick access to safety features during rides.
User Support requested clear error handling and alerts for ride tracking disruptions to reduce support calls and improve the user experience.
Marketing stressed the need for detailed post-ride analytics and shareable performance insights to enhance user retention and attract new users.
This collaboration helped create a well-rounded Ride Module that effectively meets the needs of both the business and the users.
Product Management emphasised the need for real-time ride insights to improve user engagement and drive app usage.
Safety Team highlighted the importance of Auto Crash Detection and SOS Beacon, ensuring quick access to safety features during rides.
User Support requested clear error handling and alerts for ride tracking disruptions to reduce support calls and improve the user experience.
Marketing stressed the need for detailed post-ride analytics and shareable performance insights to enhance user retention and attract new users.
This collaboration helped create a well-rounded Ride Module that effectively meets the needs of both the business and the users.
Understanding Our Riders
Understanding Our Riders
Understanding Our Riders
I begin by identifying business goals and user needs through research, interviews, and competitor analysis. Using these insights, I craft intuitive user flows for seamless ride tracking, ensuring the Ride Dashboard meets both user expectations and business objectives.
I begin by identifying business goals and user needs through research, interviews, and competitor analysis. Using these insights, I craft intuitive user flows for seamless ride tracking, ensuring the Ride Dashboard meets both user expectations and business objectives.
I begin by identifying business goals and user needs through research, interviews, and competitor analysis. Using these insights, I craft intuitive user flows for seamless ride tracking, ensuring the Ride Dashboard meets both user expectations and business objectives.
Collaborating for a Smarter Ride Experience
Collaborating for a Smarter Ride Experience
Collaborating for a Smarter Ride Experience
To design a rider-first experience, I combined quantitative & qualitative methods to uncover real pain points and expectations.
To design a rider-first experience, I combined quantitative & qualitative methods to uncover real pain points and expectations.
To design a rider-first experience, I combined quantitative & qualitative methods to uncover real pain points and expectations.
Survey Outreach (Existing & Potential Users)
Sent targeted questionnaires via email & sales contacts
Identified key user behaviours, preferences & challenges
In-Depth Interviews (10-12 Riders Across 5 Countries)
Connected with motorcyclists & cyclists from USA, France, UK, Germany, India
Explored what they think, do, and feel about ride tracking
Uncovered gaps in ride planning, tracking, and post-ride insights
Survey Outreach (Existing & Potential Users)
Sent targeted questionnaires via email & sales contacts
Identified key user behaviours, preferences & challenges
In-Depth Interviews (10-12 Riders Across 5 Countries)
Connected with motorcyclists & cyclists from USA, France, UK, Germany, India
Explored what they think, do, and feel about ride tracking
Uncovered gaps in ride planning, tracking, and post-ride insights
Survey Outreach (Existing & Potential Users)
Sent targeted questionnaires via email & sales contacts
Identified key user behaviours, preferences & challenges
In-Depth Interviews (10-12 Riders Across 5 Countries)
Connected with motorcyclists & cyclists from USA, France, UK, Germany, India
Explored what they think, do, and feel about ride tracking
Uncovered gaps in ride planning, tracking, and post-ride insights
To maintain a clean and concise experience, I've shared a glimpse of the key questions in thisTo maintain a clean and concise experience, I've shared a glimpse of the key questions in this drive link.
To maintain a clean and concise experience, I've shared a glimpse of the key questions in thisTo maintain a clean and concise experience, I've shared a glimpse of the key questions in this drive link.
To maintain a clean and concise experience, I've shared a glimpse of the key questions in thisTo maintain a clean and concise experience, I've shared a glimpse of the key questions in this drive link.
Overview of Responses
Overview of Responses
Please note that certain details within this portfolio have been intentionally generalized or summarized to align with confidentiality agreements or organizational policies that restrict the full disclosure of information.
Please note that certain details within this portfolio have been intentionally generalized or summarized to align with confidentiality agreements or organizational policies that restrict the full disclosure of information.
Understanding Our Rider
Understanding Our Rider
Understanding Our Rider
By analyzing interview responses and secondary research data, we developed a unified persona that encapsulates the core needs, behaviors, and expectations of our users.
By analyzing interview responses and secondary research data, we developed a unified persona that encapsulates the core needs, behaviors, and expectations of our users.
By analyzing interview responses and secondary research data, we developed a unified persona that encapsulates the core needs, behaviors, and expectations of our users.
After conducting thorough research and market analysis, I presented my findings to stakeholders, ensuring transparency and alignment. With the key features in mind, we worked on framing a functional user flow for the ride module.
After conducting thorough research and market analysis, I presented my findings to stakeholders, ensuring transparency and alignment. With the key features in mind, we worked on framing a functional user flow for the ride module.
We focused on creating a comprehensive yet intuitive ride feature flow that presents all essential ride information without overwhelming users. We ensured that critical features, such as real-time ride metrics and safety tools like SOS and Auto Crash Detection, are easily accessible at the right moments to deliver a seamless and secure experience.
We focused on creating a comprehensive yet intuitive ride feature flow that presents all essential ride information without overwhelming users. We ensured that critical features, such as real-time ride metrics and safety tools like SOS and Auto Crash Detection, are easily accessible at the right moments to deliver a seamless and secure experience.
From Planning to Performance: The Ride Flow Unfolded
From Planning to Performance: The Ride Flow Unfolded
From Planning to Performance: The Ride Flow Unfolded
Every ride begins with a destination—whether planned or spontaneous.
Every ride begins with a destination—whether planned or spontaneous.
Every ride begins with a destination—whether planned or spontaneous.
Ride Module
Ride Module
Ride Module
Save Route
Save Route
Save Route
Start Ride
Start Ride
Start Ride
Live Ride
Live Ride
Live Ride
Pause Ride
Pause Ride
Pause Ride
Save Ride
Save Ride
Save Ride
Post Ride Analytics
Post Ride Analytics
Post Ride Analytics
Pro Mode
Pro Mode
Pro Mode
Search
Destination
Search
Destination
Search
Destination
Select
Saved Route
Select
Saved Route
Select
Saved Route
Dsign in Action
Dsign in Action
Dsign in Action
Users can set a destination for guided navigation or start riding instantly for seamless tracking—catering to both planned routes and spontaneous rides. These options ensure flexibility, making the experience intuitive for all riding styles.
Integrated recent searches and saved destinations in the search bar for quick access, reducing friction and saving time by eliminating the need for retyping.
The ride planning screen displays distance, ETA, and trip duration for clear expectations. Weather, temperature, air quality, and wind speed provide crucial context, helping users adjust routes and prepare effectively for a safer, more informed ride.
Users can set a destination for guided navigation or start riding instantly for seamless tracking—catering to both planned routes and spontaneous rides. These options ensure flexibility, making the experience intuitive for all riding styles.
Integrated recent searches and saved destinations in the search bar for quick access, reducing friction and saving time by eliminating the need for retyping.
The ride planning screen displays distance, ETA, and trip duration for clear expectations. Weather, temperature, air quality, and wind speed provide crucial context, helping users adjust routes and prepare effectively for a safer, more informed ride.
Users can set a destination for guided navigation or start riding instantly for seamless tracking—catering to both planned routes and spontaneous rides. These options ensure flexibility, making the experience intuitive for all riding styles.
Integrated recent searches and saved destinations in the search bar for quick access, reducing friction and saving time by eliminating the need for retyping.
The ride planning screen displays distance, ETA, and trip duration for clear expectations. Weather, temperature, air quality, and wind speed provide crucial context, helping users adjust routes and prepare effectively for a safer, more informed ride.
A timer in the Start Ride menu gives users a brief window to cancel accidental ride starts, adding a layer of flexibility and ensuring a more user-friendly experience.
During a live ride, users can track key metrics—speed, distance, and time—while seamlessly following map navigation. This integrated view keeps essential ride data accessible without distractions or screen switching.
After completing a ride, users can name their ride for easy organization—ideal for tracking specific routes or training sessions. Key ride stats like average speed, duration, and distance are displayed upfront, offering instant performance insights without digging into detailed analytics. These enhancements make post-ride data more personalized, accessible, and engaging.
A timer in the Start Ride menu gives users a brief window to cancel accidental ride starts, adding a layer of flexibility and ensuring a more user-friendly experience.
During a live ride, users can track key metrics—speed, distance, and time—while seamlessly following map navigation. This integrated view keeps essential ride data accessible without distractions or screen switching.
After completing a ride, users can name their ride for easy organization—ideal for tracking specific routes or training sessions. Key ride stats like average speed, duration, and distance are displayed upfront, offering instant performance insights without digging into detailed analytics. These enhancements make post-ride data more personalized, accessible, and engaging.
A timer in the Start Ride menu gives users a brief window to cancel accidental ride starts, adding a layer of flexibility and ensuring a more user-friendly experience.
During a live ride, users can track key metrics—speed, distance, and time—while seamlessly following map navigation. This integrated view keeps essential ride data accessible without distractions or screen switching.
After completing a ride, users can name their ride for easy organization—ideal for tracking specific routes or training sessions. Key ride stats like average speed, duration, and distance are displayed upfront, offering instant performance insights without digging into detailed analytics. These enhancements make post-ride data more personalized, accessible, and engaging.
Visual Ride Overview: Polyline mapping displays start, end points, and impact alerts for a clear journey visualization.
Route Tracking: Users can retrace their path and identify key moments like safety alerts or stops.
Quick Access: Bookmark favourite rides for easy retrieval and route management.
Ride Sharing for Safety: Share ride details with trusted contacts for real-time safety tracking and emergency awareness.
Enhanced Experience: These features improve control, tracking, and overall user satisfaction.
Visual Ride Overview: Polyline mapping displays start, end points, and impact alerts for a clear journey visualization.
Route Tracking: Users can retrace their path and identify key moments like safety alerts or stops.
Quick Access: Bookmark favourite rides for easy retrieval and route management.
Ride Sharing for Safety: Share ride details with trusted contacts for real-time safety tracking and emergency awareness.
Enhanced Experience: These features improve control, tracking, and overall user satisfaction.
Visual Ride Overview: Polyline mapping displays start, end points, and impact alerts for a clear journey visualization.
Route Tracking: Users can retrace their path and identify key moments like safety alerts or stops.
Quick Access: Bookmark favourite rides for easy retrieval and route management.
Ride Sharing for Safety: Share ride details with trusted contacts for real-time safety tracking and emergency awareness.
Enhanced Experience: These features improve control, tracking, and overall user satisfaction.
Engaging Insights: The post-ride data section delivers detailed ride metrics like speed, distance, duration, and elevation.
Progress & Achievement: Instant performance insights motivate riders and create a sense of accomplishment.
Visual & Intuitive: Data is presented in a dynamic, easy-to-digest format for better accessibility.
Encouraging Growth: Users are inspired to track, improve, and share their rides.
Boosting Engagement: This approach enhances retention and fosters a more connected riding experience.
Engaging Insights: The post-ride data section delivers detailed ride metrics like speed, distance, duration, and elevation.
Progress & Achievement: Instant performance insights motivate riders and create a sense of accomplishment.
Visual & Intuitive: Data is presented in a dynamic, easy-to-digest format for better accessibility.
Encouraging Growth: Users are inspired to track, improve, and share their rides.
Boosting Engagement: This approach enhances retention and fosters a more connected riding experience.
Engaging Insights: The post-ride data section delivers detailed ride metrics like speed, distance, duration, and elevation.
Progress & Achievement: Instant performance insights motivate riders and create a sense of accomplishment.
Visual & Intuitive: Data is presented in a dynamic, easy-to-digest format for better accessibility.
Encouraging Growth: Users are inspired to track, improve, and share their rides.
Boosting Engagement: This approach enhances retention and fosters a more connected riding experience.
User Testing & Feedback
User Testing & Feedback
User Testing & Feedback
To make sure our design decisions were on point, we ran user testing with both new and existing users, watching how they interacted with the Ride module and collecting their thoughts to get a deeper understanding of their experience.
To make sure our design decisions were on point, we ran user testing with both new and existing users, watching how they interacted with the Ride module and collecting their thoughts to get a deeper understanding of their experience.
Key Findings & Design Adjustments:
Key Findings & Design Adjustments:
Optimizing the Ride Start Cancellation Buffer
The initial 10-second time buffer for canceling "Start Ride" was meant to give users enough time to back out if they started a ride by mistake. However, based on user feedback, we learned that the longer buffer felt unnecessary and slowed down the overall experience.
By reducing it to 3-5 seconds, we struck a balance between giving users a quick cancellation option without creating delays for those who are ready to ride.
The initial 10-second time buffer for canceling "Start Ride" was meant to give users enough time to back out if they started a ride by mistake. However, based on user feedback, we learned that the longer buffer felt unnecessary and slowed down the overall experience.
By reducing it to 3-5 seconds, we struck a balance between giving users a quick cancellation option without creating delays for those who are ready to ride.
Introducing Pro Mode for Dynamic Ride Data Exploration
Many users expressed the need for a dynamic, interactive map to view detailed data metrics at different points along their ride path. To meet this demand, we introduced a Pro Mode for premium members, allowing them to slide along the path and check metrics like speed, elevation, and time at any given point.
This decision was driven by the desire to offer deeper ride analysis and enhanced control over post-ride data.
Many users expressed the need for a dynamic, interactive map to view detailed data metrics at different points along their ride path. To meet this demand, we introduced a Pro Mode for premium members, allowing them to slide along the path and check metrics like speed, elevation, and time at any given point.
This decision was driven by the desire to offer deeper ride analysis and enhanced control over post-ride data.
Critical Analysis & Areas for Improvement
The introduction of the ride feature has led to a significant increase in user engagement, particularly with the dynamic map and detailed ride data. However, we've encountered an issue with battery consumption due to the active map, which causes faster battery drain during rides. To address this, we are currently conducting R&D on optimizing battery usage and exploring options that would allow users to toggle the map mode on and off, giving them more control over their experience without compromising performance. This adjustment will help balance engagement with efficiency, ensuring a better overall user experience.
Critical Analysis & Areas for Improvement
The introduction of the ride feature has led to a significant increase in user engagement, particularly with the dynamic map and detailed ride data. However, we've encountered an issue with battery consumption due to the active map, which causes faster battery drain during rides. To address this, we are currently conducting R&D on optimizing battery usage and exploring options that would allow users to toggle the map mode on and off, giving them more control over their experience without compromising performance. This adjustment will help balance engagement with efficiency, ensuring a better overall user experience.
5+
years of experience
6+
App Designs
8+
International Brands
4+
Website revamps
30%+
incrase in user engagement
5+
years of experience
6+
App Designs
8+
International Brands
4+
Website revamps
30%+
incrase in user engagement
5+
years of experience
6+
App Designs
8+
International Brands
4+
Website revamps
30%+
incrase in user engagement
Projects
More Crafted Experiences
More Crafted Experiences
More Crafted Experiences
Available for Work
Back to top
Back to top
Let's create
something
extraordinary
together.
Let’s make an impact
Devesh Kumar
UX/UI Designer
Contact me
medevesh090@gmail.com
+91 8790061001
Hit me up if you’re looking for a fast, reliable UI/UX designer who can bring your vision to life
Available for Work
Back to top
Back to top
Let's create
something
extraordinary
together.
Let’s make an impact
Devesh Kumar
UX/UI Designer
Contact me
medevesh090@gmail.com
+91 8790061001