Link to Prototype: Carhub – https://www.figma.com/proto/5WwvYcLl3Ds5xrEYxVjTu8/Carhub?page-id=0%3A1&node-id=1-2&t=BgpZrrfiUO2CBIeC-1

⸻

Overview

The Carhub Landing Page delivers a seamless experience for exploring and selecting vehicles. Our goal was to create an intuitive interface that showcases car models and features while ensuring easy navigation for potential customers.

⸻

Objectives

• Present a comprehensive vehicle catalog with detailed information • Ensure user-friendly navigation and filtering options • Incorporate responsive design for optimal viewing across devices

⸻

Design Breakdown

1. Hero Section • Visual Appeal: High-resolution featured vehicle images that capture attention • Typography: Bold, clear fonts highlighting key messages and CTAs • Call to Action (CTA): Prominent buttons for catalog exploration and test drive scheduling
2. Navigation • Menu Structure: Clear categories including New Arrivals, Popular Models, and Electric Vehicles • Ease of Access: Sticky navigation bar for consistent section access
3. Content Sections • Vehicle Listings: Grid layout displaying car models with specs and pricing • Filter Options: Tools for sorting by price range, fuel type, and brand • Testimonials: Customer reviews for trust-building
4. Visual Elements • Color Scheme: Modern palette reflecting automotive aesthetics • Imagery: Authentic vehicle photographs • Icons and Graphics: Custom icons representing car features and specs

⸻

Design Decisions

• User-Centric Approach: Simplified car selection process • Responsive Design: Cross-device compatibility for broad accessibility • Consistency: Uniform styling throughout the page