UI/UX Case Study
Auto Parts
Online Shop
website design
Project Overview
RoadSpy is a performance-focused brand offering precision-fit mounts for dash cams, radar detectors, and action cameras. The goal was to design a sleek, conversion-optimized website that communicates product reliability, builds trust through visuals, and makes it effortless for users to find the perfect mount for their vehicle.
Tools Used
Duration
1 Month
Tools Used
Scalable site
This case study highlights the end-to-end design process—from understanding user needs and product strengths to crafting a bold, intuitive interface that reflects RoadSpy’s high-performance spirit.
Business Strategy
- Customers
- Car enthusiasts and everyday drivers
- Dashcam, radar detector, and action camera users
- People seeking custom-fit, non-suction mounts
- Users frustrated by generic or unreliable mounting solutions
- Objectives
- Build a professional and trustworthy digital presence
- Simplify the shopping and selection process
- Increase customer confidence and conversion
- Make it easy to find compatible mounts by car model
- Obstacles
- Generic mount competitors with low-trust
- Lack of product awareness and perceived complexity
- Users frustrated by poor past experiences
- Need for a design that balances technical info
- Solution
- Designed a clean, trust-focused interface
- Introduced a quick “Select Your Vehicle” flow
- Used high-quality visuals and product imagery
- Simplified navigation for faster decision-making
The Design Process
The design process for RoadSpy was grounded in clarity, trust, and user ease. From initial research to final prototypes, every step focused on creating a seamless shopping experience that feels intuitive and reliable. By blending clean visuals with purposeful UX decisions, the goal was to guide users effortlessly from vehicle selection to confident purchase.
Emphatize
Define
Ideate
Design
Test
Project Timeline
Competitive Analysis
Features
AutoZone
Budget Brands
Tech Brands
Roadspy
Vehicle-Specific Fit
Clean, Trustworthy UI
Frustration-Free Installation
High-Performance Mount
Guided Purchase Flow
User Persona
Mark Taylor
Age: 24
Occupation: Automotive Vlogger
Location: Austin, Texas
Pain Points:
- Frustrated by universal mounts that don’t stay in place or fit securely
- Annoyed with suction cups that fail in hot weather or rough roads
- Finds it hard to trust cluttered websites with vague product info
- Dislikes the trial-and-error process of buying incompatible accessories
Goals:
- Capture high-quality driving footage for YouTube and social media
- Keep his car’s dashboard sleek and organized
- Easily find a mount that’s custom-fit for his car model
- Set up gear quickly without needing tools or lengthy instructions
Needs:
- A vehicle-specific mount that ensures perfect fit and zero shake
- Durable, weather-resistant performance across all seasons
- An easy-to-navigate site that guides him to the right product
- A premium look and feel that matches his on-camera setup
Meet Mark Taylor, a tech-savvy car enthusiast who values clean setups, reliable gear, and a hassle-free experience. He represents the core audience RoadSpy was built for: drivers who want performance without the guesswork.
Empathy Map
Thinks
- Wants to maintain a sleek, pro-level setup in his vehicle
- Frustrated with wasting money on bad accessories
- Cautious of brands that seem untrustworthy or unclear
- Feels relieved and confident when the buying process is simple
Says
- “I just want something that works without messing up my dash.”
- “Why is it so hard to find a mount that actually fits my car?”
- “If it looks cheap, I can’t trust it to hold my gear.“
Sees
- A market flooded with generic, low-quality car mounts
- Overwhelming product listings with little guidance
- YouTube ads and vlogs showing clean, high-end car setups
- Competitors with cluttered UIs and no vehicle-specific solutions
Hears
- Recommendations from fellow creators and vloggers
- Complaints in forums about failed suction mounts
- Positive buzz around well-designed, car-specific products
User Flow
Style Guide
Dharma Gothic E
Regular
Semi Bold
Bold
Dharma Gothic E is a bold, condensed sans-serif font inspired by vintage American wood type. With its tall structure and strong presence, it’s perfect for headlines, branding, or designs that need a dramatic, impactful look. It balances retro charm with modern sharpness.
#FD0320
#1B1B1D
#F8F8F8
We use FD0320 as our primary color — a vibrant, commanding shade of red that conveys strength, determination, and clarity. It helps establish a confident visual presence and draws purposeful attention across our branding and user interface.
High Fidelity Wireframes
Visual Design
