UX Case Study

UX Case Study
E-comm Website

Problem Statement

Users looking to book or purchase motorcycles online face difficulty in
filtering relevant models quickly and comparing them effectively.

Our Process

Discover

Define

Ideate

Design

Business Challenges

  • High drop-off due to overwhelming vehicle information.

  • Lack of personalization based on user preferences (e.g., city, budget).

  • No immediate comparison functionality.

  • Limited filtering granularity (e.g., performance vs. price-based).

Product User's

Product users are individuals who use a product to
meet their needs or achieve specific goals.

Quantitative Research

Moderate; users might be overwhelmed by information 
or filters

Observations

52%

21%

Most users are not using filters effectively

3.7%

Low, suggests possible confusion or hesitation

1 min 15 sec

Indicates users are either finding info quickly or dropping off

60% click on top 3 bikes

Risus mollis dictum dolor, quam
sed et lorem

based on analytics data

User Need's

  • Easy comparison of models by price, features, and specifications.Lack of personalization based on user preferences (e.g., city, budget).

  • Simple language or tooltips explaining technical terms.

  • Personalization based on location and budget.

  • Mobile-friendly responsive design.

  • Clear booking pathways (Test Ride, EMI Plans, Contact Dealer).

Features & Functionalities

To resolve user needs
  • Add a smart comparison feature that lets users compare multiple bike models side-by-side.

  • Introduce a quick-view popup so users can check key specifications without leaving the listing page.

  • Provide personalized bike recommendations based on user preferences and browsing history.

  • Include a 360-degree bike viewer to help users explore the bike’s design from all angles.

  • Display real-time on-road prices and dealership availability based on the user’s selected city.

  • Integrate an EMI calculator directly on the bike card for instant finance insights.

  • Allow users to save or shortlist bikes for easy revisiting and comparison later.

  • Add customer ratings and owner reviews to help users make more confident buying decisions.

Product User Challenges

  • Too many similar bike cards without direct comparison features

  • Filters not sticky or interactive enough for real-time feedback

  • No quick visual cue for most booked, top speed, or user rating

  • Lack of personalization: no recommendation engine based on filter behavior

  • Hard to distinguish model variants visually at a glance

Competitor Analysis

Strengths
  • Model Comparison

Model comparisons, integrated test ride scheduling

Features :
  • On-Road Price Calculator

  • Save for Later / Wishlist

  • Test Ride Booking

Hero MotoCorp

To benchmark top motorcycle/e-bike platforms and 
identify gaps & opportunities action.

  • Finance Integration

  • Tooltips on Specs

  • User Reviews / Ratings

  • Dealer Chat / Support

Yamaha India
Features :

To benchmark top motorcycle/e-bike platforms and identify 
gaps & opportunities action.

  • EMI Calculator

  • Test Ride Scheduling

  • Save for Later / Wishlist

  • In-Stock Status or Delivery ETA

Honda 2Wheelers

To benchmark top motorcycle/e-bike platforms and 
identify gaps & opportunities action.

Features :
  • Specification Tooltips & Glossary

  • Visual Tags / Badges

  • Vehicle Image Gallery & 360° View

  • User Reviews & Ratings

Features :

Product User Challenges

  • Compare” button on each product card.

  • Use badges like "Best Seller", "New", "Top Mileage".

  • Provide specification tooltips (e.g., what is Nm?).

  • Add user reviews, "expert opinions", and bike ratings.

  • Implement saved vehicles/wishlist functionality.

  • Include test ride scheduling with a calendar pop-up.

  • Add on-road price estimator based on city.

  • Make CTAs more context-specific: “Get EMI Quote”, “Schedule Test Ride”.

User Persona 1

Goals
  • Purchase a stylish, efficient bike under ₹1.2 Lakhs.

  • Compare 2–3 models easily before making a choice.

  • Book a test ride or EMI option online.

Frustrations:
  • Doesn’t understand torque/engine jargon.

  • Cannot compare two similar bikes directly.

  • Gets overwhelmed by too many choices.

Kiran More

Marketing Executive

About

27

Satara

MBA

Employee

User Persona 2

Goals
  • Find a fuel-efficient motorcycle within a specific budget.

  • Compare on-road prices in his city.

  • Complete the booking process quickly without visiting multiple dealerships.

Frustrations:
  • Confused by multiple variants with minor differences.

  • Hidden costs not visible before booking.

  • Overloaded filters that make navigation slow.

Rajesh Verma

IT Support

About

32

Pune

IT

Employee

User Persona 3

Goals
  • Compare engine specs, power output, and design details.

  • Explore color variants visually.

  • Share or bookmark options for peer opinions before purchase.

Frustrations:
  • Specs layout requires too much scrolling and lacks a 
compare mode.

  • Filter section doesn’t allow sorting by performance metrics.

  • Wants more images or 360° views before booking.

Arjun Mehta

College student

About

25

Delhi

Vlogger

Tech Advanced

Task Mapping

User Task
Goal
Barriers
Opportunities

Filter bikes by price/brand

Find suitable options

Clunky or limited filters

Add dynamic, multi-select filtering

Compare two bikes

Book test ride or contact dealer

Understand features

Decide based on specs

Take next step in journey

Make informed choice

No comparison view

Ambiguous CTA

Tech jargon is confusing

Add "Compare" feature with summary

Add more tailored CTAs

Use tooltips or pop-ups with plain language

Empathy Mapping

Says
Thinks
Feels
Does

“I’ll check reviews before buying.”

“What’s the best mileage I can get.”

“I’ll compare a few models first.”

“What engine capacity mean?”

“I need mileage over looks.”

“Are there any EMI offers?.”

“Can I get EMI options?.”

“Is this color available?’

“Overwhelmed, unsure?”

“Worried about hidden charges.”

“Hesitant to make a decision.”

“Confused, curious.”

“Applies filters, bookmarks models.”

“Creates manual workarounds (notes, spreadsheets, reminders)”

“Abandons apps that are confusing or cluttered quickly”

“Checks progress occasionally but loses track 
over time”

Taskflows

Scenario 1 :

Primary Task Flow: Book a Vehicle

Landing Page

Select Vehicle

Book Vehicle

Filters

View Details

Form or Contact Dealer

Product Listing

Scenario 2 :

Alternative Task Flow: Compare Bikes

Select Multiple Vehicles

Comparison Page

Choose Best Fit

Compare

Highlight Differences

Book or Contact Dealer

Wireframe’s

Screen's

Our team

Our strength lies in our individuality. Set up by Esther Bryce, the team strives to bring in the best talent in various fields, from architecture to interior design and sales.

woman wearing black scoop-neck long-sleeved shirt
woman wearing black scoop-neck long-sleeved shirt
Esther Bryce

Founder / Interior designer

woman in black blazer with brown hair
woman in black blazer with brown hair
Lianne Wilson

Broker

man standing near white wall
man standing near white wall
Jaden Smith

Architect

woman smiling wearing denim jacket
woman smiling wearing denim jacket
Jessica Kim

Photographer