How BentoPay Cut Checkout Friction: a before/after redesign that boosted conversion 12%

Design · 4 min read

BentoPay's original checkout had nine interaction points, optional fields that weren't needed, and a single modal that tried to do everything: verify card, confirm address, and upsell insurance. Qualitative interviews with 30 users and a funnel analysis showed 47% drop-off at the verify-address step, and heatmaps revealed users repeatedly reopening the address field when autofill failed.

The team tested three hypotheses: streamline fields, defer nonessential asks, and provide clearer success signals. The redesign removed optional fields from the initial flow, moved the insurance upsell to the post-confirmation screen, and introduced inline validation with optimistic autofill hints. A lightweight animation reinforced a successful charge without adding delay to the critical path.

In an 8-week A/B test across 60k sessions, the new flow improved completed checkouts by 12%, reduced average time-to-complete by 22%, and increased net revenue per session due to fewer abandoned carts. The article walks through the decision matrix the product and design teams used to prioritize changes, including risk assessment for fraud and regulatory checks, and how telemetry was instrumented to validate behavioral changes.