E-Commerce Platform Redesign
Product Design

E-Commerce Platform Redesign

Increased conversion rate by 34%

RoleLead UI/UX Designer
TimelineJan – Apr 2025
ToolsFigma, FigJam, Maze, Hotjar
Team2 Designers, 4 Engineers, 1 PM
Challenge

Users were abandoning carts at a 72% rate due to a confusing checkout flow and lack of trust signals.

Solution

Simplified the checkout to 3 steps, added progress indicators, and introduced social proof throughout the funnel.

Impact

34% increase in conversion rate, 28% reduction in cart abandonment within 60 days of launch.

My Role

Led end-to-end design from research through handoff. Conducted user interviews and usability testing.


The Problem

The existing checkout experience was built incrementally over 3 years without a cohesive design strategy. Users faced a 7-step checkout process with no clear progress indication, leading to confusion and drop-off at every stage.

Analytics showing drop-off points in the checkout funnel
Heatmap data revealed users struggling with the payment form layout

"I got to the payment page and wasn't sure if my items were still in the cart." — User interview participant

Research & Discovery

I conducted 12 user interviews, analyzed 3 months of Hotjar session recordings, and performed a competitive audit of 8 leading e-commerce platforms. Three key themes emerged: users wanted visibility into their order at all times, trust signals before entering payment info, and the ability to edit their cart without losing progress.

Affinity mapping session
Affinity mapping
User journey map
Journey map
Competitive analysis
Competitive audit
12User interviews
200+Sessions analyzed
8Competitors audited

Design Process

Starting with low-fidelity wireframes, I explored multiple checkout flow patterns. The key insight was that a persistent order summary sidebar reduced anxiety and kept users oriented throughout the process.

Original 7-step checkout
Before: 7 steps
Redesigned 3-step checkout
After: 3 steps

Iteration & Testing

I ran 3 rounds of usability testing with 5 participants each. The first iteration revealed that users still missed the progress indicator — I increased its visual weight and added step labels. The second iteration showed a 90% task completion rate.

Wireframe iterations showing the evolution of the checkout flow
Wireframe iterations — from exploration to final direction

Final Solution

The final design features a streamlined 3-step checkout with a persistent order summary, inline validation, trust badges, and a guest checkout option. Every decision was backed by user research and testing data.

Final checkout design across devices
Responsive checkout experience across desktop, tablet, and mobile
Step 1: Shipping details
Shipping details with address autocomplete
Step 2: Payment
Payment with trust signals and saved methods

Results

+34%Conversion rate
-28%Cart abandonment
4.6/5User satisfaction
< 2minAvg. checkout time

Within 60 days of launch, the redesigned checkout flow delivered measurable improvements across all key metrics. Customer support tickets related to checkout dropped by 45%, and the NPS score for the purchase experience increased from 32 to 58.

Reflection

If I could do this project again, I would have involved engineering earlier in the ideation phase. Some of my initial concepts required custom payment integrations that weren't feasible within the timeline. Earlier collaboration would have surfaced these constraints sooner and saved a week of design iteration.