All Projects
Hollywoodbets · Web App · UX

Soccer Punters Challenge

Brand new platform. R23M+ already paid out. The brief: make it work for someone who has never filled in a pick before. We started from scratch.

Lead UX
Nayaab Sahue
UX Designer
Mfundo Zondi
Tools
Figma · Adobe XD
Year
2023
View on Behance ↗
Soccer <em>Punters</em> Challenge
The Challenge

New platform, wide & varied audience

Soccer Punters needed to onboard complete beginners alongside seasoned punters. The home screen had to work for both audiences without alienating either, and do it fast.

The Approach

Feel like football, play like a competition

Benchmark against Fantasy Premier League and design for the beginner mental model first. If a first-timer can figure it out in 30 seconds, a veteran can too.

Research · Phase 01

Understanding the user

Before wireframing anything, we needed to understand who was arriving on the platform and why. Soccer Punters had to serve two audiences with very different mental models: casual fans drawn by the prize pool, and seasoned PSL punters who wanted speed and form data.

12
User Interviews
280
Survey Responses
3
Platforms Audited
2
Core Personas Defined
4
Journey Stages Mapped
Thabo M.
28 · Johannesburg · Casual Soccer Fan
“I don’t follow every game but I tune in for the big ones. If there’s a chance to win something, I’m in, as long as it’s not complicated.”
Goals
Win a prize without needing deep football knowledge
Quick to pick, quick to check results
Social proof, see what friends are picking
Frustrations
Too many steps before making a pick
Doesn’t understand how points are calculated
Feels lost when first opening a new app
🎯
Sipho K.
35 · Durban · Seasoned PSL Punter
“I’ve been following the PSL for years. I want to see the form, check the standings, and get my picks in fast before the deadline.”
Goals
Fast access to match data and team form
Clear leaderboard with rank visible at a glance
Compete against friends, not just strangers
Frustrations
Onboarding that assumes he knows nothing
Leaderboard buried or slow to load
No indication when the picks deadline is closing
Research · Phase 02

Defining the challenge

Research surfaced one core tension: beginners need simplicity and veterans need speed. These are not the same thing. The design challenge was to make the beginner experience invisible to experts, and expert features discoverable for beginners.

PhaseUser ActionPain Point IdentifiedDesign Response
DiscoverLands on home screenNo clear signal this is a competition, looked like a general sports news pagePrize amount as hero element, competition CTA front and centre within 3 seconds
RegisterSigns up or logs inRegistration had too many required fields, users dropped before completingStreamlined sign-up, progressive disclosure of optional profile details
PickSelects match outcomesMatch cards showed insufficient context for confident picksFootball-card UI with deadline countdown visible per gameweek
TrackChecks score and rankLeaderboard took too long to load, rank required scrolling to findRank pinned at top of leaderboard view, live update indicator
Design Principle Established

If a first-timer can figure it out in 30 seconds without reading anything, a veteran can too. Design for the beginner mental model first, the expert will not be slowed down by clarity.

Research · Phase 03

Ideation

With two personas and a resolved design principle, ideation focused on three structural questions: how do we surface the prize before the mechanics, how do we make picks feel like football (not admin), and how do we let experienced users move fast without confusing newcomers.

Surface the Prize First

Research showed the R23M+ prize was the #1 reason new users registered. The prize amount needed to be visible within 3 seconds of arriving, not after scrolling, not after signing up.

Picks Feel Like Football

Explored football card-style UI versus list and table approaches. Football cards mapped to how fans already think about matches, home vs away, with team colours and recognisable match context.

Progressive Complexity

First-time experience shows only the essential choices. Advanced filters, form data, and historical stats are available but not surfaced until the user signals they want them, one tap to reveal depth.

Design Process

New platform, wide & varied audience

Research
Define
Wireframe
Prototype
Test & Iterate
Sport Selector Toggle

Clear Horse Racing / Soccer toggle at the app level, allows the platform to grow multi-sport without requiring separate apps or confusing existing users.

Prize Display

R23M+ prize amount front and centre on the landing screen. Validated in research as the #1 driver for new users pressing Register, show the reward before the mechanic.

Weekly Picks UI

Football-card-style picks interface. Select winners per match in a gameweek. Progress indicator shows picks made vs outstanding. Clear submission CTA with deadline countdown.

Outcomes

Results & Impact

Designer's Reflection

Collaborating with Nayaab Sahue on this project made a real difference, a second designer to challenge assumptions and stress-test flows. Soccer Punters showed me that great onboarding is the highest-leverage UX work you can do on a new platform.

Explore More Work

Next Case Studies