Gambling.com — Feature Design

I'm Feeling LuckyCRO Feature Design

A spin-the-wheel interaction that turned a passive 30-operator oplist into a single committed click-through — shipped live on Gambling.com's highest-intent NZ market.

View live on Gambling.com

My Role

UX/UI Designer

Market

New Zealand

Type

CRO · Interaction Design

Status

Shipped

Turning a high-intent page into a high-converting one

The "No Deposit Free Spins NZ" page already pulled in bottom-of-funnel users — people actively searching for a casino offer, ready to convert. But with 30+ equally-weighted operators in the oplist, choice paralysis took over and click-through dropped.

The CRO brief was clear: design a moment of engagement that drives a user toward one operator — without compromising editorial integrity or affiliate disclosure.

CRO Interaction Design Animation Gambling.com NZ Oplist

30 operators. Zero decision momentum.

Choice paralysis is a known issue on comparison pages. When users are presented with too many options, they disengage. The existing oplist format — while comprehensive — gave users no reason to commit.

The solution needed to be lightweight, fun, and fast to act on, surfacing a single high-converting operator from the top 30 without feeling manipulative.

What the brief was working within.

The feature had to sit inside an existing editorial page without disrupting its content or ranking signals — no full-page takeover, no changes to the oplist. Affiliate disclosure had to stay transparent at every state. Engineering capacity was a single sprint, so personalisation was off the table. And operator logos couldn't be swapped — visibility issues on coloured backgrounds had to be solved in CSS.

A three-state interaction that turns browsing into deciding

The feature works in three moments — a persistent CTA on the page, a spinning wheel animation, and a final reveal. Each state is designed to build anticipation and reduce friction to the click-through.

I'm Feeling Lucky — live entry CTA on gambling.com NZ

State 01

The Invitation

A persistent banner above the oplist with a wheel icon, a curiosity-driven headline, and a single bold CTA. Designed to interrupt the passive scroll without being intrusive.

Spin wheel modal — live on gambling.com NZ

State 02

The Spin

Clicking triggers a full-screen modal with a spin wheel cycling through operator logos. The animation builds anticipation — slowing before landing on the winner.

Result modal — operator reveal with CTA

State 03

The Reveal

The popup resolves on a single operator from the top 30 — showing the brand, offer, and a prominent CTA. One clear action, no competing choices.

Three routes considered. One chosen.

Three approaches scoped against one test: does this actually break the scroll, or just decorate it? Only the wheel did — one result, no alternatives, built on a mechanic the audience already knew from the product category itself.

Cut: editor's pick highlight

Solved visibility, not commitment. Users could still scroll past it — the passive behaviour that caused the problem in the first place.

Cut: curated shortlist modal

Reducing 30 options to 3 was better — but 3 is still a choice. The problem was choice paralysis, not list length.

Shipped: single-result spin wheel

One result, zero competing choices. The spin mechanic is native to casino audiences — familiar, not gimmicky.

Iteration: modal scale

The first draft had the wheel fill the full browser window. Stakeholder review flagged it as overwhelming — the final version is centred and contained, keeping focus on the wheel and the result.

Designed across all breakpoints

The full interaction was designed for desktop, tablet, and mobile — with screen recordings provided for each breakpoint as part of the handoff. The popup is fully responsive, adapting its layout for smaller viewports without losing the animation impact.

Desktop — full page with I'm Feeling Lucky feature
Figma — wheel component design
Figma — wheel component

The shipped version — live on gambling.com

The wheel as it appeared in production on the NZ No Deposit Free Spins page. Operator logos are rendered using CSS contrast adjustments per segment — making each logo darker or lighter in code depending on the background colour — so every brand remained legible without replacing a single production asset.

I'm Feeling Lucky — live on gambling.com NZ

Try the spinning wheel

The full interaction — CTA, spin animation, and result reveal — built as a functional prototype. Click the button or the wheel to spin.

Interactive prototype — Open full screen ↗

The thinking behind the choices

Every aspect of the feature was designed around a single goal: get the user to commit to one operator without feeling pressured. The micro-decisions behind that goal shaped every component.

First test: banner above the oplist

The initial A/B test placed the feature above the oplist — intercepting users before they entered scroll paralysis. Post-launch engagement data showed the opposite worked better: users who had already scrolled the full oplist without committing were significantly more receptive. The feature was moved below the oplist based on that data and has stayed there since.

Slots animation over a simple spinner

The cycling wheel animation mirrors the language of casino gaming — familiar to the audience and inherently exciting. It also buys time for the "random" selection logic without feeling like a delay.

Top 30 pool, single result

Only showing one winner eliminates all residual choice paralysis. Pulling from the top 30 ensures commercial relevance while maintaining the illusion of true randomness.

Full editorial compliance

The affiliate disclosure and editorial independence messaging was preserved in the banner design — ensuring the feature met GDC's legal and editorial requirements from the outset.

CSS contrast over logo replacement

Some operator logos rendered invisible against the wheel segments — a known limitation of using existing brand assets on a coloured background. Replacing logos wasn't an option: it would have required a site-wide asset swap across all operators, which was out of scope and checked with compliance. My fix was to apply CSS contrast adjustments per segment — making logos darker or lighter in code depending on the background they sat on — so every operator remained legible without touching a single production asset.

The feature was greenlit for production within one review cycle — the Head of Growth's feedback focused on the interaction quality rather than requesting changes.

"I love that design, looks fantastic."

Head of Growth — Gambling.com

Shipped, successful, and still live.

The feature shipped on the NZ No Deposit Free Spins page — one of Gambling.com's highest-intent markets. The first test placed the feature above the oplist, intercepting users before they browsed. Engagement data from that test showed a stronger signal when the feature sat below the oplist — users who had already scrolled through 30 operators without committing were significantly more receptive to the spin mechanic as a decision tool.

That data drove the iteration: the feature was moved below the oplist, a change confirmed in collaboration with the Head of Growth. It has remained in that position since — still live on the page today — and is referenced internally as a model for future spin-to-convert interactions on Gambling.com.

A passive oplist became interactive, and a user who engaged with the wheel committed to exactly one operator with a single click — with zero competing choices at the point of decision.

30→1

A passive scroll through 30 operators collapsed into a single committed click-through at the point of decision

↓ Below

Post-launch data moved the feature from above to below the oplist — stronger engagement where users had already browsed without committing

Still Live

Feature retained past initial review, live on Gambling.com's NZ market today, and referenced internally as a model for future spin-to-convert interactions

What I'd approach differently.

If I were doing this again, I'd push for a formal A/B test from the start — even a lightweight one. The repositioning insight (above → below the oplist) came from post-launch engagement signal, but without a controlled split test it's directional rather than conclusive. Setting up the measurement framework before launch would have given cleaner data and a stronger case for rolling the pattern out to other markets.

Next Project

Sports Quiz Hub

View Case Study