Data-led design decisions that helped new customers find their way, lifting homepage adoption from 17% to 30%

Data-led design decisions that helped new customers find their way, lifting homepage adoption from 17% to 30%

Data-led design decisions that helped new customers find their way, lifting homepage adoption from 17% to 30%

CARS24 lets people purchase used car online. New buyers landed on the CARS24 mobile homepage with no way to start looking for a car. Using listing page filter data, I brought the most-used filters onto the homepage as two car discovery levers: search and need-based car categories.

Role

Role

Senior UI/UX Designer

Senior UI/UX Designer

Duration

Duration

1 month

1 month

Tools

Tools

Figma

Figma

Platform

Platform

Mobile Web & App

Mobile Web & App

Team

Team

1 Sr UI/UX Designer, 1 Product Manager, 1 Engineer

1 Sr UI/UX Designer, 1 Product Manager, 1 Engineer

Table of Content
No headings foundSelect the Frame that wraps your article content → open Accessibility → set Tag to main, article, or section.This message disappears as soon as headings are detected.

Impact at a glance

Homepage adoption rate*

17% → 30%

(+76% relative lift)

Adoption of "Budget Friendly", the top category

34.6%

Search adoption

21%

Reached a price

62%

Before

68.2%

After

Adoption rate = % of mobile homepage sessions where the user tapped at least one element on the page.

Problem Statement

Most CARS24 traffic came from mobile web, so for most new buyers the homepage was their first impression. Three numbers showed it wasn't working:

  • 17% of homepage visitors tapped anything on it

  • 53% of customers arrive with no specific car in mind (CARS24 customer research survey)

  • 5.03% of users who searched went on to start a booking. But search existed only deeper in the site, not on the homepage.

What the homepage was missing:

Search. New buyers couldn't use it from the first screen.

A way to browse by need. Finding a family car or a car within budget meant going to the listing page and working out the filters alone. The existing "Cars by lifestyle" section had low adoption [add number].

Reasons to trust us. First-time visitors had little to reassure them that buying a used car online was safe.

More than half of our buyers need help working out what to buy, but the homepage only served people who already knew. 83% of visitors didn't tap anything, and search, one of our strongest paths to a booking, was hidden further down the funnel.

What we learned

With the PM, I studied a month of customer behaviour (October 2022) and looked at what had worked elsewhere.

With the PM, I studied a month of customer behaviour (October 2022) and looked at what had worked elsewhere.

Search to booking, Oct 2022: 5,444 users searched and 274 went on to start a booking (5.03%). Search worked, but only for buyers who had already gone past the homepage.

Filter usage on the car listing page, Oct 2022: of 10,264 filter users, 45.8% filtered by make/model, 36.0% by price and 22.9% by body type. These top filters show what buyers care about most when choosing a car.

Competitor analysis
Competitor analysis

CARS24 UAE had A/B tested brand and category shortcuts on its app homepage, and both more than doubled in usage, overtaking search.

Competitor homepages (CarDekho, Spinny, Carvana, CARS24 UAE, Cazoo, Carwale): nearly all put search in the first fold, most offered one-tap shortcuts by brand, budget or body type, and several used trust signals and a clear "Sell" entry. We adopted these basics, then went further by building categories around customer needs from our own data, rather than generic body types.

Search to booking, Oct 2022: 5,444 users searched and 274 went on to start a booking (5.03%). Search worked, but only for buyers who had already gone past the homepage.

Filter usage on the car listing page, Oct 2022: of 10,264 filter users, 45.8% filtered by make/model, 36.0% by price and 22.9% by body type. These top filters show what buyers care about most when choosing a car.

CARS24 UAE had A/B tested brand and category shortcuts on its app homepage, and both more than doubled in usage, overtaking search.


Competitor homepages (CarDekho, Spinny, Carvana, CARS24 UAE, Cazoo, Carwale): nearly all put search in the first fold, most offered one-tap shortcuts by brand, budget or body type, and several used trust signals and a clear "Sell" entry. We adopted these basics, then went further by building categories around customer needs from our own data, rather than generic body types.

The Approach and 3 Design Decisions

Bring what customers already do deep in the site (search and filters) to the homepage, and give first-time buyers a reason to trust us.
The page follows the questions a new buyer asks as they scroll:

Where on the page

Where

Buyer's question

Design decision

Top

"Can I find the car I want?"

1. Search + make shortcuts

Middle

"What suits me, and how does buying work?"

2. Car categories + How it works

Bottom

"Why buy from CARS24?"

3. Trust: USPs + reviews

Decision 1: Search with popular make shortcuts

A search bar at the top of the homepage, with one-tap tabs for Toyota, Hyundai and Volkswagen, the three best-selling makes. The tabs remove typing on mobile and lead to the makes with the most stock.

Result: 21% search adoption.

Decision 2: Car categories built from real data

Each category followed one method: data signal → most common values → enough stock → everyday name.

Example: Budget Friendly. Most buyers capped their budget at $20k, but only 91 cars were under $20k, compared with 279 under $25k. So the category became "under $25,000", matching demand while keeping enough cars to browse.

Category

Based on

Budget Friendly

Price filter; under $25k

Low KM

KMs filter; under 40,000 km

Family Car

Top body type (SUV) + demand for legroom

Top Deals

Priced $1000 below market price

City Car

Top sellers: automatic, petrol, smaller body types

Best Selling

Best-selling and most-searched models (Corolla, Golf, Cerato, RAV4, i30, Hilux)

Below the categories, a "How it works" section explains how to buy a car with CARS24 through a short video and step-by-step pointers, so first-time buyers know what to expect.


Result: Budget Friendly 34.6% and Family Car 20.7% adoption.

Decision 3: Building trust for first-time buyers

"Used Cars by Category" adds Body Type, Fuel Type and Transmission tabs for buyers who think in car types. Below it, "The smarter way to buy a used car" highlights CARS24's promises (300-point inspection, full refurbishment, roadworthy certificates), followed by real customer reviews.

Explorations

  • Search: Tried in the hero banner, over an image and in a clean header. The clean header won because search is visible straight away.

  • Car categories: Tried circle tiles, tagged tiles, cards, filter chips and a list. A 6-tile icon grid won because buyers can scan every option at once.

  • Naming: We picked the shortest, most everyday names, e.g. "Top Deals" over "Below market price", "Low KM" over "Less Driven", and "Best Selling" over "Top Sold".

Final Design & learnings

The new homepage guides a first-time buyer from top to bottom. Search and make shortcuts come first, then six need-based categories and a "How it works" guide, followed by browse-by-type tabs, CARS24's promises and real customer reviews. Every section takes buyers to relevant cars in one tap, or gives them a reason to trust CARS24.


Customer behaviour made the best brief. Search, filter and sales data told us more than opinions did. Good categories balance what buyers want with what's in stock, and testing in another CARS24 market first reduced the risk before we built.

Ready to Elevate Your Product Experience ?

Whether you're launching a new product or refining an existing digital product, I'm here to help.

Let's
design
shape
elevate
incredible work together.
  • Social

  • Location

    Bangalore, India

Let's
design
shape
elevate
incredible work together.
  • Social

  • Location

    Bangalore, India

Let's
design
shape
elevate
incredible work together.
  • Social

  • Location

    Bangalore, India

Create a free website with Framer, the website builder loved by startups, designers and agencies.