Spenda Core v2

We've built the core three ways. Tell us which one feels like Spenda.

Thirteen screens, each built in three different design systems, in both dark and light. Switch between them with the controls below. Tap any numbered pin to flag a component, or leave a comment on any screen — everything you note comes straight back to us.

Design system
How to view it
Appearance
Component pins

You're looking at Aurora in dark. No notes yet.

Spenda
01 — Home
9:41
Spenda
Portfolio Value
R 4,250.00
+2.4% this month
Scan & CheckoutInstant pay at any partner merchant
Digital Services View all
Vouchers
Store & gifts Telecoms
Airtime & data Utilities
Prepaid bills
Ecosystem
Clicks+ Engen Checkers Shell
Timeline View history
  • Checkers Store
    Grocery · Today, 14:20
    − R 420.00
    Settled
  • Instant Deposit
    Top up · Yesterday, 09:15
    + R 1,500.00
    Settled
  • Engen Quickshop
    Fuel · 12 Oct, 18:45
    − R 850.00
    Settled
Menu

Rebuilt to the inspo's layout: net-worth hero, Top up/Send, a Scan & Checkout card, a 2×2 service grid with a featured Rewards tile, Ecosystem chips and a Timeline. Rewards, Stats and Cards mirror the reference visually but have no screen behind them yet, so they're inert rather than fake links.

02 — Menu
9:41
Spenda
Menu
Manage your account & settings
Dark appearance
Buy vouchers Transaction history View our merchants
TM
Thabo Mokoena
Log out
Home

The real settings toggle for this whole redesign lives here — "Dark appearance" is wired to the same theme state as the global control at the top of the page.

03 — Scan to Pay
9:41

Scan to Pay

Align the QR within the frame
OR
Enter the number below the QR Code
e.g. 1234 XXXX XXXXX XXXX

Camera view now sits on a deep charcoal-to-black gradient with an indigo scan-line, matching the app's dark chrome instead of a generic grey placeholder.

04 — Buy Voucher
9:41

Buy voucher

Who are you buying for?
Recipient
+27 82 555 0134
Select the type of voucher
Select voucher type

Complete 10-brand catalogue in a real scrollable list; Continue stays disabled until a voucher type is chosen.

05 — Pay Bills
9:41

Pay bills

Partners
Pay your Pay@ Bills
Categories

Same "Partners" vs. "Categories" grouping as before, now on dark cards with a hairline border instead of shadow-only separation.

06 — Pay@ Account
9:41

Pay@ Bills

Pay@ your payment partner
Please enter account number
XXXX XXXX XXXX

A single-purpose confirmation card, restyled on the new dark surface.

07 — Prepaid
9:41

Prepaid

Select your provider
More networksComing soon

Provider picker, restyled on the new dark surface with brand-colour badges.

08 — Transaction History
9:41

Timeline

Today
  • Checkers Store
    14:20 · Scan to Pay
    − R 420.00
    Settled
  • MTN Airtime
    08:15 · Prepaid
    − R 50.00
    Settled
Yesterday
  • Instant Deposit
    09:15 · Top up
    + R 1,500.00
    Settled
  • Takealot Voucher
    16:05 · Voucher
    − R 150.00
    Pending
  • Engen Quickshop
    18:45 · Scan to Pay
    − R 850.00
    Settled

Populated timeline, grouped by day — see Slot 11 for the shipped app's empty state.

09 — Our Merchants
9:41

Our Merchants

Accepted at 600,000+ locations

Scan to Pay works nationwide — secure, instant payments wherever the Spenda mark appears.

Browse by category
Featured

Category set matches the real source screenshot; Contact us restored.

10 — Voucher Type
9:41

Buy voucher

Who are you buying for?
+27
Enter a mobile number
Select the type of voucher

"Other" recipient state, restyled on the new system.

11 — History (Empty)
9:41

Timeline

You don't have any transactions yet

Make your first payment

The shipped app's real empty state, shown alongside the populated view.

12 — Sign Up
9:41

Create your account

Join 2M+ South Africans paying smarter with Spenda.
or sign up with
Already have an account? Sign in

Sign up screen with full name, email, mobile, password fields. Social sign-in with Google and Apple. Links to Sign In for existing users.

13 — Sign In
9:41

Welcome back

Sign in to your Spenda account to continue.
Forgot password?
or continue with
Don't have an account? Sign up

Sign in screen with email/password fields, forgot password link, social sign-in with Google and Apple. Links to Sign Up for new users.

Scan to Pay iOS Widgets
Tap to Scan
Spenda · Pay instantly
NOW
Scan QR Code
Point camera at any Spenda QR
Recent Scans
CK
Checkers Hyper
Today · 14:20
−R 420
SR
Shoprite Mall
Yesterday · 18:45
−R 850
EN
Engen Quickshop
Mon · 07:30
−R 340
Quick Actions
Scan Code
Camera
Import QR
From Photos
History
Past scans
Favorites
Saved merchants
This Month
12
Scans
R 1,6k
Spent
4
Merchants
Total Scanned
R 4,280.00
Across 8 merchants · Last 30 days
iOS Widget Use & Interaction Simulator
Simulate how Spenda widgets function on an iPhone Lock Screen, Dynamic Island, and Home Screen.
Spenda
9:41
Wednesday, 12 August
09:41
Test Widget → App Page Launch Transitions
Click any button below to see how tapping that widget launches into the app page:
Transition Mechanics
  • Instant Deep-Link Launch: Tapping any widget launches the app straight to that feature page without intermediate steps.
  • iOS App Zoom Motion: Native iOS spring animation scales up from widget tap coordinates.
  • Top Return Bar: Includes a top breadcrumb bar to return to lock screen widgets instantly.

Reviews & Comments

You
Sent