top of page

Amazon Product Page Redesign

Amazon is one of the largest e-commerce platforms, but its product pages are often overloaded with information, making it difficult for users to quickly make purchase decisions.

This project focuses on redesigning the product detail page to improve clarity, reduce cognitive load, and increase conversion efficiency.

Core Problem

   Users face information overload when browsing product pages, leading to:

  • Decision fatigue

  • Difficulty locating key information

  • Lower conversion confidence

Key Observations

  • Too many sections competing for attention

  • Reviews, specs, and promotions lack hierarchy

  • Filters and variations are not intuitive

Target User

截屏2026-04-28 13.46.54.png

Persona

  Name: Emily

  Age: 26

  Occupation: Marketing Specialist

  Location: Urban (e.g., New York / SF)

  Tech Level: High (frequent online shopper)

Pain point

  • Too much information but low clarity

  • Reviews are overwhelming and sometimes inconsistent

  • Hard to tell which product is actually “worth it”

  • Spends too much time switching between similar products

Goals

  • Quickly identify reliable, high-quality products

  • Minimize time spent comparing options

  • Feel confident before making a purchase

“I don’t need more information, I need clearer decisions.”

User Journey 

​​

Purchase

截屏2026-04-28 16.21.17.png

Browse

Evaluate

Decide

截屏2026-04-28 16.38.40.png

Search

Abandon

Users experience decision fatigue due to overwhelming information

Key Insight:
The biggest drop-off happens at the decision stage, where users are overwhelmed by information and lack clear decision support.

  • Low confidence

  • Too many options

  • Hard to compare

Wireframe Design

Wireframe1 (1).png

The expandable “More Filters” interaction keeps the left sidebar visually cleaner by hiding less frequently used options until needed. This reduces cognitive load and makes the filtering experience easier to scan.

To reduce visual clutter, I removed or minimized secondary information on the product cards and kept only the details users need most when comparing products. This improves readability and supports faster decision-making.

Wireframe2.png

To reduce visual clutter, I removed or minimized secondary information on the product cards and kept only the details users need most when comparing products. This improves readability and supports faster decision-making.

Anchor 1

Before

The Redesign 

After

screen-snap-5-1-2026_at_22-37-24.png
high-fi design1.png

More options appears after clicking "more filters"

Design decision and impact 

Problems with old design

Design decision

Impact

Information Overload 
Information is densely clustered without clear hierarchy, increasing cognitive load.

Reorganized content into a structured hierarchy:

  • Product overview

  • Key benefits

  • Secondary details

Users can quickly identify key information without processing everything at once.

Overwhelming Filters
Filters present too many options without prioritization, making navigation inefficient.

Simplified filter system:

  • Add "more filters" option

  • Prioritized commonly used filters

  • Reduced visible complexity

Users spend less time configuring filters and more time evaluating products.

​​Inconsistent Product Cards
Product cards lack visual consistency, reducing scannability and slowing comparison.

Standardized product card layout:

  • Unified structure

  • Consistent spacing

  • Clear visual hierarchy

Users can scan and compare products more efficiently, improving decision speed.

😉Want to work together?

bottom of page