← Selected Work
Selected Work #6 · StubHub

Modernize Checkout

Buyers were dropping out right at the last step, most of all on mobile. I redesigned checkout around the four reasons they were leaving, and measured the result.

Context
StubHub’s multistep checkout had a large drop-off between ticket details and purchase, while competitors pushed hard on mobile.
Role
UX Lead. Led design direction and end-to-end execution, aligned cross-functional leads and managed stakeholders.
Impact
+9%mobile conversion
+2.5%desktop conversion
−18%accidental double purchases
BeforeCheckout before the redesign
AfterCheckout after the redesign
Insight to impact

Four problems, four design decisions

Research and analytics showed why buyers left. Each finding drove one decision, and each decision was tested against a number.

Finding
37%

Higher drop-off on mobile than desktop

A long, multi-step checkout confused users, especially new ones.

Design response

Shorter path, one-tap buying

A streamlined review-and-buy flow with Apple Pay as the default payment.

Result
+9%

mobile conversion, and +2.5% on desktop.

Finding
17%

Bought tickets for the wrong event

Many users overlooked the event date and didn’t notice until later.

Design response

Make the day and event impossible to miss

Visual focus on the day of the week, with the event name highlighted.

Result
−12%

wrong-date purchases, with fewer related customer contacts.

Finding
Dated

Screens felt old, and trust suffered

Users said the design suggested StubHub wasn’t paying attention to the experience.

Design response

Refresh the brand and visuals

Updated imagery and brand elements for a modern, trustworthy feel.

Result
✓

Visual refresh shipped together with the flow changes.

Finding
Unclear

Crowded confirmation, repeat orders

The confirmation page was so busy that users weren’t sure the order went through, and bought again.

Design response

Make success unmistakable

A clear visual confirmation that the purchase succeeded, with the next steps.

Result
−18%

accidental double buying.

Process

Aligning the team before drawing screens

I opened with a brainstorming workshop so the team agreed on the problem before debating solutions, then moved through flows and wireframes into A/B tests and usability research.

Research→Define→Design→Test→Iterate

How might we reduce the drop-off of customers who are trying to purchase tickets?

Checkout flow
Flow
Checkout wireframes
Wireframes
Final designs

Mobile first, then web

Review and buy on mobile
Review and buy · mobile
Order confirmation on mobile
Order confirmation · mobile
Checkout on iOS
Checkout · iOS
Review and buy on web
Review and buy · web
Order confirmation on web
Order confirmation · web
Outcomes

Measured after release

+9% mobile
ConversionFocusing on mobile paid off after release, with +2.5% on desktop as well.
−18%
Double buyingA clearer confirmation and next steps cut repeat purchases and raised satisfaction.
−12%
Wrong-date purchasesDay and date were much clearer, with fewer customer contacts.

Wrong-date purchases dropped, but there was still room to improve the event information section. That’s where I would push next.

End of case study · That’s all six · Back to Selected Work #1Define Cohesive ObservabilityDefining a cohesive monitoring experience by bringing multiple products together with AI-native design.