Greta BartkuteProduct designer

Case study 04 · Bwin at Entain · Sports betting

Finding a match to bet on in 4 steps instead of 9

Role
UX designer at Entain. I owned the UX and the usability testing.
Team
1 PM, 2 business analysts, developers
Platforms
Desktop and mobile web
Status
Shipped and live
The new Bwin calendar on a laptop and two phones
Outcome
More bets

Placed from the calendar after launch.

I don't have the exact numbers, but the increase was clear.
4 steps

Instead of 6 to 9 to find a match and bet.

0

Times going back. Time, sport and competition all change on one page.

About the project

Early on we realised that fixing just the calendar page wasn't enough. Optimising the whole journey would have a much bigger business impact.

Given the demand for time-based betting, that became the scope.

My role
  • UX designer at Entain, owned the UX
  • Ran the usability testing
  • Worked with 1 PM, 2 business analysts and developers
01 · The problem

9 steps to find one match

Betting is time-sensitive. Odds change, matches kick off. The old calendar showed one sport, one time frame and one competition at a time. If nothing interesting came up, you had to go back and start over.

The challenge
  1. Let people switch between sports and competitions without friction
  2. Make the calendar easier to get to
  3. Show event times and markets right away
Process · How the project ran

Four phases, start to finish

Not interested in my design process? No worries at all. Skip to the final design.

  1. 1Empathise with users
    • Gathered previous research and analytics
    • Mapped the main problems in the current journey
    • Competitor analysis
  2. 2Explore design options
    • Every edge case, like different entry points and bet types
    • Key decisions
  3. 3Iterate design
    • Changes based on usability tests
    • Team and stakeholder feedback
  4. 4Hand over to developers
    • Presented to developers
    • Defined the scope
    • UAT
02 · Who it's for

Two kinds of bettors, two entry points

From existing research and analytics on how and where people place bets, we saw two kinds of bettors. So the calendar has two entry points: all sports by default, and a sport-specific version for people who already know what they want.

Bets on multiple sportsJames, 31 · football, basketball, tennis

I tend to place a bet on different competitions from different sports, happening today or starting soon.

Follows the top competitions of one sportYannis, 29 · football

I tend to place a bet on the most popular football competitions, happening today or tomorrow.
Their journey today · select a step
03 · Key decisions

Times up front, switching on one page

Other betting apps and TV guides showed two things: times need to be easy to see, and switching should happen on one page. Four decisions followed.

Competitor betting app: today's football TV guide with a date strip Competitor betting app: today's events in time order
  1. All sports by defaultBuilt for multi-sport bettors, the ones stuck in the loop.
  2. Time frames as tabsAlways visible, never behind a filter.
  3. Multi-selectPick several sports and competitions at once. No more going back.
  4. Odds in the listBet without opening the match.
Desktop design concepts for the new calendar
Design concept, desktop.
04 · The new journey

From 9 steps to 4

Two steps are gone completely. The rest merge into four. Hover a new step to see which old steps it replaces.

Before · 9 steps
Old home page
Old football page
Old calendar: time frames
Old calendar: competitions
Old calendar: one match
  1. Open the home page
  2. Find Football in the A-Z
  3. Open the Calendar tab
  4. Pick one time frame
  5. Pick one competition
  6. Browse, nothing interesting
  7. Go back, pick "Today"
  8. Pick a competition again
  9. Find the match, add to betslip
After · 4 steps
New home page with Calendar in the top links
1Open the home pageWas step 1
The new calendar, one tap from home
2Tap CalendarReplaces steps 2 and 3
Sports filter with several sports selected
3Change time or sports, if neededReplaces steps 4, 5 and 6
✕Steps 7 and 8 are gone. No more going back.
Odds right in the list
4Tap the oddsWas step 9
05 · Testing

All 5 found a match and bet

I ran unmoderated tests with 5 users on mobile and desktop. I wanted to see if people could find events in a specific time frame, and how they used filters. A few things needed fixing.

Unmoderated test session: the participant's phone on the prototype, their camera, and the task list
A real session: the prototype on the participant's phone, their camera and the tasks.
  1. We saw

    On mobile, 3 of 5 couldn't tell how many filters they'd applied.

    I changed

    A chip for each selection, plus a count bubble on the filter button.

  2. We saw

    On desktop, people removed filters one by one with the ✕ on each pill.

    I changed

    "Clear all" next to the pills, not inside the filter panel.

  3. We saw

    People wanted to see markets before committing.

    I changed

    Markets and odds shown right in the list.

06 · The final design

Times and markets, straight away

All sports by default, and a sport-specific calendar for people who already know what they want. Same layout on desktop and mobile.

All sports

Mobile
Home page with Calendar in the top links
1Calendar is one tap from the home page.
All-sports calendar grouped by time, with sport chips and a filter count
2Time frames as tabs. A chip for each sport and a count on the filter.
All-sports calendar grouped by sport, with odds in the list
3Group by sport instead. Odds right in the list.
Sports filter with recommended sports and an A to Z list
4Pick several sports at once. "Clear all" at the top.

All sports

Desktop
Desktop calendar: sports filter on the left, events grouped by time, betslip on the right

One sport

Mobile
Football calendar with country and competition chips
1Same calendar, with competitions instead of sports.
Football calendar filtered to the Premier League
2One competition, a tap away. No going back.
Competitions list grouped by country
3Every competition on one list, grouped by country.

One sport

Desktop
Desktop football calendar: countries on the left, competitions grouped with odds
07 · Try it yourself

Never go back

I rebuilt the mobile calendar from my final designs. Switch time frames, change sports in the filter, remove a chip or tap the odds.

9:41
bwin.com
DEPOSITSPORTSBETTING18€531.32
Calendar
FeaturedCompetitionsCalendar
What to look for
  1. Time frames as tabs, always visible.
  2. Pick several sports at once in the filter.
  3. A chip for each sport, and a count on the filter.
  4. Group by sport, or by time with the arrows.
  5. Tap the odds to add to the betslip, without opening the match.
08 · Learnings

What I'd do differently

Challenge early assumptions

Challenging the early assumption that “all sports” and “sport-specific” needed completely different experiences showed there was a bigger opportunity in time-based betting.

Bring developers in earlier

Involving developers earlier would have helped validate technical feasibility and timelines.

Measure both calendars

It would also be useful to gather real usage metrics on the two calendar flavours and to check whether people get confused by having both. If they do, we could make the two pages visually more distinct at a glance.