In the final stages of development for an all-terrain electric smart vehicle, I joined a talented multidisciplinary team to refine and implement its digital interface. With my team, I created a high-fidelity, user-centered design system that could adapt across multiple screens—enhancing functionality, elevating aesthetics, and driving adoption.
In the final stages of development for an all-terrain electric smart vehicle, I joined a talented multidisciplinary team to refine and implement its digital interface. With my team, I created a high-fidelity, user-centered design system that could adapt across multiple screens—enhancing functionality, elevating aesthetics, and driving adoption.
In the final stages of development for an all-terrain electric smart vehicle, I joined a talented multidisciplinary team to refine and implement its digital interface. With my team, I created a high-fidelity, user-centered design system that could adapt across multiple screens—enhancing functionality, elevating aesthetics, and driving adoption.
[Read More on Forbes →]
Product
Vehicle Interface
Infotainment System
Vehicle Interface
Infotainment System
Skills & Software
Figma
User Research
Usability Testing
Competitive Analysis
Branding
Figma
User Research
Usability Testing
Competitive Analysis
Branding
My Role
UI Design Lead
UI Design Lead
Project Timeline
Q3 2024
Q3 2024
Collaborators
Jiwon Lee, Preetika Gulati, Josh Lu
Jiwon Lee, Preetika Gulati, Josh Lu
The Challenge
Balancing form and function is always a core challenge in product design—but when the product is a fully electric, all-terrain vehicle designed to operate in both urban and off-road environments, the stakes are higher.
We were tasked with designing an interface that was intuitive enough for new users, powerful enough for expert drivers, and flexible enough to integrate with embedded systems and heads-up displays.
Even as a team brought in during late-stage development, we grounded our design decisions in user-centered research and iterative feedback loops. We inherited early usability data and supplemented it by coordinating with engineers, industrial designers, and key product stakeholders.
The Challenge
Balancing form and function is always a core challenge in product design—but when the product is a fully electric, all-terrain vehicle designed to operate in both urban and off-road environments, the stakes are higher.
We were tasked with designing an interface that was intuitive enough for new users, powerful enough for expert drivers, and flexible enough to integrate with embedded systems and heads-up displays.
Even as a team brought in during late-stage development, we grounded our design decisions in user-centered research and iterative feedback loops. We inherited early usability data and supplemented it by coordinating with engineers, industrial designers, and key product stakeholders.
The Challenge
Balancing form and function is always a core challenge in product design—but when the product is a fully electric, all-terrain vehicle designed to operate in both urban and off-road environments, the stakes are higher.
We were tasked with designing an interface that was intuitive enough for new users, powerful enough for expert drivers, and flexible enough to integrate with embedded systems and heads-up displays.
Even as a team brought in during late-stage development, we grounded our design decisions in user-centered research and iterative feedback loops. We inherited early usability data and supplemented it by coordinating with engineers, industrial designers, and key product stakeholders.
Usability Focal points
Usability Focal points
Cross-functional Syncs
Regular design-engineering handoffs ensured that our visuals aligned with technical constraints.
Regular design-engineering handoffs ensured that our visuals aligned with technical constraints.
Regular design-engineering handoffs ensured that our visuals aligned with technical constraints.
Component-Level Feedback
Working with industrial designers, we developed screen interactions to mirror physical components like toggles, knobs, and touch displays.
Working with industrial designers, we developed screen interactions to mirror physical components like toggles, knobs, and touch displays.
Working with industrial designers, we developed screen interactions to mirror physical components like toggles, knobs, and touch displays.
Real-World Considerations
Real-World Considerations
From screen glare to glove-based interactions, we designed for on-the-ground usability, and testing was carried out in conjunction with each handoff in order to efficiently meet product goals and make our delivery date.
From screen glare to glove-based interactions, we designed for on-the-ground usability, and testing was carried out in conjunction with each handoff in order to efficiently meet product goals and make our delivery date.
From screen glare to glove-based interactions, we designed for on-the-ground usability, and testing was carried out in conjunction with each handoff in order to efficiently meet product goals and make our delivery date.
Research
Research
Design
Style Guide & Breakdown
Style Guide & Breakdown
Making adjustments to the existing concepts for accessibility, we emerged with a design system rooted in clean iconography, modern typography, and a sleek, tech-forward color palette that also lent itself to the TYR brand’s adventurous and nature-loving identity.
Our process moved quickly but deliberately, with focused design sprints aimed at tightening visual consistency and enhancing user experience across core flows. We started with wireframes and refined them into sleek, production-ready UI components.
Making adjustments to the existing concepts for accessibility, we emerged with a design system rooted in clean iconography, modern typography, and a sleek, tech-forward color palette that also lent itself to the TYR brand’s adventurous and nature-loving identity.
Our process moved quickly but deliberately, with focused design sprints aimed at tightening visual consistency and enhancing user experience across core flows. We started with wireframes and refined them into sleek, production-ready UI components.
Making adjustments to the existing concepts for accessibility, we emerged with a design system rooted in clean iconography, modern typography, and a sleek, tech-forward color palette that also lent itself to the TYR brand’s adventurous and nature-loving identity.
Our process moved quickly but deliberately, with focused design sprints aimed at tightening visual consistency and enhancing user experience across core flows. We started with wireframes and refined them into sleek, production-ready UI components.
Takeaways
Takeaways
Joining a project at the tail end of development doesn’t mean settling for surface-level changes. In fact, it taught me how to work strategically, fast, and collaboratively—bringing design thinking to a highly technical, fast-paced environment.
Joining a project at the tail end of development doesn’t mean settling for surface-level changes. In fact, it taught me how to work strategically, fast, and collaboratively—bringing design thinking to a highly technical, fast-paced environment.
Adaptability is a superpower.
Late-stage work means balancing vision with reality—knowing when to elevate and when to refine.
Late-stage work means balancing vision with reality—knowing when to elevate and when to refine.
Systems Thinking matters.
Our success came from designing with future extensibility in mind, not just isolated UI screens. This is what guides us in creatin a comprehensive onscreen experience for all vehicle occupants
Our success came from designing with future extensibility in mind, not just isolated UI screens. This is what guides us in creatin a comprehensive onscreen experience for all vehicle occupants
Communication is everything.
Working with engineers and industrial designers (especially in a remote work environment) meant learning how to speak multiple “languages” and advocate for UX in practical, technical terms.
Working with engineers and industrial designers (especially in a remote work environment) meant learning how to speak multiple “languages” and advocate for UX in practical, technical terms.
