Supercoin

Case study  /  Branding, UX/UI & App Launch

Launching a ZAR-pegged crypto wallet for the Betway ecosystem

End-to-end branding, UX/UI design, and App Store launch of Supercoin — a ZAR-pegged crypto payment app enabling fast, secure payments, transfers, and seamless Betway betting deposits within the Supergroup ecosystem.

Branding UX/UI Design Fintech Crypto wallet SSI integration App Store launch Regulated markets
RoleBrand, UX/UI & Launch Lead
ClientSupergroup (SGHC)
PlatformiOS & Android
MarketSouth Africa (ZAR)
01 — Context & problem

Crypto transactions are powerful. But they've never felt simple.

Supergroup (SGHC) operates one of South Africa's largest betting and gaming ecosystems — anchored by Betway. Their customers were already managing money across multiple channels: depositing into Betway accounts, withdrawing to bank accounts, buying airtime, paying bills. But none of it was joined up, and none of it felt frictionless.

The opportunity was to launch Supercoin — a proprietary ZAR-pegged cryptocurrency built on blockchain infrastructure — as the connective financial layer across the SGHC ecosystem. Pegged 1:1 to the South African Rand, it would eliminate the volatility anxiety that typically puts users off crypto, while enabling instant, fee-free transactions across payments, transfers, and Betway betting deposits.

The challenge
"Translate the complexity of crypto infrastructure into a payment experience that feels as familiar and trustworthy as mobile banking — while making Betway integration invisible."

My role covered the full product surface: creating the Supercoin brand from scratch, designing the complete UX/UI across all app flows, and managing the App Store submission and launch — all while working within the regulatory constraints of South Africa's financial services market.

Objective
Launch a ZAR-pegged crypto wallet that makes payments, transfers, and Betway deposits seamless — and crypto accessible — for everyday South African users.
Output
Full brand identity, complete iOS and Android app UX/UI, and a successful App Store launch — covering onboarding, SSI login, wallet, payments, and marketplace.

02 — Design challenges

Four problems that had to be solved before a single screen was designed.

Challenge 01
Making crypto feel non-crypto
Supercoin runs on blockchain infrastructure with wallet addresses, transaction hashes, and cryptographic verification. Most South African users have no frame of reference for any of this. The interface had to abstract that complexity entirely — showing Rands, not tokens; names, not addresses; transactions, not signatures.
Challenge 02
SSI login — two accounts, one tap
Existing Betway customers needed to sign in using their Betway credentials (SSI — Single Sign-In) without creating a new account. New users needed a seamless manual sign-up with South African ID verification. Both paths had to converge on the same wallet experience without feeling like separate products.
Challenge 03
Regulated market compliance
South Africa's financial services regulatory environment required KYC (Know Your Customer) compliance, SA ID verification, responsible gambling messaging, and strict under-18 restrictions — all of which had to be built into the flow without creating a friction-heavy or patronising user experience.
Challenge 04
Building a new brand from nothing
Supercoin had no visual identity, no brand language, and no design precedent within the SGHC group. The brand had to feel trustworthy enough for financial services, modern enough for crypto, and South African enough to resonate with the target market — all before the first screen was designed.

03 — Brand identity

A brand built to feel trustworthy, modern, and distinctly South African.

The Supercoin brand began with a single design question: what does trustworthy crypto feel like to a South African audience? Not the cold metallic aesthetic of global crypto exchanges — something warmer, more human, more grounded in the context of everyday payments and community.

The visual identity uses a blue-to-teal gradient that moves from the stability of institutional finance (deep blue) to the energy of digital innovation (bright teal green). The SC mark — a stylised coin form enclosing the letterforms — communicates both currency and digital infrastructure simultaneously. Typography is bold and confident without being aggressive.


04 — Onboarding & SSI login

Login with Betway. Or sign up in minutes. Same destination.

The onboarding flow was the most consequential part of the design — it determined whether users who had never touched crypto could get to a working wallet without friction, and whether existing Betway customers felt instantly at home.

The primary CTA on the sign-in screen is "Login with Betway" — a single tap that authenticates via SSI and creates a linked Supercoin wallet automatically. Users who choose this path skip manual form entry entirely: their Betway identity is their Supercoin identity. On successful account creation, the confirmation screen makes the link explicit: "We've successfully created your Supercoin wallet and linked it to your existing Betway Account."

New users who sign up manually move through a clean two-step flow: phone number, email, and password on step one; SA ID number and date of birth for KYC verification on step two. Face ID is offered immediately after sign-in — framed as a convenience rather than a security requirement — with the option to decline without penalty.


05 — The wallet

Everything a user needs. Nothing they don't.

The wallet home was designed around a single principle: show the user their balance and their five most likely next actions — nothing else. Crypto complexity lives behind the interface, not on it.

The action bar (Pay, Receive, Buy, Deposit, Withdraw) surfaces every primary transaction type with equal visual weight. A "More" option on the abbreviated mobile version expands to reveal the full action set including cash withdrawal — removing the need for nested navigation. Recent transactions are listed below with clear merchant names, amounts, and timestamps — in Rands, not tokens.

💳
Pay someone
Four payment methods: by phone number (auto-lookup), wallet address, QR code, or Zapper scan. Pay bills in Supercoin. Send internationally via Mukuru.
📥
Receive
Share a QR code, phone number, or wallet address to receive Supercoin instantly from any user in the network.
🛒
Buy marketplace
Airtime & data, water & electricity, vouchers, bus tickets, and event tickets — all purchasable directly in Supercoin.
🎯
Betway deposit
One-tap deposit from Supercoin wallet directly into a linked Betway account. Instant, fee-free, and fully integrated with Betway's transaction history.
🏧
Cash withdrawal
Withdraw Supercoin to cash at an ATM. Preset amounts (R50–R1000), nearest ATM locator, voucher PIN delivered instantly. Processing confirmation with reference number.
🔗
Luno integration
Buy wider crypto via Luno or send Supercoin directly to a Luno wallet — bridging the ZAR-pegged ecosystem to the broader crypto market for power users.

06 — Key flows in detail

Translating complex financial logic into clear, linear journeys.

The most demanding design work on Supercoin was in the transaction flows — where the underlying complexity of blockchain confirmation, voucher generation, and beneficiary lookup had to be rendered completely invisible to the user.


07 — Key design decisions

The decisions that made crypto feel like payments.

DecisionRationaleAlternative considered
ZAR amounts throughout — no token display Showing R500.00 rather than SC500 or any token representation removes the cognitive barrier of crypto unfamiliarity. Users think in Rands; the interface should too. Dual display (ZAR + token) — adds transparency for crypto-aware users but creates confusion for the majority who don't need it.
"Login with Betway" as the primary CTA Existing Betway customers are the primary addressable market. Leading with SSI login reduces onboarding friction for the majority and signals the Betway connection prominently upfront. Equal weighting of Betway login and manual sign-up — fails to acknowledge the core use case and creates unnecessary hesitation for existing customers.
Phone number lookup for payments — not wallet address Wallet addresses (0x742E4…B8C9D) are unusable for most people. Allowing payment by phone number — with automatic wallet lookup — means users never have to see blockchain infrastructure at all. Wallet address as primary input — technically simpler but accessible only to crypto-literate users, excluding the majority of the target market.
Slide to confirm on high-value transactions The gesture creates a deliberate pause before irreversible financial actions — reducing accidental confirmations on mobile without introducing a second screen or additional tap. Standard button confirm — faster, but no friction on irreversible actions creates risk of accidental transactions at scale.
ATM locator embedded in the withdrawal flow Withdrawal is only useful if the user knows where to redeem it. Embedding the locator at the exact moment of confirmation removes a separate navigation step and keeps the user on task. ATM locator as a separate menu item — requires the user to remember to find it after completing the withdrawal, adding friction at the wrong moment.
Face ID offered immediately post-login — not forced Biometric login dramatically improves daily return-user friction. Offering it at the moment of highest engagement (successful account creation) maximises adoption without mandating it. Face ID during onboarding before account creation — users aren't yet invested enough to commit to biometric access before they've seen the product.

08 — Full scope of work

Brand to App Store. End to end.

The Supercoin project spanned the full product design lifecycle — from founding visual identity to shipped product in market.

Pillar 01
Brand & identity
Logo mark (SC coin symbol)
Wordmark & typography system
Colour palette & gradient system
App icon (iOS & Android)
Illustration style & assets
Icon library (new icons)
Pillar 02
UX/UI design
Onboarding & SSI login flow
KYC & ID verification flow
Wallet home & transaction history
Pay, Receive, Buy flows
Betway deposit integration
ATM cash withdrawal flow
Notifications & alerts
ATM & location finder
Pillar 03
Launch
iOS App Store submission
Google Play submission
App Store screenshot design
App Store preview assets
Onboarding splash screens
Marketing feature slides

09 — Outcomes

From concept to live product. In market across South Africa.

Supercoin launched successfully on both the Apple App Store and Google Play — the first ZAR-pegged crypto payment application built and launched within the SGHC ecosystem, and one of the first regulated crypto payment apps in the South African market.

🚀
Supercoin — live on iOS & Android, South Africa
The first ZAR-pegged crypto wallet integrated with Betway's betting platform via SSI — designed, branded, and launched end-to-end within the SGHC ecosystem.
2
Platforms launched simultaneously — iOS App Store and Google Play
Full app store submission
1
Tap to sign in for existing Betway customers via SSI — no re-registration required
SSI integration
0
Transaction fees — a core brand promise delivered as a product reality from day one
Brand & product aligned

10 — Reflection

What I'd do differently.

What worked
The decision to abstract crypto infrastructure entirely — showing Rands, names, and transaction types rather than tokens, addresses, and hashes. It was the single most important product decision made early, and it held up across every screen we subsequently designed. The product never felt like crypto; it felt like a payment app.
What worked
Building the brand before the UI. Having a clear visual identity — the gradient, the SC mark, the type system — meant every screen had a shared visual language from the first frame. It also made the App Store submission straightforward: the store assets, screenshots, and marketing slides all came from the same visual system.
What I'd change
Earlier user testing with South African users unfamiliar with crypto. The phone-number-as-payment-identifier was a significant UX innovation for this market — and while it was grounded in logic, real user testing of that specific flow earlier in the process would have given us higher confidence in the copy and onboarding explanation before launch.
What I learned
Fintech design in emerging markets is fundamentally trust design. Every visual decision — the colour gradient, the illustration style, the transaction confirmation language — is asking a user to trust a new financial product with their money. Getting the brand right wasn't a nice-to-have; it was the foundational condition for everything the product could then do.
Previous
Previous

Betway - Formula 1

Next
Next

Roobet Survey Widget