Meesho Redesign

Meesho

Redesigning Meesho's Desktop Shopping Experience

Enhancing product discovery, strengthening visual consistency, and creating a more intuitive shopping journey for budget-conscious customers.

View Prototype

Year

2023

Duration

4 Weeks

Type

Academic Case Study

Team

Individual Project

www.your-website.com

www.your-website.com

www.your-website.com

www.your-website.com

www.your-website.com

www.your-website.com

PROBLEM

PROBLEM

Meesho's desktop experience lacked intuitive navigation, visual consistency, and efficient product discovery. The redesign focused on improving usability by applying UX laws and design principles.

Meesho's desktop experience lacked intuitive navigation, visual consistency, and efficient product discovery. The redesign focused on improving usability by applying UX laws and design principles.

SOLUTION

SOLUTION

An AI-Powered Companion That Simplifies Room Care

An AI-Powered Companion That Simplifies Room Care

Homepage Hero

Usability Principle

Flexibility & Efficiency of Use

Findings

Multiple promotional banners competed for attention, creating visual clutter.

The hero section lacked interaction and failed to effectively highlight featured promotions.

Solution

The homepage was redesigned with a single interactive hero banner featuring dynamic card transitions. The varying card sizes establish a clear visual hierarchy, while interactive animations create a more engaging browsing experience and draw attention to featured content.

Doherty Threshold

Law of Prägnanz

Fitts's Law

Before

AFTER

Navigation

Usability Principle

Consistency & Standards

Findings

Navigation icons and labels followed inconsistent layouts.

Primary categories lacked visual cues, making navigation less intuitive.

Solution

The navigation was redesigned with a consistent icon-and-label layout across all menu items. Category icons were introduced to improve recognition, create visual consistency, and help users navigate more efficiently.

Law of Similarity

Affordance

Fitts's Law

Before

AFTER

Bento Grid

Usability Principle

Aesthetic & Minimalist Design

Findings

Promotional banners were repetitive and lacked a clear visual hierarchy, making featured content easy to overlook.

Solution

Redesigned promotional sections into a Bento Grid layout, creating a more engaging homepage while clearly highlighting top categories and deals.

Law of Prägnanz

Hick's Law

Before

AFTER

Category Icons

Usability Principle

Recognition Rather Than Recall

Findings

Categories were buried in the navigation, making them difficult to scan and increasing visual clutter.

Solution

Introduced circular category icons with labels on the homepage, allowing users to quickly identify and access popular categories with a single click.

Affordance

Fitts's Law

Before

AFTER

Auto-Scrolling Apparel

Usability Principle

Flexibility & Efficiency of Use

Findings

The apparel section required excessive scrolling and did not effectively showcase trending products.

Solution

Added an auto-scrolling carousel for the apparel section, making product discovery more engaging while allowing users to browse featured collections effortlessly.

Doherty Threshold

Fitts's Law

Before

AFTER

Earn Smart Coins Banner

Usability Principle

Visual Hierarchy & User Engagement

Findings

The loyalty program lacked prominence and failed to communicate its benefits effectively.

Users could easily overlook reward opportunities while shopping.

Solution

A dedicated "Earn Smart Coins & Save More" promotional banner was introduced to clearly highlight the loyalty program. The banner uses strong visual hierarchy, concise messaging, and a clear CTA to encourage users to engage with the rewards program while browsing.

Von Restorff Effect

Law of Prägnanz

Fitts's Law

Before

AFTER

Product Listing

Usability Principle

Recognition Rather Than Recall • Consistency & Standards

Findings

Too many filter options increased cognitive load.

Product cards lacked consistency and visual hierarchy.

Important information such as discounts, ratings, and delivery details was difficult to scan.

Solution

The product listing page was redesigned by simplifying filters to the four most important options—Price, Discount, Rating, and Smart Coins—making product discovery faster and reducing decision fatigue. Product cards were also standardized with consistent sizing, improved spacing, grouped information, and recognizable icons to enhance readability and comparison.

UX Laws Applied

Hick's Law

Miller's Law

Law of Similarity

Law of Proximity

Uniform Connectedness

Before

AFTER

Filters

Usability Principle

Recognition Rather Than Recall • Error Prevention

Findings

The filter panel contained too many options, increasing cognitive load and making it difficult for users to quickly find relevant products.

Solution

The filters were simplified to the four most essential options: Price, Discount, Rating, and Smart Coins; allowing users to narrow their search faster while reducing decision fatigue.

Hick's Law

Miller's Law

Before

AFTER

Footer Redesign

Usability Principle

Aesthetic & Minimalist Design

Findings

Contact information lacked visual distinction.

Social media icons competed with important footer content.

Legal information created unnecessary clutter and increased cognitive load.

Solution

The footer was reorganized by introducing icons for contact details, moving social media links to a secondary section alongside the copyright information, and relocating lengthy legal content to a dedicated Legal page. Increased whitespace and clearer grouping improved readability and reduced visual clutter.

Law of Proximity

Law of Similarity

Law of Prägnanz

Hick's Law

Before

AFTER

RESEARCH

RESEARCH

About Meesho

About Meesho

Meesho is an Indian e-commerce platform that enables affordable online shopping by connecting customers with a wide range of sellers, focusing on value-driven products and accessibility.

Meesho is an Indian e-commerce platform that enables affordable online shopping by connecting customers with a wide range of sellers, focusing on value-driven products and accessibility.

Business Model

Business Model

Social Commerce Platform

Social Commerce Platform

Connects sellers and customers through a digital marketplace with affordable products.

Connects sellers and customers through a digital marketplace with affordable products.

Zero Investment Entry

Zero Investment Entry

Allows sellers to start selling online without upfront inventory or setup costs.

Allows sellers to start selling online without upfront inventory or setup costs.

Revenue Generation

Revenue Generation

Generates revenue through commissions, logistics services, and seller-related fees.

Generates revenue through commissions, logistics services, and seller-related fees.

Target Audience

Target Audience

Focuses on price-conscious shoppers seeking affordable products across India.

Focuses on price-conscious shoppers seeking affordable products across India.

Target Audience

Target Audience

Budget-Conscious Customers

Budget-Conscious Customers

Looking for affordable products and frequent discounts.

Looking for affordable products and frequent discounts.

Social Media Users

Social Media Users

Discover products through social platforms and online recommendations.

Discover products through social platforms and online recommendations.

Tier 2 & Tier 3 Consumers

Tier 2 & Tier 3 Consumers

Prefer value-for-money shopping with reliable delivery.

Prefer value-for-money shopping with reliable delivery.

Small Business Owners

Small Business Owners

Purchase products in bulk for resale or business use.

Purchase products in bulk for resale or business use.

Mobile-First Users

Mobile-First Users

Primarily shop using smartphones for convenience.

Primarily shop using smartphones for convenience.

COMPETITIVE ANALYSIS

COMPETITIVE ANALYSIS

Meesho

Meesho

Amazon

Amazon

Flipkart

Flipkart

ShopClues

ShopClues

While existing apps excel at helping users track habits and manage tasks, they often fail to address a critical challenge: helping users understand where and how to start. This presents an opportunity for Kleo to combine AI-powered room analysis, actionable guidance, and motivational support to make organization feel more approachable and achievable.

While existing apps excel at helping users track habits and manage tasks, they often fail to address a critical challenge: helping users understand where and how to start. This presents an opportunity for Kleo to combine AI-powered room analysis, actionable guidance, and motivational support to make organization feel more approachable and achievable.

Strengths

Strengths

Affordable pricing and strong presence in Tier 2 & 3 markets.

Trusted brand with extensive product selection.

Strong logistics network and brand recognition.

Value-focused marketplace with discounted products.

Affordable pricing and strong presence in Tier 2 & 3 markets.

Trusted brand with extensive product selection.

Strong logistics network and brand recognition.

Value-focused marketplace with discounted products.

Weaknesses

Weaknesses

Weaker desktop UX and brand perception.

Premium pricing on some categories.

Interface can feel content-heavy.

Outdated interface and lower brand trust.

Weaker desktop UX and brand perception.

Premium pricing on some categories.

Interface can feel content-heavy.

Outdated interface and lower brand trust.

Threats

Threats

Strong competition from established marketplaces.

Increasing competition from value-focused platforms.

Competition from Amazon and emerging platforms.

Declining market presence due to larger competitors.

Strong competition from established marketplaces.

Increasing competition from value-focused platforms.

Competition from Amazon and emerging platforms.

Declining market presence due to larger competitors.

Opportunities

Opportunities

Improve user experience and customer retention.

Expand personalized shopping experiences.

Strengthen customer loyalty through innovation.

Modernize the platform and improve usability.

Improve user experience and customer retention.

Expand personalized shopping experiences.

Strengthen customer loyalty through innovation.

Modernize the platform and improve usability.

USER PERSONA

USER PERSONA

Ravi Patel

Ravi Patel

DEMOGRAPHICS

DEMOGRAPHICS

Gender:

Age:

Education:

Tech Savviness::

Location:

Occupation:

Gender:

Age:

Education:

Tech Savviness::

Location:

Occupation:

Male

28

Bachelor's Degree

High

Surat, India

IT Professional

Male

28

Bachelor's Degree

High

Surat, India

IT Professional

GOALS

GOALS

Find quality products at affordable prices.

Find quality products at affordable prices.

Compare products quickly.

Compare products quickly.

Save time while shopping online.

Save time while shopping online.

Needs

Needs

Fast navigation.

Fast navigation.

Clear product information.

Clear product information.

Reliable ratings and discounts.

Reliable ratings and discounts.

Challenges

Challenges

Difficult to compare similar products.

Difficult to compare similar products.

Inconsistent layouts reduce trust.

Inconsistent layouts reduce trust.

Limited product discovery tools.

Limited product discovery tools.

Mansi Tyagi

Mansi Tyagi

DEMOGRAPHICS

DEMOGRAPHICS

Gender:

Age:

Education:

Tech Savviness::

Location:

Occupation:

Gender:

Age:

Education:

Tech Savviness::

Location:

Occupation:

Female

21

Undergraduate

High

Uttar Pradesh, India

College Student

Female

21

Undergraduate

High

Uttar Pradesh, India

College Student

GOALS

GOALS

Shop within a limited budget.

Shop within a limited budget.

Find trendy products with discounts.

Find trendy products with discounts.

Discover products quickly.

Discover products quickly.

Needs

Needs

Simple filters.

Simple filters.

Easy category navigation.

Easy category navigation.

Clear pricing and discount information.

Clear pricing and discount information.

Challenges

Challenges

Too many products to browse.

Too many products to browse.

Overwhelming filters.

Overwhelming filters.

Difficult to spot the best deals.

Difficult to spot the best deals.

User Journey

User Journey

College Student (Mansi Tyagi)

College Student (Mansi Tyagi)

To understand how a budget-conscious college student shops on Meesho and identify the pain points affecting product discovery, navigation, and the overall shopping experience.

To understand how a budget-conscious college student shops on Meesho and identify the pain points affecting product discovery, navigation, and the overall shopping experience.

•

•

Discovers Meesho through social media.

Discovers Meesho through social media.

•

•

Find affordable products.

Find affordable products.

•

•

Struggles to find relevant products.

Struggles to find relevant products.

•

•

Compare products quickly.

Compare products quickly.

•

•

Feels overwhelmed by cluttered navigation and too many options.

Feels overwhelmed by cluttered navigation and too many options.

•

•

Browse and discover products quickly.

Browse and discover products quickly.

•

•

Completes the purchase because of affordable pricing.

Completes the purchase because of affordable pricing.

•

•

Purchase within budget.

Purchase within budget.

•

•

Happy with the value received.

Happy with the value received.

•

•

Feel satisfied with the purchase.

Feel satisfied with the purchase.

•

•

Shop faster and more efficiently.

Shop faster and more efficiently.

•

•

Returns but still experiences navigation issues.

Returns but still experiences navigation issues.

Purchase

Purchase

Browsing & Shopping

Browsing & Shopping

Awareness

Awareness

Consideration

Consideration

First Purchase

First Purchase

Repeat Visits

Repeat Visits

Happy

Happy

Neutral

Neutral

Unhappy

Unhappy

Scenario

Scenario

Goal

Goal

Ideation

Ideation

Translated research insights into paper sketches to explore layout, navigation, and interaction ideas before moving into digital wireframes.

Translated research insights into paper sketches to explore layout, navigation, and interaction ideas before moving into digital wireframes.

Paper Wireframe

Paper Wireframe

Low Fidelity

Low Fidelity

Design System

Design System

Logo

Logo

Font

Font

Poppins

Poppins

Aa

Aa

COLOR SYSTEM

COLOR SYSTEM

Primary

Primary

Secondary

Secondary

Tertiary

Tertiary

Quaternary

Quaternary

Neutrals

Neutrals

Typography

Typography

Heading 1 Poppins Bold 48 px

Heading 1 Poppins Bold 48 px

Heading 2 Poppins SemiBold 36 px

Heading 2 Poppins SemiBold 36 px

Body 1 Poppins Regular 24px

Body 1 Poppins Regular 24px

Body 2 Poppins Regular 16px

Body 2 Poppins Regular 16px

Body 3 Poppins Medium 14px

Body 3 Poppins Medium 14px

Body 4 Poppins Regular 14px

Body 4 Poppins Regular 14px

Body 5 Poppins Regular 12px

Body 5 Poppins Regular 12px

Design

Design

Before

Before

after

after

www.your-website.com

www.your-website.com

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