UI/UX DESIGN
WEB DESIGN
BRAND IDENTITY
STATIONARY
Case Study — Automet Used Cars
Building Trust Through UX and Visual Design for Confident Used Car Buying
Overview
Automet needed a modern, trustworthy website to showcase used cars and instill buyer confidence.
Goal: Combine visual design, UX, and prototyping to reduce hesitation, highlight vehicle quality, and convert visitors into buyers.
Approach: Full UX process — research → IA → flows → wireframes → clickable prototypes → UI → development → validation.
1. Research & Discovery
User Insights:
- Fear of hidden issues
- Difficulty comparing options
- Lack of trust in online listings
Competitive Review:
- Most used-car sites are cluttered, confusing, and low on trust signals
- Key insight: Users need clarity, hierarchy, and credible visual presentation
Visual Design Implication:
- Professional, clean, neutral color palette
- High-quality vehicle photography
- Structured layouts for easy scanning
2. UX Strategy & Information Architecture
IA Goals:
- Clear, predictable navigation
- Fast access to car lists, filters, and details
- Seamless flow from browsing → evaluating → inquiry
Simplified Structure:
Home → Car Listings → Car Details → Inquiry / Reserve → Contact / About
Supporting: Warranty, Refund Policy.
Storytelling Principle: Each screen guides users from doubt → trust → action.
3. User Flows & Prototyping
Primary Flow: Browse → Inquiry
- Homepage → Apply filters → View listings → Car detail → Inquiry/reserve
Trust Flow Enhancements:
- Transparent specs, mileage, ownership, service history
- Prominent warranty & refund
- Clickable prototypes tested user flows, micro-interactions, and trust cues before development
4. Wireframes & UI Design
Wireframes:
- Defined listing grids, filters, search logic
- CTA visibility: “Call us”
- Focused on clarity and scanning speed
UI Design:
- Clean layouts, structured grids
- High-quality photography
- Neutral palette for professionalism
- Tags like “Certified”, “Warranty Included” for trust
- Subtle design cues to guide attention
Goal: Every screen visually communicates credibility and ease of use.
5. Development & Functionality
- Responsive, mobile-first design
- Smooth filtering and browsing
- Crisp image galleries
- Clear contact & reservation flows
- Warranty & refund options highlighted visually to reduce hesitation
5. Development & Functionality
- Responsive, mobile-first design
- Smooth filtering and browsing
- Crisp image galleries
- Clear contact & reservation flows
- Warranty & refund options highlighted visually to reduce hesitation
Web Design