Loom · Cancel flow

Graceful goodbyes

I redesigned Loom’s cancel flow on the principle that being straight with people about what they were giving up, and offering them a smaller plan instead of fully leaving, would retain customers better than any dark patterns would.

Role
Senior Product Designer, Billing and Monetization
Timeline
January–March 2023
Scope
Cancellation, downgrade offer, content design
Partners
Product, Engineering, Data, Content

What happened

Shipped
the redesigned flow went live in the product
Retention
substantially higher through the new flow
A new pattern
the cards were adopted across other subscription surfaces

What it replaced

The old flow was standard. It listed what you would lose, but did not offer any alternatives. The survey arrived after the decision had been made, so it collected data for Loom and changed nothing for the customer. The exit was a text link sitting underneath the main button to keep your plan.

The bet

Three principles drove the design changes:

  • Warmer language. The new flow used my conversational tone to feel less bureaucratic and more human.
  • Show what they lose, in their own numbers. Specific figures that feel personal, instead of a giant feature matrix.
  • No dark patterns. The cancel button stays a real, findable button all the way through. The argument was that a flow which respects the decision retains better than one which hides the exit.

The same card, three ways

Much design time went into four cards. They had to tell someone their team was about to lose things, with real numbers attached, without either frightening them into a decision or burying the news so politely that they missed it.

Early version public/images/case-study/cancel-card-v1.webp one card
First pass
Middle version public/images/case-study/cancel-card-v2.webp one card
Second pass
Shipped public/images/case-study/cancel-card-final.webp one card
Shipped

The first pass states the policy and leaves the reader to work out what it means for them. The second adds their own numbers and a red header, which raises the alarm. What shipped is calmer to look at but much harder to ignore: it leads with the thing you would have to do, then sets your own number against the new limit, 28 against 25, with the limit in red.

The full exploration board public/images/case-study/cancel-explorations-board.webp tall · the whole contact sheet
Every version Scroll inside the frame for a look into the content design iterations.