01 — CASE STUDYMARCUS CARS / 2026
LIVE AUTOMOTIVE AUCTION PLATFORM

BUILDING THE
FRONTEND FOR THE DEAL.

Marcus Cars was approached as more than a vehicle website. The frontend was designed as the customer-facing layer of a digital automotive marketplace built around vehicle discovery, live auctions, bidding and the buying and selling journey.

MARCUS CARS / FRONTEND EXPERIENCEPRODUCT VIEW / 01
THE CHALLENGE

Create a digital automotive experience where finding a vehicle, understanding an auction and taking action feel connected.

THE APPROACH

Structure the frontend around the customer journey rather than treating each page as an isolated interface.

THE RESULT

A responsive frontend product prototype designed as the foundation for a larger automotive auction platform.

ROLEFRONTEND DEVELOPMENT
PRODUCTAUTOMOTIVE AUCTION
STATUSACTIVE PROTOTYPE
STACKNEXT.JS / REACT / TYPESCRIPT
02 — PRODUCT OBJECTIVEWHY THE FRONTEND EXISTS
FROM LISTING TO AUCTION EXPERIENCE

NOT JUST
A CAR WEBSITE.

The goal was to create a frontend experience capable of supporting the behaviour of an automotive marketplace.

Instead of simply displaying vehicles, the interface needed to help users understand what was available, what was happening live and what they could do next.

VEHICLE→INFORMATION→AUCTION→ACTION
01

VEHICLE DISCOVERY

A marketplace experience designed to help users discover vehicles through strong imagery, structured information and clear actions.

02

VEHICLE DETAIL

A focused vehicle experience where users can understand the vehicle before deciding whether to save, contact or participate.

03

LIVE AUCTIONS

An interface centred around auction status, timing, current bids, activity and the primary bidding action.

04

ACCOUNT EXPERIENCE

A structured account environment for saved vehicles, activity, bid history, profiles and future user functionality.

03 — USER JOURNEYTHE EXPERIENCE IS THE PRODUCT
DESIGNED AROUND DECISION MAKING

FROM DISCOVERY
TO ACTION.

The frontend was structured around the sequence a customer naturally follows when evaluating and participating in an automotive marketplace.

01DISCOVER
02SEARCH
03FILTER
04VIEW VEHICLE
05UNDERSTAND
06SAVE / CONTACT / BID
07MANAGE ACTIVITY
04 — VISUAL PROTOTYPEINTERFACE / PRODUCT DIRECTION
TRANSLATING THE PRODUCT INTO INTERFACE

MAKING THE
PRODUCT VISIBLE.

The prototype brings the key customer-facing experiences into one visual system from understanding vehicles and selling them to learning how the marketplace works and participating in auctions.

Marcus Cars primary live auction experience
Marcus Cars vehicle discovery experience
Marcus Cars vehicle selling experience
Marcus Cars how it works experience
01 / PRIMARY EXPERIENCEUSER JOURNEY
01USER JOURNEY

The primary product experience bringing vehicle information, auction status and bidding activity together.

02VEHICLE DISCOVERY

Clear visual hierarchy for browsing and understanding vehicles.

03VEHICLE SELLING

A dedicated path for clients who want to bring their vehicle to the marketplace.

04HOW IT WORKS

Explaining the marketplace journey so new users can understand how discovery, auctions and participation work.

HOVER TO EXPLORE THE PRODUCT

Each panel represents a different customer-facing part of the platform. Hovering over a panel changes the main visual so the interface can be explored as a connected product rather than a collection of separate screens.

05 — LIVE AUCTION

DESIGNED FOR
LIVE DECISIONS.

The auction experience was treated as one of the platform's core product moments. The customer needs to understand what is being sold, whether the auction is live, the current bid, the remaining time and the next available action.

01

Live auction status

02

Countdown and timing

03

Current bid and activity

04

Clear bidding action

LIVE NOWAUCTION EXPERIENCE
Marcus Cars live auction interface
06 — TOOLS & TECHNOLOGYFRONTEND TOOLKIT
TECHNOLOGY USED

BUILT WITH
THE RIGHT TOOLS.

The Marcus Cars frontend uses a modern React-based stack to structure the interface, routes, data and responsive product experience.

01

NEXT.JS

02

REACT

03

TYPESCRIPT

04

TAILWIND CSS

05

GITHUB

07 — MY CONTRIBUTIONFRONTEND DEVELOPMENT
WHAT I BUILT

THE FRONTEND
FOUNDATION.

The work combined frontend development with product structure, responsive behaviour and interaction thinking.

01Marketplace interface
02Vehicle listing experience
03Vehicle detail pages
04Live auction interface
05Account experience
06Saved vehicles
07Activity and bid history
08Responsive layouts
09Reusable components
10Structured vehicle data
11Application routing
12Product-oriented frontend architecture
08 — HOW THE PRODUCT IS STRUCTURED

BUILT TO GROW
BEYOND THE INTERFACE.

The frontend is the visible customer layer. Around it, the product can evolve into a connected platform supporting authentication, data, auctions and other services.

01

FRONTEND

The customer-facing layer for vehicles, auctions, accounts and product actions.

↓
02

APPLICATION SERVICES

The layer that will connect authentication, business logic and platform functionality to the interface.

↓
03

DATA & AUCTION SYSTEM

The future data and auction infrastructure supporting vehicles, users, bids and real-time activity.

↓
04

PLATFORM SERVICES

Payments, notifications and administration can connect around the core product as it develops.

09 — PROJECT EVIDENCELIVE / REPOSITORY
SEE THE WORK IN CONTEXT

THE INTERFACE
IS LIVE.

Explore the deployed frontend or inspect the repository to see how the product experience is structured in code.

10 — CURRENT STATE

FRONTEND
PRODUCT PROTOTYPE.

Marcus Cars currently demonstrates the frontend and product experience for an automotive marketplace and live-auction platform.

The current work focuses on the interface, responsive behaviour, product structure and frontend architecture. The wider system is intentionally structured so that backend services, real-time auction infrastructure, payments, notifications and administration can be connected as the product develops.

FRONTEND / ACTIVE DEVELOPMENT
11 — START A PROJECTJAN WORKS
WEB · SYSTEMS · SOFTWARE

BUILDING A
DIGITAL PRODUCT?

I work across frontend development, web design, CRM systems, workflow automation and digital products — connecting business requirements with technology that works.

12 — NEXT PROJECTWEB DESIGN & DEVELOPMENT
Web Design and Development project
WEB DESIGN / DIGITAL EXPERIENCE
CONTINUE EXPLORING

WEB DESIGN
& DEVELOPMENT

Digital experiences designed, developed and connected to the businesses behind them.

VIEW PROJECT ↗