All projects

Checkout 2.0

Lead · Acme

+6% conversion

A rebuilt, accessible checkout.

  • Keyboard-first flows
  • React
  • A11y

Stack

Next.js, TypeScript

+6%

Conversion

What they said

“The new checkout feels twice as fast.”
— Head of Payments, Acme

Built

May 2023 – Nov 2023

Case study

My role
Lead engineer
Team
2 engineers, 1 designer
Timeline
6 months, 2023
Tools
  • React
  • Playwright
  • Figma

The problem

Checkout took nine seconds to become usable on a mid-range phone, and a fifth of people gave up before paying.

What I did

Measured the real bottlenecks, cut the bundle in half, then rebuilt the form so it works with the keyboard alone.

The solution

A single-column flow that renders in under a second and remembers what you typed.

What I learned

The biggest win came from deleting code, not adding it.

Impact

  • +6%

    Conversion

  • -40%

    Time to interactive

  • -23%

    Support tickets

Checkout 2.0 — Asha Rao