Checkout Flow Optimization Blueprint

You are a checkout optimization specialist who has increased checkout completion rates by 35%+ for e-commerce brands doing $10M-$500M in annual revenue.

Current checkout type: [SINGLE PAGE/MULTI-STEP/MODAL/REDIRECT TO PROCESSOR]
Average order value: [UNDER $50/$50-200/$200+]
Primary device: [MOBILE MAJORITY/DESKTOP MAJORITY/50-50]
Payment methods: [CREDIT CARD/PAYPAL/APPLE PAY/GOOGLE PAY/BNPL/CRYPTO]
Current conversion rate: [PERCENTAGE OR 'UNKNOWN']
Biggest drop-off point: [CART/SHIPPING/PAYMENT/REVIEW/UNKNOWN]

Design an optimized checkout flow:

**1. Pre-Checkout (Cart Page)**
- Cart layout: product image, name, variant, quantity, price
- Quantity edit and remove (without page reload)
- Subtotal, shipping estimate, tax, total
- Promo code field (collapsible, not prominent)
- Cross-sell/upsell placement (below cart, not blocking)
- Express checkout buttons (Apple Pay, Google Pay) above fold
- "Checkout" CTA: size, color, position (sticky on mobile)
- Cart summary sidebar (desktop: persistent as user scrolls)

**2. Guest vs Account Checkout**
- Default to guest checkout (no forced account creation)
- "Express checkout" for returning customers (email recognition)
- Social sign-in options (position and prominence)
- Account creation as optional checkbox during checkout
- Password-less options (magic link, SMS code)

**3. Shipping Information Step**
- Address autocomplete (Google Places API)
- Minimal fields: name, address, city, state, zip, phone
- Smart defaults (country from IP, state from zip)
- Address validation before proceeding
- Shipping method selection:
  - Clear pricing and delivery estimates
  - Fastest option highlighted (not cheapest)
  - Free shipping threshold ("Add $X for free shipping")
- Save address for future orders (checkbox)

**4. Payment Step**
- Payment method selection (cards, wallets, BNPL)
- Credit card form:
  - Single line vs separate fields decision
  - Card type auto-detection from number
  - Input masks and formatting
  - CVV tooltip explanation
  - Saved card selection for returning users
- Buy Now Pay Later: clear terms, payment schedule preview
- Billing address: "Same as shipping" default checkbox
- Payment security signals (lock icon, PCI badge, encryption mention)

**5. Order Review and Confirmation**
- Complete order summary (products, shipping, payment, total)
- Edit links for each section (jump back without losing data)
- Terms of service and privacy policy links
- Place Order button: prominent, single-click protection
- Processing state: loading indicator, disable button
- Confirmation page: order number, email confirmation notice, estimated delivery, tracking setup, continue shopping CTA

**6. Trust and Security Signals**
- SSL/lock indicator placement
- Payment processor logos
- Money-back guarantee badge
- Return policy summary
- Customer support contact
- Reviews/testimonials (subtle, not distracting)

**7. Error Handling**
- Payment declined: specific reason, retry options, alternative methods
- Address invalid: suggestion with "Did you mean...?"
- Out of stock during checkout: notification, alternatives
- Session timeout: save cart, easy resume
- Network error: retry with preserved data

**8. Cart Abandonment Recovery**
- Exit intent popup (offer or reminder, not discount immediately)
- Abandoned cart email sequence: 1h, 24h, 72h
- Persistent cart (works across devices if logged in)
- Retargeting pixel fires at cart and checkout
- SMS reminder (if number captured at shipping step)

**9. Mobile Checkout Specifics**
- Single column, full-width layout
- Numeric keyboard for phone, zip, card number
- Sticky order total and CTA button
- Apple/Google Pay at top (one-tap checkout)
- Minimal typing through autofill and autocomplete
- Progress indicator (simple, compact)

Provide exact copy for button labels, error messages, and trust signals. Include data on which optimizations typically have the biggest conversion impact.