NetBet Betslip Redesign

Role
UX/UI Designer
Duration
3 months
Year
2021

The problem

Players on NetBet found it hard to place bets because the betslip was confusing and not user-friendly. The cluttered layout, mixed bet types and unnecessary features slowed players down, sometimes leading to mistakes. After the redesign, placing bets became clearer and faster, which helped more players complete their bets and increased overall conversion.

Betslip? What is it?

A betslip is where players review and set up bets before confirming.

It shows:

  • Teams or players chosen
  • Type of outcome
  • Stake amount
  • Possible winnings

How are we going to measure success?

We tracked success using two key KPI’s:

  • Bet completion rate. More players successfully placed their bets.
  • Number of Single bets. Players placed more single bets, showing confidence and understanding of the interface.

User Flows

We mapped all possible flows for logged-in and logged-out players:

  • Single bets – Placing one bet at a time.
  • Multiple/Combi bets – Placing several bets in combination.
  • System bets – Placing multiple bets with specific coverage rules.
  • Mixed flows – Switching between bet types in one session.

Some flows were straightforward (Single bets), while others were more complex (Combi/System).

Data analysis

I analysed screen recordings of casual, experienced and high-stake players to identify friction points:

  • Extra scrolling. Players scrolled repeatedly and sometimes rechecked selections, slowing the flow.
  • Mixed bet types (Singles, Combi, System). Players hovered or clicked back and forth, unsure which bet type they were selecting. Confusion was highest when all types appeared in one tab.
  • Rarely used features. Stake buttons (+/–) and “Max stake” were barely used; some players clicked by accident, then reverted to manual input, adding frustration.

Competitive analysis

I have analysed betslips from UK competitor websites to identify patterns and best practices, which were after verified and confirmed by Design Manager:

  • Separate bet type tabs. Clearly divided Single, Combi and System bets, reducing confusion and helping players select the right option faster.
  • Simple stake entry. Direct text input was preferred over additional controls like “+ / –” or “Max stake” buttons, which often slowed users down.
  • Immediate feedback on returns. Displaying expected returns alongside the “Place Bet” button provided transparency and boosted user confidence.
  • Clean, focused layouts. The most effective betslips emphasise essentials - selection, stake, returns and the action button, while minimising distractions.

This review confirmed that our redesign needed to simplify interactions, clarify bet types and keep the interface focused on the core betting actions.

Platform rules and constraints

Our design choices were guided not only by user needs but also by the platform’s operational rules and technical limitations:

  • Balance top-up. Players can still select odds with a £0.00 balance. A top-up prompt appears only when they click the “Place Bet” button.
  • Stake limits. The “Max stake” button was removed. Instead, players see a warning only if they exceed the permitted amount.
  • Real-time odds updates. The betslip refreshes automatically while keeping the interface stable, so players do not lose track of their bets.
  • Responsible gaming. If a player has account limits set, the betslip shows clear messages when those limits are reached.

By considering these rules, the redesign remained compliant while improving usability.

Decisions

Based on the research, testing and business rules, we made a set of key design decisions:

  • Simplified layout. Grouped all bet details (teams, odds, stake, returns) into compact cards, making the slip easier to scan.
  • Separated bet types. Created dedicated tabs for Single, Combi and System bets to reduce confusion and guide players clearly.
  • Streamlined visuals. Removed advanced or rarely used options (like “Get Deep Link URL”) to focus on the core actions.
  • Highlighting transparency. Displayed “Number of bets,” “Total stake,” and “Returns” together near the main CTA.
  • Stronger action button. Paired “Place Bet” with returns info, so players always see potential winnings before confirming.
  • Flexible odds selection. Allowed players to add selections even with £0.00 balance. The balance check only happens at the “Place Bet” stage with a top-up prompt.

Wireframes

I created wireframes in Figma to map the new structure and test ideas quickly.

The focus was on:

  • Arranging information in a cleaner hierarchy.
  • Experimenting with different layouts for tabs and cards.
  • Making sure the “Place Bet” area stayed visible and clear.

These wireframes helped stakeholders and the development team understand the new flow before moving into detailed design.

Prototype

After validating the wireframes with the Design Manager, I built an interactive prototype in Figma.

It included the main flows: placing a Single bet, switching to Combi and handling System bets.

The prototype also simulated error states (e.g., no balance, stake too high, odds change) to ensure the interface responded smoothly.

This allowed us to run usability tests with real users, collect feedback and iterate before development began.

UI Kit and Handoff

I prepared a UI kit and worked closely with developers, passing them the final design assets in Figma, along with component specs.

Testing

We conducted usability tests with a mix of casual, experienced and high-stake players to see how they interacted with the redesigned betslip. During the tests, we observed where players struggled, what they ignored and which features caused confusion.

Final design

Based on these insights from the testing, we made the following improvements:

  • Removed the “Open Bets” tab. Players rarely used this tab and found it distracting, so we focused the interface on active betting actions only.
  • Added delete button. Players needed a faster way to clear all their selected odds. The new delete button allowed them to reset the betslip in one click, improving speed and reducing frustration.
  • Renamed “Multiple bets” to “Combi bets”. During testing, some players were unsure what “Multiple bets” meant. Using the term “Combi” matched industry standards and made it easier for players to understand, especially those familiar with other platforms.

Final testing

Once the last round of design adjustments was made, we conducted another round of usability tests with players. Players were able to complete bets faster with fewer mistakes and confusion between bet types was noticeably reduced. The streamlined layout also encouraged more players to experiment with Combi bets. Feedback confirmed that the redesigned betslip was easier to understand and more efficient than the previous prototype version.

Result

After implementing the final changes, we observed results within two months:

  • Increased bet completion rate by 9%.
  • Increased amount of Single bets.
  • Better overall usability – Players found the new interface cleaner, easier to scan and faster to interact with.

By the way, when the new betslip design was implemented, long-time NetBet players were unhappy because they got used to the old layout. Some even asked for the old design to be brought back. However, over time they adapted to the changes.