Checkout Redesign: Fixing the 40% Conversion Leak

A strategic redesign of a complex checkout flow to halt a 40% drop-off rate, clarifying offer value and unlocking new upsell opportunities for high-intent users.

E-Commerce

CRO

UI/UX Redesign

Checkout Redesign: Fixing the 40% Conversion Leak

A strategic redesign of a complex checkout flow to halt a 40% drop-off rate, clarifying offer value and unlocking new upsell opportunities for high-intent users.

E-Commerce

CRO

UI/UX Redesign

Checkout Redesign: Fixing the 40% Conversion Leak

A strategic redesign of a complex checkout flow to halt a 40% drop-off rate, clarifying offer value and unlocking new upsell opportunities for high-intent users.

E-Commerce

CRO

UI/UX Redesign

OVERVIEW

Our commerce platform faced a critical leak: a staggering 40% drop-off at the checkout stage. Most alarmingly, this abandonment came from high-intent users who had already met the Minimum Order Value (MOV). The legacy checkout design, inherited from our initial launch, was proving too complex for our specific user base, failing to communicate value and ultimately killing conversion.

CHALLENGES

  • High Abandonment: We were losing 40% of users who had already qualified for shipping/offers (hit MOV), indicating a severe usability friction rather than a lack of intent.

  • Invisible Value: Users earned complex rewards (MOV-based offers vs. SKU-based offers), but the UI failed to clearly distinguish or highlight these benefits, leaving users feeling unrewarded.

  • Dead-End Flow: The checkout was a functional dead-end with zero opportunity to upsell, leaving potential Average Order Value (AOV) gains on the table.

  • Cognitive Overload: Qualitative feedback and screen recordings revealed the interface was simply "too complicated," forcing users to think too hard at the moment of payment.

GOALS

  • Simplify to Convert: Strip away non-essential cognitive load to streamline the path from cart to confirmation.

  • Visualise Value: Redesign the offer logic to clearly display and differentiate between MOV-based and SKU-based rewards.

  • Strategic Upsell: Introduce a friction-free upsell layer to boost AOV without distracting from the primary goal of purchase completion.

MY ROLE

Lead Product Designer I led the redesign initiative, starting with deep-dive user research (interviews & screen recording analysis) to validate our assumptions. I restructured the information architecture to prioritize offer visibility and designed the simplified high-fidelity interface, working with developers to handle the complex logic of multi-tier offers.

DURATION

6 Weeks (Research to Launch)

TAKEAWAYS & LEARNINGS

💎

Invisible Value is No Value

We learned that applying a discount isn't enough; the user has to feel it. Visually separating MOV offers from SKU offers turned a math problem into a "reward moment."

😰

Designing Pressure is Intentional

Replicating interview anxiety isn’t just UX, it’s psychology. Timers, interruptions, and limited tools had to feel stressful but fair.

😰

Designing Pressure is Intentional

Replicating interview anxiety isn’t just UX, it’s psychology. Timers, interruptions, and limited tools had to feel stressful but fair.

🎥

Watch, Don't Just Ask

Analytics told us where they dropped off (40%), but watching screen recordings revealed why. Users weren't leaving because of price; they were hesitating because of interface confusion.

🧠

Multimodal = Modular Thinking

Analytics told us where they dropped off (40%), but watching screen recordings revealed why. Users weren't leaving because of price; they were hesitating because of interface confusion.

🧠

Multimodal = Modular Thinking

Analytics told us where they dropped off (40%), but watching screen recordings revealed why. Users weren't leaving because of price; they were hesitating because of interface confusion.

📉

Complexity Kills Momentum

Even high-intent users (those who hit MOV) are fragile. We found that at the final stage, any ambiguity acts as a stop sign. Simplifying the screen wasn't just aesthetic; it was a revenue safeguard.

📉

Complexity Kills Momentum

Even high-intent users (those who hit MOV) are fragile. We found that at the final stage, any ambiguity acts as a stop sign. Simplifying the screen wasn't just aesthetic; it was a revenue safeguard.

📉

Complexity Kills Momentum

Even high-intent users (those who hit MOV) are fragile. We found that at the final stage, any ambiguity acts as a stop sign. Simplifying the screen wasn't just aesthetic; it was a revenue safeguard.

🚀

Upselling Requires Trust

You can't upsell a confused user. We learned that we could only introduce cross-selling elements after we had simplified the core view and reassured the user of their current cart value.

🚀

Upselling Requires Trust

You can't upsell a confused user. We learned that we could only introduce cross-selling elements after we had simplified the core view and reassured the user of their current cart value.

🚀

Upselling Requires Trust

You can't upsell a confused user. We learned that we could only introduce cross-selling elements after we had simplified the core view and reassured the user of their current cart value.

🧠

Tailoring to the User

Our specific user base wasn't tech-native. We learned that "standard" e-commerce patterns were too abstract for them, requiring us to be more literal and guided in our design approach.

🧠

Tailoring to the User

Our specific user base wasn't tech-native. We learned that "standard" e-commerce patterns were too abstract for them, requiring us to be more literal and guided in our design approach.

🧠

Tailoring to the User

Our specific user base wasn't tech-native. We learned that "standard" e-commerce patterns were too abstract for them, requiring us to be more literal and guided in our design approach.

⚖️

The "Sunk Cost" Lever

Users who hit MOV have already invested effort. The redesign focused on reinforcing that progress ("You've unlocked X") rather than presenting the checkout as a new hurdle to jump.

⚖️

The "Sunk Cost" Lever

Users who hit MOV have already invested effort. The redesign focused on reinforcing that progress ("You've unlocked X") rather than presenting the checkout as a new hurdle to jump.

⚖️

The "Sunk Cost" Lever

Users who hit MOV have already invested effort. The redesign focused on reinforcing that progress ("You've unlocked X") rather than presenting the checkout as a new hurdle to jump.

Copyright @2025

Made with

&

with ❤️ & ☕

Make it Pop!

Copyright @2025

Made with

&

with ❤️ & ☕

Make it Pop!

Copyright @2025

Made with

&

with ❤️ & ☕

Make it Pop!