the abby experience
Persona Nutrition · 2025–2026

Checkout Flow Optimization

Optimizing Persona Nutrition's checkout to cut friction and cart abandonment, turning more visitors into confident, completed orders across desktop and mobile.

Persona Nutrition checkout flow optimization
Overview

Checkout is the final, highest-stakes step in the funnel, and the place where hard-won interest is most easily lost. Even small friction points, extra fields, unclear pricing, weak reassurance, or a clumsy mobile layout, quietly cost completed orders.

I audited Persona's existing checkout, mapped where shoppers hesitated and dropped off, and redesigned the flow to be faster, clearer, and more reassuring. The goal was to remove every unnecessary obstacle between decision and purchase while reinforcing the personalization and trust that brought shoppers this far, so more people finish with confidence.

This was not a one-and-done redesign. It evolved over several years through many iterations, testing different layouts, copy, and step orders against real behavior to see what actually moved the needle, then refining the flow again and again based on what the data and users told us.

UX StrategyConversion OptimizationCheckout UXFunnel AnalysisResponsiveE-commerce
Key Improvements

A friction-first redesign built to convert.

A data-informed approach that removed obstacles at every step while keeping trust and personalization front and center.

+333%
Checkout completion
2.92% → 12.64%
+147%
Average order value
$47 → $116
+301%
Net web sales / day
$793 → $3,181
Persona Nutrition personalized daily plan at checkout

The whole flow leads to one moment: a confident purchase and a plan made just for you. Every checkout decision worked back from that payoff, cutting friction while keeping the personalization and reassurance that make finishing feel worth it.

Recommendations Page Evolution

The recommendations, reworked.

The moment the personalized plan is revealed. From a plain list of products into a clear, persuasive recommendation that shows why each pick fits. Hover any version to scroll its full page.

Persona recommendations page, 2024
2024
Persona recommendations page, 2025
2025
Persona recommendations page, late 2025 / early 2026
Late 2025 · Early 2026
Persona recommendations page, summer 2026
Summer 2026 · Now
01 · Recommendations Page

Recommendations Page

This is where the personalized plan is revealed and the shopper decides whether to buy. It has to make each recommendation clear and trustworthy, so the value is obvious and moving to checkout feels like the easy, natural next step.

Goal

Present each recommendation clearly, with the reasoning behind it, so shoppers understand what they're getting and feel confident enough to check out.

Switch views, then hover a label to see what changed.

Red marks a problem area in the old flow, hover to see why
Desktop
Persona recommendations page, old version Persona recommendations page, current Persona recommendations page, future concept
Mobile · 375px
Persona recommendations page, old, mobile Persona recommendations page, current, mobile Persona recommendations page, future, mobile
Design Highlights
Design Highlights · Future Concept
02 · Checkout Page

Checkout Page

The checkout page is the final step, where any leftover friction or doubt quietly costs the sale. It has to feel fast, clear, and reassuring: collecting only what's needed and making it obvious how to finish.

Goal

Move shoppers from cart to confirmation with as little friction as possible, keeping the form short, the costs clear, and trust high all the way to the button.

Switch views, then hover a label to see what changed.

Red marks a problem area in the old flow, hover to see why
Desktop
Persona checkout page, old version Persona checkout page, current Persona checkout page, future concept
Mobile · 375px
Persona checkout page, old, mobile placeholder Persona checkout page, current, mobile Persona checkout page, future, mobile
Old flow · 3 separate steps
Old checkout, step 1: create account
Step 1 · Create Account
Old checkout, step 2: shipping
Step 2 · Shipping
Old checkout, step 3: payment
Step 3 · Payment
Design Highlights
Design Highlights · Future Concept