Screens in this prototype

Every screen and state, on desktop and mobile, at a glance. Click any frame — or Enter the prototype — to open it live.

Enter prototype

Variants: App Store subscriber (new 3-step flow) · No App Store subscription (unchanged 2-step flow)

Settings — entry point

primary

Reach: Settings → Delete Account card

Unchanged. 'I understand. We're breaking up.' opens the flow.

Desktop

Mobile

Step 1 — Apple warning gate (NEW)

primary

Reach: Delete link, App Store subscribers only

Red banner + detected plan + Apple guide link + required checkbox. Continue disabled until ticked.

Desktop

Mobile

Step 2 — Exit survey

primary

Reach: After the gate

Existing survey, unchanged content.

Desktop

Mobile

Survey — 'Other' requires a reason

state

Reach: Survey → select Other

Next disabled until the reason textarea is filled.

Desktop

Mobile

Survey — 'Too expensive' (offer suppressed)

state

Reach: Survey → select It's too expensive

DECISION: no retention offer for App Store subscribers — the 50%-off offer is a Stripe checkout and risks double billing. Non-App-Store users keep it (stripe.html).

Desktop

Mobile

Step 3 — Final confirmation

primary

Reach: After the survey

Apple-aware consequence copy + password. Enter 'hunter2' to demo the error.

Desktop

Mobile

Step 3 — wrong password error

state

Reach: Final step → wrong password

Inline 422 message; clears on typing.

Desktop

Mobile

Step 3 — deleting (loading state)

state

Reach: Final step → Delete my account (request in flight)

Button disabled + 'Deleting…' label; double-submit guarded. Success = toast then reload to the logged-out state.

Desktop

Mobile

Stripe/other user — survey (no gate)

secondary

Reach: Delete link, non-App-Store users

Flow unchanged from production — proves the negative detection case.

Desktop

Mobile

Stripe/other user — final step (unchanged copy)

secondary

Reach: After the survey

Keeps the current 'Cancel active SortMe Boost' consequence line.

Desktop

Mobile