Back to Portfolio

CarWeek

Automotive Marketplace connecting buyers with dealership inventory

UI Implementation

Complete responsive frontend

Fully Responsive

Optimized for Mobile/Tablet

30+ REST Endpoints

Seamless data integration

Modular Architecture

Highly reusable component library

Cross-Team Collab

Collaborated with Backend & QA

CarWeek Homepage
Role
UI Design • Frontend Development • API Integration
Duration
4 Months
Team
Frontend (Me) • Backend/API • QA • PM
Live Website

Overview

CarWeek is a comprehensive automotive marketplace that aggregates vehicle inventory from multiple dealerships across the United States into one searchable platform. Instead of visiting individual, fragmented dealership websites, buyers can search thousands of vehicles, compare specifications, discover nearby dealers, and directly submit inquiries.

The platform bridges the gap between vehicle research and dealer CRM systems, helping dealerships capture qualified leads while offering buyers a fast, modern car discovery experience.

The Problem

Most car dealership websites operate as independent silos. This creates several key problems for both buyers and sellers:

01

Isolated Dealerships

Buyers have to manually visit dozens of independent dealer websites to search and compare models.

02

Scattered Inventory

Inventory data is fragmented, and slow updates lead to outdated information, damaging buyer trust.

03

Lost Inquiries

Without centralized capture, dealers lose high-intent potential customers early in the browsing funnel.

04

Difficult Search

Comparing pricing, mileage, and specifications across different sites is complex and tedious.

Solution & Features

CarWeek centralizes inventory, search, and lead capture. Hover over the numbers on the homepage preview below to explore the core product features implemented:

CarWeek Search Experience

My Contribution

I was responsible for the entire user interface and frontend engineering of the platform, transforming high-fidelity designs into production-ready pages and integrating them with the backend REST APIs.

Design

UI Design

Sleek dark layout & micro-interactions

Dev

Frontend Dev

Component architecture & Angular layouts

API

API Integration

Connected 30+ endpoints & validations

UX

Responsive Design

Desktop, tablet & mobile layout flows

Team

Collaboration

API handshakes with backend engineers

Homepage Development

The homepage features a search-focused layout to maximize search engagement, followed by category chips and dealership trust blocks.

Homepage Layout

Inventory Listing Page

A data-heavy vehicle catalog featuring customizable filters, sorting layouts, inventory status tags (New / Used / CPO), price indicators, mileage specification badges, and clean pagination.

Inventory Listing UI

Vehicle Detail Page

Integrates dynamic vehicle specifications from database records. I developed a reusable template containing an interactive image carousel, a details specification grid (VIN, engine, drivetrain, MPG), finance calculators, and dealer referral modules.

Vehicle Details View

Dealer Profile

Provides custom workspaces for dealerships showing their location, business hours, and rating distributions. Importantly, the exact same vehicle grid component from the main catalog was reused here, filtered strictly by dealer ID to save codebase size.

Dealer Profile Page

Lead Capture & CRM Integration

A key revenue driver for CarWeek — the lead capture flow surfaces contextual inquiry forms on every vehicle listing, sending structured lead data directly to dealership CRM pipelines. I implemented multi-step form validation, API submission states, and success/error feedback screens.

Responsive Design

Every page was built mobile-first with adaptive layouts for desktop, tablet, and mobile viewports. Navigation collapses into a drawer, filter sidebars become bottom sheets, and vehicle cards reflow into single-column stacks — all without separate codebases.

Responsive Layout Across Devices

UI Component Architecture

I engineered a localized, reusable UI design system to keep code modular and styling unified. Every card, pagination button, badge, and chip was written as an independent Angular component:

Primary & Secondary Buttons

Inventory Badges

NewUsed

Filter Chips

SUV ×
Toyota ×

Search Pagination

123

Final Product Highlights

CarWeek is a production-scale application built with a responsive layout, complex state filtering, robust error handling, and CRM integrations.

Fully Responsive layouts (Desktop, Tablet, Mobile)
30+ REST API endpoints integrated with state transitions
High-conversion CRM lead capture forms
Modular and scalable Angular component system