Case study

London, UK --:-- · …
All case studies

Online sportsbook & casino

Redesigning Registration Around the First Deposit

How I redesigned a registration flow with over 50% drop-off into a guided journey from sign-up to first deposit.

iGaming Consumer

Role

Product Designer

Timeline

2021

Company

Undisclosed

Platforms

Desktop · Mobile web

Choose your view The complete case study.
Three mobile screens of the registration flow: user details, address, and account, with a step indicator across the top
The three-step registration flow on mobile: user details, address and account.

Overview

Registration is the front door of an online gaming platform. It is also where acquisition turns into a customer: someone who abandons registration has already cost the business money to acquire, without generating any value.

In a regulated market, registration cannot simply be reduced to a few fields. Operators need enough information to verify identity before an account can be funded. The existing flow collected everything it needed, but gave users very little help getting through it — and more than half dropped out.

I owned the redesign end to end, from research and journey design through to high-fidelity UI, prototyping and the shared style guide used by the desktop and mobile teams.

A front door that lost most of the people who opened it

Four things worked against completion at once.

  • No sense of progress. Users could not see how much was left, what each section was for, or why certain information was required.
  • Errors were difficult to recover from. Errors told people something was wrong, not what to fix — or what a valid answer looked like.
  • The motivation disappeared. Bonus campaigns brought people to the site, but the offer vanished once registration started — exactly when users needed a reason to continue.
  • Registration ended too early. Creating an account led to an empty account rather than naturally into the first deposit.

More than half of the people who started registration did not finish it — on a platform where every one of those starts had been paid for.

Learning the market and the users before touching the form

I ran three strands of research in parallel.

Competitive analysis

I analysed 14 iGaming operators in the same market, comparing step structure, information requirements, offer placement and error handling. This showed both the patterns users were already familiar with and where there was room to improve.

A comparison matrix of 14 UK-facing iGaming operators, scoring each on flow type, number of steps, single sign-on, promo banner, progress indicator and inline validation
Illustrative Registration patterns across 14 UK-facing operators, 2021 — 12 used a stepped flow, 13 surfaced a promo banner, only 3 offered single sign-on. Redrawn for this case study; the original audit is not public.

User interviews

The product had over 30,000 active users. I worked with customer support to recruit people with different levels of experience and playing behaviour, rather than relying only on frequent or highly engaged players.

The interviews covered both our product and competitors people also used. Comparing those experiences helped separate isolated usability issues from broader expectations about how registration should work.

Affinity mapping

I ran an affinity-mapping workshop with stakeholders to group the findings, explore journey variations and surface back-end constraints early, before they became design problems.

Affinity map with three themed rows — clarity and progress, errors and recovery, trust and motivation — pairing user needs on the left with back-end constraints on the right, and a design principle drawn from each row in the middle
Redrawn The workshop output: user needs on one side, back-end constraints on the other, and the principle each pairing produced in the middle. Three themes — clarity and progress, errors and recovery, trust and motivation.

From findings to direction

Three pieces of work turned the research into something the team could design and build against.

Entry behaviours

Working with customer support, I defined four behavioural archetypes based on what brought users into registration. They became test cases for checking whether one journey could support different acquisition routes.

Four persona cards — the Casual Bettor, the Sports Fan, the High Roller and the Sharp — each with a motivation, a betting behaviour and a three-step registration entry route
Redrawn Four archetypes, four entry routes — bonus-led, event-led, reliability-led and offer-led — all of which one adaptable flow had to serve.

User stories

I translated the findings into user stories so design, product and engineering could discuss requirements in the same language.

User flows

Rather than starting from a blank page, I reworked the existing journey: resequencing the form, bringing the offer to the front and extending registration through to first deposit.

The revised registration user flow: four persona entry routes converging on one core journey — offer first, account basics, personal details, address and contact, security and review, first deposit — then branching to a home, sports or casino destination
Redrawn One core journey, entered four different ways. What changed: the offer moved to the front, sections were resequenced by task, and the journey was extended through first deposit.

The redesign, in four decisions

  • Keep the reward visible. The campaign that brought someone to registration stays visible throughout the journey, so the reason to finish does not disappear once the form begins.
  • Make progress and recovery obvious. The form is divided into clear sections with visible progress. Error messages identify the problem and explain how to fix it rather than returning generic codes.
  • Continue through first deposit. Account creation leads directly into deposit instead of ending on an empty account. The benefit of funding the account is explained at the moment it becomes relevant.
  • Make desktop and mobile behave as one product. Two teams owned the implementations, so components, states and behaviours were specified centrally rather than allowing the two versions to drift apart.

Following one new user end to end

Registration is usually designed as a form. It is more useful to design it as the middle of a journey that starts with a campaign and ends with a funded account.

Interactive

Follow one new user from campaign to first deposit — choose a stage to see what happens there.

Acquisition

A visitor arrives from a campaign — the acquisition cost has already been paid before they see a single field.

  • The offer that brought them in continues into registration rather than being dropped at the door.
  • What it takes to claim it is visible before the form starts.
Stage 1 of 4

Keeping two build teams on one product

Desktop and mobile web were built by separate teams. Without a shared reference, the same journey could easily have shipped with different components, behaviours and error states.

I created a style guide covering the components, states and interaction rules both teams needed, then used it alongside the high-fidelity designs as the shared implementation reference. It was the least glamorous part of the project and probably the highest-leverage.

Style guide: the three-colour palette with 50% and 10% tints, a ten-step Poppins and Open Sans type scale, four button types across active, hover, focus and disabled, and text input, select, radio and notification components with their full state matrices
The shared style guide: colour tokens, type scale, and every component the flow depends on specified down to its hover, focus, disabled and error states — so both teams built the same product.

The high-fidelity designs showed the whole journey in context, including the error and edge states. The prototype below runs the complete flow.

The full journey, offer through confirmation, recreated as a working prototype — including the date-of-birth validation state.

What happened after launch

50%+ → <5%

Drop-off during registration

2 weeks

Time to observe the change after launch

Of users who started registration, more than 50% previously abandoned before completing it. In the first two weeks after launch, that rate fell below 5%.

Measurement caveat: the redesign launched alongside a marketing campaign, so I cannot attribute the wider conversion increase to design alone. Registration drop-off is the cleaner signal because it measures users who had already entered the flow. If I were running the project again, I would instrument section- and field-level abandonment before launch so the effect could be measured more precisely.

What I'd carry forward

The instinct with a leaky form is to make it shorter. That was not the answer here. In a regulated product much of the information was mandatory; the opportunity was to make the effort understandable and the value of completing it visible.

The bigger lesson was about where to draw the product boundary. Registration had been treated as a form ending at account creation. Looking at the full journey — from acquisition campaign to funded account — exposed problems that optimising the form alone would never have solved.

If I ran the project again, I would test recovery states directly with users and define section-level analytics before launch. Both would have made the design decisions, and their eventual impact, easier to validate.