Lou & Grey

Checkout Redesign & Optimization From 0.9% to 3% conversion, how a structural redesign and iterative testing transformed checkout for a major e-commerce brand

my role: user experience design | experimentation team
industry: retail | e-commerce
team: redesign + a/b testing

As part of a dedicated experimentation team, I served as the sole User Experience Designer supporting Lou & Grey, a women’s apparel brand with a persistent conversion problem. Conversion held steady at a 0.9%, well below industry benchmarks, and the business knew something was broken, but not what or where.

My role was end-to-end: partnering with stakeholders to form hypotheses; designing and prototyping test variants, and interpreting results to inform the next round of experiments. No single test produced the lift; it was the compounding effect of many small, well-targeted changes over time.

The Problem

Lou & Grey's checkout was converting at 0.9%, users were abandoning at every stage, not one catastrophic moment. The challenge was identifying which friction points to address first and in what sequence. Analytics and session recordings told a clear story before we ran a single test.

Four distinct friction patterns emerged:

  1. Checkout Flow Friction

    Too many steps between cart and confirmation, users lost momentum.

  2. Formfield Overload

    Cognitive load was high before users committed to buying.

  3. Trust and Security

    Session recordings showed hesitation at payment fields.

  4. Cart Abandonment

    Funnel data showed a drop-off pattern from cart to checkout.

Design Process

Hypothesis-driven, not opinion-driven

Every experiment started with a formal hypothesis before a single design was created. This discipline, shared across the team, kept the program focused on learning, not just shipping variants.

  1. Data synthesis

    Combined funnel analytics with session-recording analysis to identify specific drop-off moments and user behaviors. Looked for patterns across sessions, not individual outliers.

  2. Hypothesis formation

    Wrote structured hypotheses: "We believe [change] will [outcome] because [data insight]." Partnered with the analyst to prioritize by potential impact and ease of isolation.

  3. Variant design

    Designed test variants with one variable changed at a time. Maintained brand fidelity while isolating the specific element being tested, ensuring results were attributable to the change, not noise.

  4. Prototype and QA

    Built high-fidelity prototypes for stakeholder alignment, then partnered with developers through implementation to ensure test variants matched design intent exactly; a corrupted variant produces meaningless data.

  5. Results analysis and iteration

    Reviewed results with the analyst after each test. Win or loss, the result informed the next hypothesis. Losing tests were often as valuable as winning ones; they ruled out explanations and sharpened the model of what users actually responded to.

Funnel: Before Optimization

Analytics told us where users left. Session recordings told us why. Together, they shaped every hypothesis we tested

Conversion graph | before optimization

Funnel: After Optimization

conversion graph | after optimization

Four Key Areas for Testing

checkout flow friction: too many steps between cart and confirmation. Users lost momentum.
Cart abandonment: funnel data showed a drop off pattern at cart to checkout
focus area: checkout
Form Field overload: cognitive load was high before users committed to buying.
Deliverables: Wireframes, prototypes, high fidelity

Overview

One brand, one problem, relentless iteration

Part of a larger program: this case study focuses on one brands checkout as the hero story. The same experimentation discipline was applied across 6 e-commerce brands simultaneously; 250 tests total over 2 years.

Four friction points, one broken checkout

trust and security: session recording showed hesitation at payment fields

Focus: Cart

Version: Control

Desktop

  • Page doesn’t take up more than 1080px

  • The estimated total isn’t easily distinguishable

  • Product tiles waste vertical and horizontal space

  • Banners, navigation, waste vertical space

  • Trust low no “secure payment” signifier

Mobile

  • Banners, navigation, promo code, waste vertical space

  • Product tiles take up too much vertical space, and fonts are too small

  • Need to scroll to proceed to check out CTA

form field overload test chart
checkout control desktop
when it all came together: checkout saw a 23% lift in conversion when all the test came together into a full redesign

Focus: Cart

Version: Redesign

Desktop

  • Seamless transition from cart to checkout

  • Utilizes the entire screen (Reactive design)

  • Product tiles use space more efficiently

  • Matches the brand's look and feel

  • The estimated total is clear

Mobile

  • Banners and navigation were removed from the top of the screen

  • Experience matches the desktop seamlessly

  • Product tiles efficiently utilize space

  • Proceed to checkout, CTA is easy to find with minimal to no scrolling

Focus: Checkout

Version: Control

Desktop

  • “Accordion” style bounding boxes for each information section, must fill out first section to see next section

  • Total and order summary too small

  • The page refreshes with each section completion, making the checkout process slow

Mobile

  • Vertical space is lost to unnecessary banners, global navigation, and checkout navigation

  • Feels like a completely separate experience from the previous cart page

  • Checkout navigation is introduced, calling out ‘bag/cart’ but not included on the cart

  • Input boxes are too small for standard click radius

Focus: Checkout

Version: Redesign

Desktop

  • “Accordion” style bounding boxes for each information section, must fill out first section to see next section

  • Total and order summary too small

  • The page refreshes with each section completion, making the checkout process slow

Mobile

  • Vertical space is lost to unnecessary banners, global navigation, and checkout navigation

  • Feels like a completely separate experience from the previous cart page

  • Checkout navigation is introduced, calling out ‘bag/cart’ but not included on the cart

  • Input boxes are too small for standard click radius