Supersava

Budget like an African Super Mum

“Budget like an African Super Mum.”

A one-week interview concept — a mobile-first personal finance platform designed for real African users, starting with budgeting, expense tracking, and savings goals.

Role: UI/UX DesignerTimeline: 1 weekContext: Design interview conceptPlatform: iOS · Android · Web

The brief:Design a comprehensive personal finance management app providing tools for budgeting, expense tracking, savings goals, and insightful reports — catering to users with varying financial literacy levels.


02The Problem

Managing money in Africa is harder than any app assumes

Inflation, irregular income, and a distrust of overly complex tools create a finance management problem that generic apps built for Western markets simply do not solve.

“All these apps mehn, too much graphs at the same time…”

Ada — 22, Lagos

“Everytime I try to save, prices of goods have gone up. Inflation wan kill me.”

Tunde — 31, Abuja

40%

do not manage their finances at all

50%

cite the economy as their biggest barrier

80%

say expense tracking is their #1 need


03My Contribution

Solo. One week. Full UX process.

Working independently under a tight deadline, I owned the complete design process end-to-end — from initial research through to a working prototype ready for handoff.

Product Research & Discovery

Conducted surveys and competitive benchmarking to ground the concept in real user behaviour and market context.

Competitive Analysis

Mapped Supersava against Piggy Vest and Kuda to identify gaps and define a differentiated positioning strategy.

Pain Point Identification & Prioritisation

Synthesised research findings into a ranked list of user problems, validated against survey data before any design decisions were made.

User Personas

Developed two distinct personas representing different financial literacy levels, used to stress-test every design decision.

Information Architecture & Wireframes

Defined the full site structure and shipped wireframes covering splash, onboarding, home, budget management, and all 5 core user flows.

Accessibility Design

Applied progressive disclosure, high colour contrast, and consistent interaction patterns to ensure the app works for first-time finance users.


04Target Users

Two users, one product, very different needs

Research pointed to two distinct user archetypes defined less by demographics than by financial confidence and behaviour.

Ada Okoro

18 – 24 · Student / entry-level

Newbie
  • First-time budgeter, low financial confidence
  • Overwhelmed by complex dashboards and jargon
  • Motivated by visual progress and encouragement
Simple onboardingVisual feedbackPlain language

Tunde Adeyemi

25 – 35 · Mid-career professional

Mid Career
  • Experienced with finance tools, wants automation
  • Time-poor and frustrated by fragmented apps
  • Motivated by efficiency, control, and depth
Quick logAI suggestionsDashboard overview

05Discovery & Research

Grounded in real people, not assumptions

Before any wireframes, I ran a structured survey to understand how real users currently manage money, what tools they use, and where those tools fail them.

10

survey respondents, recruited via personal network

70%

earn over ₦400k monthly — financially active users

60%

already use some form of finance tool

Income Range Distribution — pie chart — awaiting final asset

4/3 aspect ratio

Current Finance Habits — pie chart — awaiting final asset

4/3 aspect ratio

Biggest Financial Challenges — bar chart — awaiting final asset

4/3 aspect ratio

Most Wanted App Features — bar chart — awaiting final asset

4/3 aspect ratio


06Pain Points

Three problems that defined the product

01

Expense Tracking

Rated the #1 priority by 80% of respondents. Users want to know where their money goes — but current tools make it feel like work, not insight.

02

Fragmented Tools

Users are stitching together multiple apps to cover different jobs. There is no single source of financial truth.

“I have different apps that cater to different needs. One for spending, one for long term savings…”

Dhee — survey respondent

03

Economic & Behavioural Pressure

50% blame the economy as their biggest savings barrier. 40% cite lack of self-control. Any solution has to account for external volatility alongside personal habit-building.

Motivation Factors Chart — awaiting final asset

16/7 aspect ratio


07Competitive Analysis

Where every competitor falls short

Mapping Supersava against Piggy Vest and Kuda revealed a consistent gap: existing tools either focus on saving or spending, but none provide an integrated, AI-assisted experience built around the African user context.

Competitive Analysis Grid: Piggy Vest vs Kuda vs Supersava — awaiting final asset

16/7 aspect ratio

Expense Tracking

Supersava exclusive

AI-Powered Budgeting

Supersava exclusive

Financial Coaching

Supersava exclusive


08Idea Evaluation & Prioritisation

Nine ideas. One week. A framework to decide fast.

Risk / Effort / Payoff Matrix — 9 proposed solutions with Execute / Validate actions — awaiting final asset

16/9 aspect ratio

With one week to deliver, this framework was essential — it forced fast, defensible decisions about what to build and what to defer.


09User Personas

Ada and Tunde — two people who guided every decision

Ada Okoro

Newbie

“I just want something simple that tells me if I'm spending too much.”

Goal: Build a savings habit without feeling overwhelmed

Pain: Too many graphs, too much finance jargon

Supersava need: Guided onboarding, simple home screen, clear nudges

Tunde Adeyemi

Mid Career

“I need one app that does everything. I don't have time to switch between five.”

Goal: Consolidate all financial tracking in one place

Pain: Fragmented apps, economic unpredictability

Supersava need: Quick expense log, AI budget suggestions, full statistics

Full Figma Persona Cards Export (Ada & Tunde) — awaiting final asset

16/7 aspect ratio


10Information Architecture

Four sections. Every user job covered.

The site map organises the entire app into four clear areas, ensuring every user need identified in research maps to a dedicated section of the product.

Full Site Map / Information Architecture Export — awaiting final asset

21/9 aspect ratio

Wallet

Track income, cash balance, and linked accounts

Transactions

Log and categorise all spending in one view

Statistics

Visual reports and spending trend analysis

Profile

Savings goals, reminders, and personal settings


11Wireframes

From architecture to screens

Wireframes were produced for every major flow before any visual design began, ensuring all layout and interaction decisions were validated at low fidelity first.

(a) Splash screens + Sign up / Login flow

Entry point screens and the full authentication journey, including account creation and returning user login.

Wireframes: Splash + Sign up / Login flow — awaiting final asset

21/9 aspect ratio

(b) Onboarding personalisation

Monthly income setup, goal selection, reminder preferences, and cash balance entry — the personalisation flow that runs once on first launch.

Wireframes: Onboarding — monthly income, goal selection, reminders, cash balance — awaiting final asset

21/9 aspect ratio

(c) Home screen

New user empty state, returning user populated state, quick transaction logging, and link account flow.

Wireframes: Home screen — new user, existing user, transaction log, link account — awaiting final asset

21/9 aspect ratio

(d) Budget management

Category budget cards, AI encouragement nudge, and the Super summary screen showing full financial health at a glance.

Wireframes: Budget management — category cards, AI nudge, Super summary — awaiting final asset

21/9 aspect ratio


12Prototype

Five flows. One connected experience.

Interactive Prototype — awaiting Figma embed or recorded walkthrough

16/9 aspect ratio

The prototype covers all 5 core user flows end-to-end.


13User Flows

Every critical path, mapped

All Flows Overview Export — awaiting final asset

21/9 aspect ratio

Flow 1

New User

Flow 2

Create Budget

Flow 3

Log Expense

Flow 4

Check Statistics

Flow 5

Create Savings Goal


14Accessibility Considerations

Designed for everyone, especially first-timers

Progressive Disclosure

Complex flows broken into manageable steps so new users are not overwhelmed by the full product on day one.

High Colour Contrast

Colours chosen to build trust while maintaining legibility across all text sizes and display conditions.

Consistent Interaction Patterns

Predictable layouts and interactions reduce cognitive load — especially critical for first-time users managing money for the first time.


15Learnings

What one week under pressure taught me

01

Speedy delivery teaches you what actually matters

This was a one-week concept test, which meant every hour counted. I couldn't over-design or second-guess — I had to make fast, defensible decisions and move. I learned that a well-reasoned wireframe beats a pretty screen with no thinking behind it.

02

Prioritisation is a design skill, not a PM skill

I used a risk/effort/payoff framework to score every proposed feature and decide what to execute immediately versus validate first. Saying no to good ideas so you can say yes to the right ones is something I now apply on every project regardless of timeline.

03

Two users in one product means two different design philosophies

Ada needs simplicity, encouragement, and no jargon. Tunde needs efficiency, depth, and automation. Designing for both without splitting the product required a flexible system — consistent patterns with adaptive content — and pushed me to think carefully about progressive disclosure.


Next Project

Lume

Mobile app for wealth creation

Lume — coming soon