Peach Payments
mSDK v2 · Launch Film
2026
Case study · "The Mobile SDK for Every Day"

The Mobile
SDK for
Every Day

Peach Payments mSDK launch, three everyday apps, one invariant pay flow. A single customer's day, settled in seconds.

Scroll, research, cast & the three films
NOSHSIDELINEWANDERmSDKTAP TO PAYNOSHSIDELINEWANDERmSDKTAP TO PAY
00

The Premise

One day in the life of one customer. Sipho & Lara. Every app ends in the same locked Peach mSDK pay moment.

Dinner on the couch, a bet on the game, the winnings spent on a weekend away. Three original apps, three real checkout patterns, and the same invariant Peach payment moment closing every one.

3
Everyday apps

Nosh, Sideline & Wander, each original and on-brand to its vertical.

3
SDK flows

Saved card → Apple Pay · Google Pay wallet top-up · new card → 3-D Secure.

1
Invariant SDK

One branded Peach pay-sheet, the product being marketed, in all three films.

01

The Films

9:16 vertical, 1080×1920. Shown full-frame, nothing cropped.
9:16 · Full-frame
01

Nosh

Food delivery, dinner, sorted.

A warm, neighbourhood-bistro delivery app. Sipho orders smash burgers before kick-off, and pays in a single tap.

SDK flow · Saved card → Apple Pay → Face ID
9:16 · Full-frame
02

Sideline

Sports betting, in the game.

A modern SA sportsbook. He backs Bafana mid-match, tops up his wallet in seconds and the bet comes in: R5 310.

SDK flow · Add funds → Google Pay → Face ID
9:16 · Full-frame
03

Wander

Winelands travel, handpicked stays.

Curated SA weekend escapes. Sipho & Lara spend the winnings on a Franschhoek cottage, new card, 3-D Secure, saved for next time.

SDK flow · New card → 3-D Secure OTP
02

The Cast

Two characters, one day. Portraits & turnaround sheets, restyled into the launch system.
"The Everyday Champ"

Sipho Khumalo

Protagonist
Hero · 01
Alias
The Champ
Age
28
From
Joburg, ZA
Accent
SA · Zulu lilt
Role
Hero
Core
Paid in a tap
Turnaround & expressions, Front · 3/4 · Side · Back // Neutral · Smile · Celebration
Sipho Khumalo character turnaround and expression sheet
Build

Athletic, upright, easy-moving. Mid-height, broad through the shoulders, light on his feet.

Face

Warm, open. Short fade, neat short beard, a quick smile that reaches the eyes.

Energy

Relaxed and upbeat, phone never far from hand, always half-watching the score.

Visual ID

Green-and-gold loyalty, fresh sneakers, smartwatch, modern, mobile-first South African.

Sipho hero portrait

Colour Palette

GoldGreenLimeNavyCharc.Off-wht

Personality

Easy-going, optimistic and social. Quick-witted, generous with his mates, genuinely sports-mad. Lives on his phone, confident with anything digital, allergic to friction. Turns a normal evening into a small celebration.

Core Theme

Everyday wins, paid in a tap. The Peach mSDK runs quietly through his whole day, dinner, a bet, a getaway, each one settled in seconds without him ever leaving the moment.

Wardrobe & Props

Green-&-gold jerseyHoodieJoggersWhite sneakersCapSmartwatchSmartphone

Interests

Live footballIn-play bettingSmash burgersGadgetsSaved-card

Day Arc · the film

1
Nosh, orders burgers before kick-off.
2
Sideline, backs Bafana, wins R5 310.
3
Wander, books a winelands getaway with Lara.
"The Planner"

Lara Venter

Supporting
Co-lead · 02
Alias
The Planner
Age
27
From
Cape Town
Accent
SA · Cape lilt
Role
Partner
Core
The payoff
Turnaround & expressions, Front · 3/4 · Side · Back // Neutral · Smile · Laughing
Lara Venter character turnaround and expression sheet
Build

Slim, relaxed posture, natural ease in front of camera. Mid-height.

Face

Warm and expressive, light-brown wavy hair, natural make-up, an easy laugh.

Energy

Calm organiser with a spark, already half-planning the next adventure.

Visual ID

Summer-chic, linen & denim, gold hoops, sunglasses up, effortless Cape Town.

Lara hero portrait

Colour Palette

Terra.SageGoldDenimCreamWhite

Personality

Warm, grounded and quietly adventurous. The organiser of the relationship, the one who turns a good day into a great weekend. Loves a plan, a view and a long lunch; effortlessly stylish without trying too hard.

Core Theme

Turning everyday wins into experiences. When Sipho's bet comes in, she's the reason it becomes a winelands escape rather than just a number on a screen, the human payoff at the end of the SDK story.

Wardrobe & Props

Cream linen shirtSummer dressLight denimWhite sneakersGold hoopsSunglassesCanvas tote

Interests

Weekend getawaysBrunch & marketsPhotographyWine routesSlow travel

Role in the film

1
Shares the burgers & the match night with Sipho.
2
Celebrates the R5 310 win with him.
3
Wander, the second guest on the booking; the payoff.
46 references examinedUI Research · iOS3 verticalsOne pay moment46 references examinedUI Research · iOS3 verticalsOne pay moment
03

The Research

Real user patterns, examined screen-by-screen on UI Research (iOS), cited per vertical. The scale is the point.
16
Refs examined · Food
Scene 01 · Food & last-mile delivery

Nosh, dinner, sorted.

A premium, SA-plausible delivery brand with Sixty60 / Mr D energy but Wolt-and-sweetgreen restraint. Warm, unhurried, neighbourhood-bistro, not a discount blast.

Canonical checkout flow

01
Cart / Bag
02
Checkout
03 ★
Pay R,
04
Tracking
05
Delivered

Layout & visual conventions

  • Two palette camps: warm cream + one saturated brand accent (sweetgreen, Chipotle, Honest Greens) or white + one loud CTA colour (Uber Eats black, Deliveroo teal). Premium = the cream camp. Almost all light-mode.
  • Sticky bottom CTA is universal, pill or hard rectangle, almost always carrying the price ("Pay $11.73", "Next · $5.89").
  • Cards: 16, 20px radius, soft/no shadow, hairline fee-row dividers; food as large rounded photo tiles or 40, 48px line-item thumbs.
  • Maps & illustration: small map on checkout, full-bleed courier map on tracking; friendly illustration on success.
  • No tab bar during checkout, a pushed / modal stack with back chevron or ✕.

The moment before pay

Checkout → Pay R248.50

A fully-composed Checkout screen: address card → "Standard 25, 35 min" → Visa payment row → fee block with bold Total → a slim agreement line → a white sticky bottom bar with the total left and a full-width "Pay R248.50" pill. The only thing inviting a tap.

→ On tap, the Peach mSDK sheet rises over a dimmed scrim covering the lower ~70%, order total still visible up top. Scene hero: saved card → Apple Pay → Face ID.

Palette Not Peach orange

Aubergine
#3B1F4A
Forest alt
#1F3D34
Cream canvas
#FBF7F0
Saffron
#E8B53D
Sage / success
#6FAE8E
Ink
#1A1A1A

Type: confident grotesque / lightly-condensed sans for headings & totals (Söhne / Neue-Haas vibe), tabular numerals in the fee block, a softly-rounded geometric wordmark. Button: full-width rounded pill, aubergine fill, white price label.

Hero screens to build

  • Checkout, cream canvas, food thumb row, address + time chip + Visa row + fee summary, sticky aubergine "Pay R248.50".
  • mSDK sheet, slides up over dimmed scrim; saved-card → Apple Pay → Face ID auth. Invariant Peach design.
  • Order placed, saffron-tinted celebratory state, "Arriving 19:45", 4-step status timeline.
Proposed flow, the screens we replicate10 + ★
Built 1-for-1 from real UI Research screens (mostly Honest Greens, plus the tip sheet from 7-Eleven), swapping the medium to a smash-burger app and the currency to Rand. The payment step is the invariant Peach mSDK (saved card → Apple Pay → Face ID).
15
Refs examined · Betting
Scene 02 · Sports betting

Sideline, in the game.

A modern SA sportsbook (Betway / Hollywoodbets sophistication, none of the seediness). Dark, dense, fast, synthesized from real odds UIs (Apple Sports, theScore) and proven fintech top-up mechanics.

Canonical deposit / top-up flow

01
Bet slip
02
Add funds
03 ★
Deposit R200
04
Complete
05
Bet placed

Layout & visual conventions

  • Dark, dense, high-contrast. Near-black bg #0A0A0F, #121417, cards one step up #1A1D24. One loud accent reserved for money & CTAs.
  • Colour grammar: green = win / go / CTA; red = loss / down. Gold/amber for balance, boosts, "to win" payouts.
  • Quick-amount chips: pill or 2×3 grid; selected = filled / accent-ringed with a check; always paired with an editable custom amount.
  • Odds in decimal (SA/European default), in tappable cells, bold and accent-coloured; tabular figures so digits don't jitter.
  • Sticky CTAs restate value ("Place Bet · R50 to win R105", "Deposit · R200").
  • Responsible-gambling cues (18+, "Bet responsibly", licence line) kept quiet but present, premium, not seedy.

The moment before pay

Deposit · R200

Title "Deposit". Large centred editable amount R200 with a faint "R10 minimum" line; a row of chips R50 · R100 · R200 · R500 (R200 selected, green ring); a slim payment row showing Google Pay ✓ as the fast path; a sticky full-width green "Deposit · R200"; a quiet "18+ · Bet responsibly".

→ Thumb hits the CTA, the Peach mSDK Google Pay sheet rises. Scene hero: fast wallet top-up via Google Pay. Resolve to a radiating-ring success: "R200 added · Balance R250".

Palette Not Peach orange

Ink-navy bg
#0B0E14
Card
#161B24
Pitch green
#22E07A
Gold
#F5C04E
Loss / down
#FF5B6E
Muted text
#8A93A6

Type: condensed heavy sans for scores/odds/amounts (Saira / Barlow Condensed), clean grotesque (Inter) for UI, tabular figures everywhere money appears.

Hero screens to build

  • Live + bet slip, team crests, live clock 67', score 1, 1, team-colour gradient; decimal odds row → bet-slip sheet, stake R50, gold "to win R105".
  • Quick top-up, "Deposit", R200, chips, Google Pay ✓, sticky green "Deposit · R200", quiet 18+.
  • mSDK + success, Google Pay sheet → biometric → radiating-ring "R200 added · Balance R250" → "Place your bet".
Proposed flow, Sideline (sportsbook)8 + ★
No single brand to copy, UI Research can't catalogue real-money books, so the flow is synthesized from real live-event / odds UIs (Apple Sports) + proven fintech wallet top-up mechanics (Bloom, Chime, 7-Eleven, Lightyear). The pay step is the invariant Peach mSDK (Google Pay wallet top-up).
15
Refs examined · Travel
Scene 03 · Travel / stays booking

Wander, handpicked stays.

A curated weekend-escapes app for South Africa, Cape winelands cottages, Drakensberg cabins, Karoo farmstays. Editorial, photographic, trust-forward (Mr & Mrs Smith / Airbnb Plus, not a deals aggregator).

Canonical booking → pay flow

01
Listing
02
Confirm & pay
03 ★
New card · 3DS
04
Processing
05
Confirmed

Layout & visual conventions

  • Clean, photographic, editorial, light. Warm-off-white bg (#FFFFFF / #FAF8F5), near-black ink #222, muted gray secondary #717171.
  • One accent for the CTA only (Airbnb pink gradient, Booking blue, Vrbo blue). Big aspirational photography does the emotional selling; UI gets out of the way.
  • Price-breakdown card: rounded, line items (× nights, service fee, cleaning fee), divider, bold Total.
  • Sticky bottom bar is the spine: price left ("R2,450 / night · 2 nights") + pill CTA right, persistent on detail & checkout.
  • Trust cues everywhere: "Free cancellation", "You won't be charged yet", padlock on card field, network logos, inline green validation, Superhost / Handpicked badges.
  • New-card vs saved-card: saved = quiet logo + masked-digits row; new = a "New card / Add a card" tile that expands the full form.

The moment before pay

Confirm and pay · Total R5,310

"Confirm and pay": trip summary card (cottage thumb, dates, 2 guests) → "When you'll pay" → a payment block with a "+ Add a card / New card" row (no saved card yet, first booking) → price-breakdown card with bold Total R5,310 → policy microcopy → sticky full-width green "Confirm and pay".

→ On tap, the Peach mSDK sheet owns the new-card entry, an embedded 3DS beat (bank OTP / auth), and a "Save this card" toggle (ON). Scene hero: new card + 3DS + tokenisation. Success shows "Saved Visa ••42 for next time".

Palette Not Peach orange

Warm paper
#FBFAF7
Botanical green
#1E5B4F
Green grad
#2E7D6B
Terracotta
#C2613B
Ink
#1C1B19
Muted
#6B6A65

Type: refined humanist sans for UI (Inter / General Sans / Aeonik vibe) + an editorial high-contrast serif (Canela / Tiempos vibe) for the listing title only, signals "curated / boutique". Big bold prices, quiet gray labels.

Hero screens to build

  • Listing detail, full-bleed winelands cottage, serif title "The Vine Cottage · Franschhoek", ★4.96, Handpicked badge, sticky "R2,450/night" + green Reserve.
  • Confirm & pay, trip card, price breakdown → Total R5,310, "+ Add a card" row, trust microcopy, sticky green "Confirm and pay".
  • mSDK + success, new-card entry + "Save this card" ON + 3DS OTP → "You're going to Franschhoek!", saved Visa ••42.
Proposed flow, Travel booking9 + ★
We replicate Airbnb, editorial edge-to-edge property photography, bold display type, Rausch-coral Reserve CTAs, a clean confirm-and-pay with clear price breakdowns, swapping the medium to Wander (curated SA weekend stays). The pay step is the invariant Peach mSDK (new card → 3DS → save card).
4K2160×38403 FILMS~47s EACH9:164K2160×38403 FILMS~47s EACH9:16
05

Process

From research → Design & Build build → recordable demo. The Peach mSDK stays the invariant, branded hero.
01

UI Research research

46 real screens examined per vertical, cited references, canonical flows & the moment before pay.

02

Design & Build build

Nosh / Sideline / Wander shells built from the briefs and iterated for taste; imagery via GPT-Image.

03

Wire the mSDK

Drop the locked Peach pay-sheet into each shell at the moment before pay; payment logos from Brand Bay.

04

Record & assemble

Auto-played & screen-recorded (Playwright → ffmpeg). 4K masters, white-frame-trimmed.

The three SDK moments at a glance

SceneAppmSDK flowPillar it proves
01 FoodNoshSaved card → Apple Pay → Face IDMake repeat purchases effortless. One-tap repeat purchase.
02 BettingSidelineGoogle Pay wallet top-upWatching the game → fast deposit to place a bet. Wallets as the hero.
03 BookingWanderNew card + embedded 3DS + save-cardOwn every touchpoint, secure & tokenised.