WILLIAM HILL

WILLIAM HILL

Betslip Revamp

Betslip Revamp

Betslip Revamp

Betslip Revamp

Re-inventing the William Hill betslip experience to increase engagement.

Re-inventing the William Hill betslip experience to increase engagement.

Re-inventing the William Hill betslip experience to increase engagement.

Re-inventing the William Hill betslip experience to increase engagement.

Re-inventing the William Hill betslip experience to increase engagement.

ASDA

Loyalty App

Helping Asda bring to life their very first loyalty app

WILLIAM HILL

Betslip Revamp

Re-inventing the William Hill betslip experience to increase engagement.

WILLIAM HILL

Betslip Revamp

Re-inventing the William Hill betslip experience to increase engagement.

The brief

William Hill needed a full rethink of their betslip experience, the core touchpoint where users place and manage bets. The existing design wasn't keeping pace with competitor products or evolving user expectations.


Brought in on a 6-month contract, I led an initial discovery phase to understand pain points and opportunities, then moved into a full redesign of the betslip across the product.

My role

My role

I owned the end-to-end UX and design strategy, working closely with the product manager to define a phased approach and delivery roadmap that would land the full redesign within 6 months. I led stakeholder presentations, ran ideation and playback workshops, and drove alignment across the team throughout.

The approach

The approach

We started with moderated usability testing on the highest-traffic journeys, football and horse racing, to ground our decisions in real user behaviour. Those findings shaped a phased delivery plan, allowing us to tackle the biggest pain points first while building momentum for the wider redesign.

Discovery

We started with a heuristic review of the existing betslip to surface assumptions and identify usability gaps.


These findings shaped a moderated usability test focused on the most common journeys: placing a single bet and building an accumulator. Testing with real users gave us a clear baseline of where the experience was falling short and what needed to change first.

Heuristic Evaluation

Heuristic Evaluation

Heuristic Evaluation

Phase 1: Core Betslip & My Bets

We tested concepts iteratively against our baseline to measure improvement.

A key design decision was a new compact mini-slip that doesn't block browsing. We tested the gestures for opening and closing it extensively to get the interaction right.

On the full betslip, we simplified multiples into a dropdown with info buttons after users told us they didn't understand what those options were.

On My Bets, we fixed bets incorrectly showing as lost during live matches, added real-time status updates, and introduced subtle animations to make the in-play experience clearer.

Core Betslip & My Bet

Core Betslip & My Bet

Core Betslip & My Bet

Core Betslip & My Bet

Phase 2: Promotions

We followed the same discovery cycle: moderated usability testing, concept exploration, iterative testing, and validation. The core challenge was making promotions easy to apply without cluttering the betslip.

We landed on a new concept, an additional tray that pops up as a dedicated promo hub. From there, users can see what they've applied, open the T&Cs, and select which promotion to add when multiple are available. This gave promotions their own clear space rather than cramming them into an already dense interface.

Betslip Promotions

Core Betslip & My Bet

Betslip Promotions

Validating the approach every steps of the way

We tested two design directions for how promotions surface while users build their bets.

Both performed well, but the messaging that guided users on how to qualify was a standout, building trust and reducing the suspicion users typically have around bookmaker promotions.


These findings directly shaped the final design.

Promotion Moderated Usability Test Report

Usability Test Report

Promotion Moderated Usability Test Report

Phase 3: Error Handling & Friction Reduction

Following the same research-led approach, we mapped out the friction points causing users to abandon bets.

We designed a price change banner on the mini-slip and full betslip that lets users accept changes without losing context, then reused that same mechanism for promotions to keep interactions consistent.


We also rethought the login flow. Instead of redirecting users away from a bet they'd already built, the login slides in as an overlay so selections stay visible and nothing feels lost.

Following the same research-led approach, we mapped out the friction points causing users to abandon bets.

We designed a price change banner on the mini-slip and full betslip that lets users accept changes without losing context, then reused that same mechanism for promotions to keep interactions consistent.

We also rethought the login flow. Instead of redirecting users away from a bet they'd already built, the login slides in as an overlay so selections stay visible and nothing feels lost.

Error Handling & Friction Reduction

Error Handling & Friction Reduction

Phase 4: Settled Bets & Notifications

The final phase tackled the post-bet experience. Using the same discovery and testing cycle, we redesigned how settled bets are presented and how notifications keep users informed, closing the loop on the full betslip journey from placement through to outcome.

Settled Bets

Settled Bets

Betslip Promotions

Betslip Promotions

Promotion Moderated Usability Test Report

Promotion Moderated Usability Test Report

Error Handling & Friction Reduction

Error Handling & Friction Reduction

Settled Bets

Settled Bets

Betslip Promotions

Betslip Promotions

The results

While the redesigned betslip is still in development, usability testing throughout the project showed strong positive signals. Users consistently described the new experience as easy to use, clean, and familiar.

Crucially, the promotional messaging built trust, a notoriously difficult thing to achieve in gambling, where users are naturally suspicious of bookmaker incentives. In an industry where trust is everything, that shift alone validated the direction.

App Store Ratings

Client Feedback

Client Feedback

"Karine joined us at a critical point in the project and quickly established herself as a trusted partner to both leadership and the wider design team. The quality of her thinking and the foundations she put in place had a lasting influence on its direction and success."

"Karine joined us at a critical point in the project and quickly established herself as a trusted partner to both leadership and the wider design team. The quality of her thinking and the foundations she put in place had a lasting influence on its direction and success."

Alan Colan
Director of Product Design, William Hill

Alan Colan
Director of Product Design, William Hill

The results

While the redesigned betslip is still in development, usability testing throughout the project showed strong positive signals. Users consistently described the new experience as easy to use, clean, and familiar.

Crucially, the promotional messaging built trust, a notoriously difficult thing to achieve in gambling, where users are naturally suspicious of bookmaker incentives. In an industry where trust is everything, that shift alone validated the direction.

App Store reviews

Read more of my case studies

Read more of my case studies

Read more of
my case studies

Read more of my case studies

Read more of
my case studies

Get in touch

Get in touch

Get in touch

Get in touch

Client Feedback

"Karine joined us at a critical point in the project and quickly established herself as a trusted partner to both leadership and the wider design team. The quality of her thinking and the foundations she put in place had a lasting influence on its direction and success."

Alan Colan
Director of Product Design, William Hill