Digital Asset Revolution
A WealthTech app bringing investment-grade gold to African investors — designed end-to-end across UX, interaction design, and marketing in a three-month contract.
$500M USD
Pre-seed raise supported
$18.5M USD
ARR at pitch stage
Two-phone hero mockup spread — Lume app
21/9 — awaiting final asset
The Challenge
"I was brought in as a contract UI/UX designer tasked with creating and prototyping designs for Lume's investors and developers."
#01
UX Design
#02
IXD Design
#03
Marketing
My Contribution
Wireframes (Web & Mobile)
High Fidelity Design
Prototyping (Mobile + Web)
Interaction & Motion Design
Micro-interactions on key flows
Investor Pitch Deck
Chapter 01
UX Design
Wireframes — Web App
9-screen web wireframe grid — full app architecture
16/7 — awaiting final asset
Dashboard
Wallet & Balance
Buy / Sell Gold
Account & Security
Wireframes — Mobile App
Splash + onboarding screens wireframe
9/16 — awaiting final asset
Core flow wireframe overview — mobile
9/16 — awaiting final asset
High Fidelity — Sign Up Flow
4-screen sign up strip — hi-fi
21/9 — awaiting final asset
Sign up screens were designed to be easy and intuitive, containing micro-interactions upon user completion of each step — reducing drop-off anxiety in a financial onboarding context.
High Fidelity — Home & Profile
Welcome home screen — portfolio value + gold graph
9/16 — awaiting final asset
Profile screen — account settings
9/16 — awaiting final asset
High Fidelity — Buy & Sell Flows
Buy Gold
Buy gold — amount entry / confirm / purchase success
21/9 — awaiting final asset
Sell Gold
Sell gold — amount entry / confirm sale / congratulations
21/9 — awaiting final asset
High Fidelity — Wallet Screens
Wallet — default state / multi-select / action modal (delete, archive)
21/9 — awaiting final asset
Prototypes
Mobile prototype — Figma embed or video recording
9/16 — awaiting final asset
Web app prototype — Figma embed or video recording
9/16 — awaiting final asset
The web prototype follows a similar flow to mobile to prevent cognitive dissonance across surfaces.
Chapter 02
IXD Design
In-App Interaction & Motion Design
Logo animation — frame-by-frame sequence
21/9 — awaiting final asset
Why this animation exists
The logo animation plays on launch to give users a moment of orientation before the dashboard appears — reducing cognitive overload at the highest-friction moment.
Micro-interaction principle
Every key action is acknowledged with motion. Confirmation, error, and success states each carry a distinct animation so users always know what just happened.
IXD prototype or GIF recording — key micro-interactions
16/9 — awaiting final asset
Chapter 03
Go-to-Market
Investor Pitch Deck
$500M USD
Pre-seed raise supported by pitch materials
$18.5M USD
ARR projected at pitch stage
Pitch deck — cover and key slides
16/9 — awaiting final asset
Isometric phone spread — marketing visual
21/9 — awaiting final asset
User Flows
Full user flow diagram — end-to-end journey map
21/9 — awaiting final asset
Sign up & KYC
Buy gold
Sell gold
Wallet management
Learnings
Balancing user and business expectations
Investors want visual sophistication. First-time gold investors need clarity and confidence. These goals pull in opposite directions. I learned to hold both by anchoring every screen decision in one question: does this reduce anxiety or create it?
Interaction design is communication, not decoration
The logo animation was not aesthetic — it gave users a moment to orient before hitting the dashboard. Well-timed motion reduces cognitive load the same way white space does. Every transition tells the user what just happened and what comes next.
Next Project
SuperSava
Budgeting app concept designed for the African Super Mum — a one-week interview sprint.
View case study