Role:
UX/UI Designer
What is this project?
A compact vehicle visualiser designed to sit above the configurator, giving users a quick preview of each model alongside key information - helping users make informed decisions on which vehicle they want to configure.
SCROLL
Visualiser Component
The Problem + Solution
Introduced visuals and key information.
Only names of vehicles - no visuals or context.
Users can preview models before committing.
Users clicked blindly to access details.
Reduced frustration and enahnced experience.
Led to guesswork and a fragmented journey.
Control
Solution
Thumbnail colours update dynamically to reflect pre-configuration changes, giving users immediate visual feedback.
Expanded cards shift the thumbnail view from side to front, offering a clearer look at vehicle styling and detail.
Responsive design adapts seamlessly across breakpoints, maintaining clarity and usability at 1920px, 1280px, 768px, and 375px.
Key Shots
Impact + Results
Desktop
Mobile
Reduced user friction by allowing quick model previews and comparisons, helping users feel more confident before entering the configurator.
Improved decision-making by surfacing key vehicle info and visuals upfront, leading to more intentional and informed user choices.
Streamlined the user journey by bridging the gap between model selection and configuration, creating a smoother, more intuitive experience.
