Automobile Marketplace Website — product design by Vasudev Maliyakkal
Case study / 14 — Website · E-Commerce

AUTO WEB marketplace website.

A sleek automobile marketplace website — discovery, comparison and confidence for a high-consideration purchase.

Role
UI/UX Designer
Platforms
Web · Responsive
Category
Website · E-Commerce
Type
Marketplace Website
Tools
Figma

OVERVIEWThe idea

The web storefront of the Automarto family: a marketplace where browsing feels like showroom shopping and comparison is built in, not bolted on.

THE PROBLEMWhat had to be solved

Automotive purchases are high-consideration. Buyers cross-check specs, prices and sellers — usually across five tabs. The site had to fold that behavior into one flow.

MY ROLEWhat I owned

Website design end-to-end: discovery, listing and detail pages, comparison patterns and the responsive grid system.

DESIGN PROCESSFrom idea to interface

01 Buyer journey mapping
02 Catalog IA
03 Listing & detail pages
04 Comparison patterns
05 High-fidelity UI
06 Responsive system

KEY DECISIONSWhat made it work

🚗

Showroom-grade imagery

Large, honest visuals that carry the decision.

⚖️

Native comparison

Side-by-side specs without leaving the flow.

🏷️

Transparent sellers

Ratings and history beside every listing.

🔎

Faceted discovery

Filters that mirror how buyers actually think.

RESEARCH & INSIGHTSWhat shaped the direction

Buyer-journey research showed high-consideration shopping happening across five open tabs: comparing specs, prices and seller credibility. The design goal became folding that cross-checking behaviour into one confident flow.

⚖️

Comparison is the journey

Buyers don’t browse then decide — they compare their way to a decision. Native comparison keeps them in the flow.

🏷️

Trust is itemised

Seller ratings, honest photos and transparent pricing each remove a specific doubt; together they close the sale.

🔍

Facets mirror thinking

Filters follow how buyers think — make, model, budget — not how the database is organised.

WHO IT'S FORDesigning for real people

PRIMARYThe deliberate buyer

Researches for days before committing. Needs saved comparisons, honest detail pages and zero pressure tactics.

SECONDARYThe ready purchaser

Knows what they want; needs to find it, verify it and buy it in minutes with no detours.

DESIGN LANGUAGEThe visual system

Showroom-grade presentation: large honest imagery, spec tables designed for side-by-side reading, and a persistent, quiet path to checkout. The grid flexes from immersive desktop browsing to efficient mobile scanning without losing hierarchy.

Showroom imagery
Side-by-side spec tables
Faceted discovery
Persistent checkout path
Responsive grid system

TESTING & ITERATIONPressure-testing the design

Prototypes were walked through real buying scenarios — comparing three vehicles, checking a seller, returning a day later — and iterated until the cross-tab behaviour users normally do had a home inside the product.

PROJECT SCREENSInside the design

Automobile Marketplace Website — interface screen 01 01

Full page — pans automatically, hover to pause

OUTCOMEThe result

A marketplace that earns trust before checkout — full design on Behance. (Companion to the Automarto app case study.)

View full project on Behance

KEY LEARNINGSWhat I'd carry forward

01 High-consideration purchases need patience built into the design.
02 Comparison is a feature; make it native or lose users to their tabs.
03 Trust content placed at the moment of doubt outperforms trust pages.
Previous
SELLER HUB — Automobile Dashboard
Next step

Have a product that needs better thinking?

Let's talk

or write directly — vasudevsra1995@gmail.com