View more
Published in
2022

Bettabets. African online betting, digitized.

Elena Buzila
Bohdan Kononets
Andrei Zolotukhin
Maria Soloveva
Services
Information Architecture
UX Design
UI Design
Product Redesign
Deliverables
Deployed Web App
Wireframe Set
Figma Source Files

Bettabets is a sports betting platform for African players moving from offline to digital.

We designed it through multiple rounds of wireframe testing, validating non-traditional UX patterns for low-bandwidth conditions. African players were moving from offline betting habits to a digital product on slow connections and lower-end devices — and the result prioritises load efficiency and clarity over decoration.

Lucky Numbers and Sportsbook Overview

Full product scope for a sports betting platform serving African players, delivered as part of an ongoing Post-MVP Evolution engagement. The 500+ wireframe screens span lottery-style number games, soccer markets, game selection, and bet placement.

African sports betting platform interface showing lottery number picker and soccer betting screens
Wireframe validation flow diagram showing 500+ screens across game selection, event choice, and bet placement

Homepage and Game Category Navigation

Homepage entry point organising four game categories – Lucky Numbers, Soccer, Jackpots, and Bet Games – plus a trending draws list spanning multiple countries. Mobile navigation mirrors the same structure in a slide-out menu.

Bettabets homepage showing game category tiles and trending international lottery draws
Bettabets mobile homepage with Lucky Numbers, Soccer, Jackpot, and Bet Games category tiles
Bettabets mobile slide-out navigation menu listing game categories, How to Play, Strategies, FAQ, and Support

Lucky Numbers Bet Slip Flow

Number-picker interface for the Lucky Numbers lottery game, with Main Draw and Bonus Ball grids feeding a running basket total. Confirm modal, success/error states, and a post-entry ticket with per-bet cash-out complete the flow.

Powerball lottery number picker with Main Draw and Bonus Ball grids and running bet total
Mobile bet basket with confirm bet modal and win/error notification screens
Lottery entry details screen showing bet ID, picks made, and possible payout per bet type

Soccer Match List and Odds

Mobile soccer listing for the sports betting platform, requiring at least three picks per betslip to build a combination bet. Matches are searchable by team or league, with odds shown per outcome and a running basket counter.

Mobile soccer betting list requiring at least three picks, with search bar and match cards
Soccer match list with fixtures showing match result and over/under odds
Soccer Market Type Selector

Dropdown selector lets bettors switch market type on the same soccer match without leaving the list. Options cover Match Result, 1st Half Result, Total Goals Over/Under, and Exact Goals, with a numeric stepper for goal lines.

Soccer match odds with market type dropdown showing Match Result and Over/Under options
Soccer Match Detail and Results

Single page consolidating every betting market for one soccer fixture, letting bettors build a multi-market slip without switching screens. Once finished, the same match shows a per-market Win/Lose breakdown with the winning pick labelled.

Soccer match detail page with Match Result, 1st Half, and Total Goals Over/Under markets
Mobile match result screen showing per-market win and lose outcomes for a soccer bet
Finished match slip with per-market win/lose breakdown and total odds across two games

My Bets Dashboard and Bettabucks

Dashboard listing a bettor's active and settled bets alongside cash balance and Bettabucks bonus balance. A tooltip explains Bettabucks as non-withdrawable in-game currency, and an empty state directs new users back to the games list.

Bettabets dashboard listing active bets across multiple lottery draws with Bettabucks explanation tooltip
Mobile my bets list showing active lottery bets with total stake and payout per draw
Mobile empty state for my bets tab with no active games and go to games button

Bank Transfer Deposit and Withdrawal

Manual bank-transfer deposit flow for South African bettors, covering four banks with copyable account and branch codes. Withdrawals collect bank details, the wallet logs transaction history, and phone changes require SMS verification.

South African bank transfer deposit screen listing ABSA, National Bank, Standard Bank, and Nedbank
Mobile wallet screen showing balance, withdraw and deposit actions, and transaction history
 Mobile withdraw form collecting transfer amount and bank account information for payout
Phone number change flow with password entry and SMS verification code screens

Support Hub and Strategy Guides

Self-serve support hub covering onboarding, account help, and compliance for bettors, with a direct contact form. Includes Geolocation Help, a Promotion of Access to Information Act page, and lottery strategy guides.

Bettabets support hub with FAQ, account help, geolocation help, and Promotion of Access to Information Act sections
Mobile support hub homepage listing Get Started, How to Play, and Account Help topics
Mobile Strategies Guide screen listing lottery number-picking tactics for the Lucky Numbers game
Mobile betslip, How to Play video, and Pick 3 lottery strategy explanation screens

Designing for 3G markets, low-end devices, or users new to digital betting? We've tested what works there – tell us about your market and we'll share what we'd validate first.

Ready to start your own project?