Revolut : Fixing the Premium upgrade dropoff

to blog

Vibe Coding Revolut's Premium upgrade feature

Shashank Sharma · Product Designer, Berlin · Loavble AI

🚨 I used Claude + Lovable to rebuild Revolut's core upgrade flow

⚡ Found 6 UX errors that were quietly costing them conversion.

Revolut has 70 million users. Most are on the free plan.
Upgrading them to Premium (£7.99/mo) is their highest-margin revenue lever. The flow that handles this has fixable problems.

I started off with Claude to generate a complete thorough prompt end-to-end for the particular flow, fixed the errors and added examples of what I exactly wanted, then took it to Lovable and tweaked it three times to get here. (Check out my prompt in the last 30 seconds of the video).

Here's what was broken — and what I changed:

❌ The Continue button is active before any number is typed.
✅ Disabled until valid input. Simple. Should already exist.

❌ OTP autofill doesn't work — a single missing HTML attribute.
✅ autocomplete="one-time-code" added. SMS autofill now works natively.

❌ The resend timer shows numbers but no visual progress. Users don't know if their code is coming. Perceived failure.
✅ SVG countdown ring. Clear active/inactive states. Anxiety removed.

❌ 'Standard' plan label on home screen is invisible and passive.
✅ Replaced with a contextual upgrade pill — warm, not pushy. Shortcut to personalised recommendation.

❌ No fee warning before the exchange limit is hit.
✅ Progressive disclosure strip: '3 of 5 free exchanges used.' Users who see the value gap before hitting a limit convert 3× more.

❌ Upgrade prompt fires after blocking the user. Cold. Coercive. Wrong moment entirely.
✅ Fires after a successful exchange instead. Same ask, warm context. Industry data: post-success upsells convert at 8–12% vs. 2–3% for paywall blocks.

The prototype runs the full journey:
Splash → Sign in → Phone → OTP → Home → Exchange → Upgrade nudge → Plan recommendation → One-tap confirm.

Before and after, side by side, every error labelled with the business reason it matters.

Link to the lovable prototype. 👇🏻
https://revolut-upgrade-hero.lovable.app/

Built with Anthropic Claude + Lovable.
Thinking did the work.
Vibe coding made it visible.

I would love to hear your thoughts! 😃🙌🏻
Follow & Comment "Claude" if you want to access the detailed prompt.