Car&Bike
·
Late 2024 to early 2025
Car&Bike, made easier to read and harder to leave
A content-heavy auto site, redesigned so people find what they came for and keep reading.
Client
Car&Bike
My role
UX lead
Timeline
3 Months
Team
5 people: 2 UX, 2 UI and a project manager
Results
What changed after launch
average time on site
Started at 32 sec active time
pages per session
Started at 1.5 pages per session
pages redesigned
Templates across new, used and editorial
Measured by the car&bike team in their analytics after launch. Their SEO Manager confirms both numbers in his note below.
The problem
A research site that was hard to research on
People came to car&bike to research a purchase. The site made that harder than it needed to be.
01
Tiring to read
A dark theme on a site people use for long reviews and comparisons. Long sessions strained the eyes.
02
Hard to find things
New cars, bikes, used cars and news shared one crowded menu, so people couldn't tell where to go.
03
Losing to competitors
CarDekho and CarWale were getting more traffic and longer visits.
04
Too much on every page
New vehicles, used listings and editorial all fought for the same space.
Process
How I approached it
Step 01
Research
Started with the numbers. Clarity showed 32 seconds of active time, 1.5 pages per session, and 61% of visits from mobile Chrome. I benchmarked CarDekho and CarWale to set targets.
Step 02
Information architecture
Rebuilt the structure around the three things people come for: new vehicles, used vehicles and editorial. Every page got a clear home and a clear next step.
Step 03
Wireframes
Wireframed 20+ key templates with my junior designer, from listings and model pages to comparisons and news. I reviewed every screen before it went to the UI team.
Step 04
Design system
Set up the foundation with the UI team: a light theme, type, colour, and a card system that could carry very different content.
Key decisions
What I changed, and why
Toggle between before and after where the old screen still exists.
01
Navigation people can read
New, Used and Editorial each got their own menu, with shortcuts by body type, brand and budget. The page people want is one click closer.
02
One card for everything
A flexible card for cars and bikes that can show price, EMI, specs or offers without breaking the grid.
03
Built for long reading
A light theme with clearer hierarchy, so spec-heavy pages and long reviews are easier on the eyes.
04
Mobile first, in practice
Most visits came from phones, so mobile was designed alongside desktop, not after it.
In their words
“What I particularly appreciated was that he didn’t look at UX in isolation. He took into consideration our editorial, SEO, product and business requirements and worked with us to find practical solutions that could actually scale across the different templates.”
Haris Padiyar
SEO Manager, car&bike
Reflection
What I took away
01
On a content site, structure matters more than screens. Fix the IA first.
02
A good card system saves more time than any single page design.
03
Having numbers from day one made every design conversation easier.
04
Reviewing a junior’s work closely made both of us faster.
With our project manager, who ran the project for both the client and us.
Want the
full story?
I'm happy to walk you through the files, the trade-offs and what I'd change today. Or tell me about something you're building.
Message me ↗
Based in
Mumbai, working with teams anywhere