Landing Page & Referral System
Bettafi · AI personal finance · fintech · London, United Kingdom
Conversion-focused launch landing page and a custom-built referral system for a UK AI personal-finance app — turning a waiting list into a self-propelling acquisition channel.
The challenge.
Bettafi is a UK personal-finance app that securely connects to a user's banks and turns the resulting transaction data into AI-driven, plain-English next steps for budgeting, debt management and savings. The product itself is sophisticated — pre-launch, the conversion problem was the opposite. A new fintech entering an already-crowded UK market needed a launch presence that did three jobs at once: explain the product clearly enough that a sceptical visitor would trust it with their bank credentials, sign up enough early-access users to validate the proposition before opening to general availability, and turn each of those signups into a recruiter for the next.
Off-the-shelf waitlist tools (Prefinery, ViralLoops, Loops Forms) were considered and rejected. They handle the mechanic, but every page they produce is recognisably a third-party widget. For a brand whose entire pitch is *trust me with your bank logins*, the launch experience needed to feel native, owned, and on-brand from the first frame onward — not an embed living inside a stock template.
The approach.
Two pieces of work, designed and shipped together. First, a single-page conversion landing page anchored on the product's core promise — *Your Money. Simplify & take control of your finances* — paired with a sequence of phone mockups showing the dashboard, debt-management view and goal-tracking screens already in production. Above the fold, the page leads with a clear value proposition and a primary CTA pointing at the early-access form; below it, a step-by-step explanation of the product is followed by a credibility band, FAQ, and the join section as a soft re-close. The copy is written for someone who is one click away from leaving — short paragraphs, plain English, no fintech jargon.
Second, a bespoke referral system built directly into the same waitlist flow rather than bolted on as a separate dashboard. After a visitor submits the early-access form, they land on a confirmation screen that surfaces a unique, personalised referral link, an at-a-glance counter of how many referred friends have signed up, and a clear progression mechanic — invite three, jump higher in the queue. Every referred signup is attributed automatically; rewards and waitlist ordering are recalculated server-side so the system stays trustworthy under load. The referral page is designed to be shareable in its own right: open-graph card, short URL, mobile-first layout.
The outcome.
The full launch experience shipped together — a custom Next.js landing page, a server-driven referral and waitlist system with attribution, an early-access form integrated to Bettafi's stack, and a confirmation-and-share flow that doubles as an acquisition surface. The result is a launch presence that feels native to the product rather than parented out to a SaaS form provider, and a referral mechanic that turns each signup into a small acquisition channel without bolting on a separate platform.
Beyond the initial launch, the same landing page and referral surface continue to serve as Bettafi's primary acquisition page during early access — the architecture was deliberately set up so copy, screenshots and the referral reward mechanic can be iterated by the Bettafi team without touching the underlying infrastructure. The visual system carries through cleanly to social, email and out-of-product touchpoints, and the referral system has scaled as expected without manual intervention as waiting-list volume has grown.
From the project.



More from the studio.
Want a project like this?
If something here resonates with where you're heading, the next step is a thirty-minute call. No slides, no fluff — leave with a concrete plan whether we work together or not.