Car Cues
Car Cues
CarCues is a digital companion that bridges the car knowledge gap with age-inclusive design and simplified technical education.
CarCues is a digital companion that bridges the car knowledge gap with age-inclusive design and simplified technical education.
Context
Context
The rise in automotive tech brings complex features and jargon that many users struggle to understand. This knowledge gap can lead to uncertainty and poor decision-making when choosing a car.
The rise in automotive tech brings complex features and jargon that many users struggle to understand. This knowledge gap can lead to uncertainty and poor decision-making when choosing a car.
My Role
My Role
As the UX/UI Designer for this concept project, I led the full design process from research and persona creation to wireframing and visual design. I identified key user pain points like technical jargon and decision fatigue, then designed intuitive, age-inclusive interfaces that simplify car information and support confident decision-making
As the UX/UI Designer for this concept project, I led the full design process from research and persona creation to wireframing and visual design. I identified key user pain points like technical jargon and decision fatigue, then designed intuitive, age-inclusive interfaces that simplify car information and support confident decision-making
01
01
Identifying The Issues
Identifying The Issues
Design Process
Design Process
The CarCues project followed a user-centered, iterative design process starting from identifying the knowledge gap in car buying, empathizing with users, and defining key pain points. Through ideation, prototyping, and testing, I designed an inclusive and intuitive solution that simplifies technical car information for all age groups.
The CarCues project followed a user-centered, iterative design process starting from identifying the knowledge gap in car buying, empathizing with users, and defining key pain points. Through ideation, prototyping, and testing, I designed an inclusive and intuitive solution that simplifies technical car information for all age groups.
Journey Mapping
Journey Mapping
Journey Mapping
The journey map visualizes the full car buying process from research to booking, highlighting user emotions, actions, and pain points. It revealed common struggles like too many choices, confusing technical terms, and poor communication from dealers. These insights guided design decisions to simplify information, clarify car features, and support users with timely updates and intuitive guidance.
The journey map visualizes the full car buying process from research to booking, highlighting user emotions, actions, and pain points. It revealed common struggles like too many choices, confusing technical terms, and poor communication from dealers. These insights guided design decisions to simplify information, clarify car features, and support users with timely updates and intuitive guidance.
Competitive Analysis
Competitive Analysis
To gain a deeper understanding of the market landscape, I analyzed various car buying and information platforms. This competitive analysis helped uncover their strategies, UX patterns, and feature gaps. The findings directly influenced the design of CarCues, allowing me to craft a more user-focused and differentiated experience.
To gain a deeper understanding of the market landscape, I analyzed various car buying and information platforms. This competitive analysis helped uncover their strategies, UX patterns, and feature gaps. The findings directly influenced the design of CarCues, allowing me to craft a more user-focused and differentiated experience.
User Interview
User Interview
I conducted phone interviews with 7 ( seven) participants of different age groups to identify usability challenges in the car-buying process. The findings highlighted key pain points, decision-making hurdles, and information gaps, which informed the design of intuitive UI solutions to enhance user experience and streamline car selection.
I conducted phone interviews with 7 ( seven) participants of different age groups to identify usability challenges in the car-buying process. The findings highlighted key pain points, decision-making hurdles, and information gaps, which informed the design of intuitive UI solutions to enhance user experience and streamline car selection.
User Persona
User Persona
To ensure an inclusive and well-rounded understanding of user needs, I conducted interviews across two key age groups: 25 to 35 and 40 to 50 years old. The participants included both educated and partially educated individuals with varying levels of car knowledge. This diverse approach helped uncover a wide range of pain points from difficulty understanding technical specifications to a lack of trust in available information, allowing me to design more accessible and age-inclusive user experiences.
To ensure an inclusive and well-rounded understanding of user needs, I conducted interviews across two key age groups: 25 to 35 and 40 to 50 years old. The participants included both educated and partially educated individuals with varying levels of car knowledge. This diverse approach helped uncover a wide range of pain points from difficulty understanding technical specifications to a lack of trust in available information, allowing me to design more accessible and age-inclusive user experiences.
Empathy Mapping
Empathy Mapping
The empathy map helped me uncover key user struggles confusion over car specs, hesitation to ask questions, and frustration with vague online info. Users often rely on friends or YouTube but still feel overwhelmed.
These insights guided me to design a simpler, more supportive experience that builds clarity and confidence.
The empathy map helped me uncover key user struggles confusion over car specs, hesitation to ask questions, and frustration with vague online info. Users often rely on friends or YouTube but still feel overwhelmed.
These insights guided me to design a simpler, more supportive experience that builds clarity and confidence.
02
02
Ideation
Ideation
Brainstorming
Brain-storming
Using the "How Might We" approach, I translated user pain points into actionable ideas by mapping them into clear feature categories. I focused on simplifying complex information, making dealer communication more accessible, and reducing user effort through intuitive visuals and assistive tech. This structured ideation helped align solutions closely with real user needs.
Using the "How Might We" approach, I translated user pain points into actionable ideas by mapping them into clear feature categories. I focused on simplifying complex information, making dealer communication more accessible, and reducing user effort through intuitive visuals and assistive tech. This structured ideation helped align solutions closely with real user needs.
Information Architecture
Information Architecture
I designed a clear information architecture based on user needs, grouping features into Home, More, Chats, and Profile. This structure helps users easily explore cars, compare options, and access support with minimal effort.
I designed a clear information architecture based on user needs, grouping features into Home, More, Chats, and Profile. This structure helps users easily explore cars, compare options, and access support with minimal effort.
Wireframes
Wireframes
After defining the information architecture, I mapped out the user flow to understand the complete journey and interaction points. Based on that, I designed sample low-fidelity wireframes to visualize key screens, ensuring a smooth and intuitive experience aligned with user needs.
After defining the information architecture, I mapped out the user flow to understand the complete journey and interaction points. Based on that, I designed sample low-fidelity wireframes to visualize key screens, ensuring a smooth and intuitive experience aligned with user needs.
02
02
Visual styles
Visual styles
Typeface
Typeface
Roboto
Roboto
Regular
Regular
Medium
Medium
Bold
Bold
Grid
System
Grid
System
Column
Column
: 4
: 4
Gutter
Gutter
: 12
: 12
Margin
Margin
: 16
: 16
Colours
Colours
230245
230245
614281
614281
F4EFFD
F4EFFD
EAF0F9
EAF0F9
FFCB9C
FFCB9C
272727
272727
656A72
656A72
03
03
From Insight to Designs
From Insight to Designs
Sign Up
Sign Up
When designing the sign-up screen, I imagined Vijay a user unsure about digital platforms, hesitant to ask questions, and easily overwhelmed by complexity. So I focused on making his first step “feels simple and reassuring”. With clean inputs, minimal distractions, and easy login alternatives, the screen is designed to guide users effortlessly. It sets the tone for a platform that understands their needs from the very beginning.
When designing the sign-up screen, I imagined Vijay a user unsure about digital platforms, hesitant to ask questions, and easily overwhelmed by complexity. So I focused on making his first step “feels simple and reassuring”. With clean inputs, minimal distractions, and easy login alternatives, the screen is designed to guide users effortlessly. It sets the tone for a platform that understands their needs from the very beginning.
Home
Home
The home screen was crafted to give users a quick overview of the latest cars, their recent searches, and essential learning materials.
The home screen was crafted to give users a quick overview of the latest cars, their recent searches, and essential learning materials.
Things To Know
Things To Know
Research showed that first-time buyers often feel overwhelmed by car jargon, so I introduced a “Things to Know” section that simplifies key concepts through bite-sized, visual content. Following Jakob’s Law, I used familiar patterns from fitness apps, which aligned with user behavior observed during research.
Research showed that first-time buyers often feel overwhelmed by car jargon, so I introduced a “Things to Know” section that simplifies key concepts through bite-sized, visual content. Following Jakob’s Law, I used familiar patterns from fitness apps, which aligned with user behavior observed during research.
Overview
Overview
This screen is designed to provide users with a clear, engaging summary of a car model, supporting informed decision-making with minimal effort.
This screen is designed to provide users with a clear, engaging summary of a car model, supporting informed decision-making with minimal effort.
Features
Features
this screen is designed with efficiency, clarity, and ease of use in mind optimizing for quick decisions, especially on mobile, where time, space, and attention are limited.
this screen is designed with efficiency, clarity, and ease of use in mind optimizing for quick decisions, especially on mobile, where time, space, and attention are limited.
this screen is designed with efficiency, clarity, and ease of use in mind optimizing for quick decisions, especially on mobile, where time, space, and attention are limited.
Reviews
Reviews
This Reviews screen in the CarCues app is designed to help users quickly evaluate a car’s reputation through data-backed insights and community opinions, enhancing decision confidence.
This Reviews screen in the CarCues app is designed to help users quickly evaluate a car’s reputation through data-backed insights and community opinions, enhancing decision confidence.
Augmented Reality View
Augmented Reality View
AR view lets users visualize a life-sized car in their space, reducing ambiguity, aiding confident decisions, and boosting engagement through immersive interaction.
AR view lets users visualize a life-sized car in their space, reducing ambiguity, aiding confident decisions, and boosting engagement through immersive interaction.
Hey
Let’s Connect
Let’s Connect
If you're looking for a designer who blends
strategic thinking with refined craft, I’d love to hear from you.
If you're looking for a designer who blends
strategic thinking with refined craft, I’d love to hear from you.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 29.631 0 L 2.362 0 C 1.056 0 0 1.031 0 2.306 L 0 29.688 C 0 30.962 1.056 32 2.362 32 L 29.631 32 C 30.938 32 32 30.962 32 29.694 L 32 2.306 C 32 1.031 30.938 0 29.631 0 Z M 9.494 27.269 L 4.744 27.269 L 4.744 11.994 L 9.494 11.994 Z M 7.119 9.912 C 5.594 9.912 4.363 8.681 4.363 7.162 C 4.363 5.644 5.594 4.412 7.119 4.412 C 8.638 4.412 9.869 5.644 9.869 7.162 C 9.869 8.675 8.638 9.912 7.119 9.912 Z M 27.269 27.269 L 22.525 27.269 L 22.525 19.844 C 22.525 18.075 22.494 15.794 20.056 15.794 C 17.588 15.794 17.213 17.725 17.213 19.719 L 17.213 27.269 L 12.475 27.269 L 12.475 11.994 L 17.025 11.994 L 17.025 14.081 L 17.088 14.081 C 17.719 12.881 19.269 11.613 21.575 11.613 C 26.381 11.613 27.269 14.775 27.269 18.888 L 27.269 27.269 Z" fill="rgb(255, 255, 255)" height="32px" id="Q6uNwSobm" width="32px"/></svg>)