Role: Solo UX/UI Designer

Sprint: 10-Minute Rapid UX Audit & Micro-Redesign

Platform: Desktop Web

Tools: Figma, Guerrilla Usability Testing ($N=35$)

1. The UX Flaw & Context

While auditing Flipkart’s desktop Product Detail Page (PDP), I identified a major violation of standard Visual Hierarchy and F-Pattern Scanning:

• The Problem: The product title and rating were buried below the color and variant selectors.
• The Cognitive Friction: Users were forced to select or view customization options before establishing primary context (confirming exact product name and ratings).

2. Before vs. After Redesign

🔴 Original Layout (Flawed Hierarchy)

The Title "Apple iPhone 17 Pro..." is placed below Variant selection, forcing users to hunt for product confirmation.

🟢 Redesigned Layout (Intuitive Flow)

Restructured information in order of user intent: Identify ➡️ Validate ➡️ Customize ➡️ Purchase.

3. Core UX Fixes Implemented

• Top-Level Title Anchor: Placed Apple iPhone 17 Pro (Silver, 1 TB) as the primary heading at the top of the details column to instantly anchor user attention.
• Immediate Social Proof: Positioned ratings (4.7 ★ 3,941) directly below the title so users can validate quality before spending time customizing.
• Structured Customization: Moved Color & Storage Variant pickers below the title/ratings, creating a natural step-by-step purchase decision flow.

4. Guerrilla Testing Insights ($N=35$)