← Back to work

01 — Gamified Finance App

Making finance fun to learn.

FinQuest turns financial literacy into a game — helping young adults build money confidence through personalised, interactive learning.

RoleUX / UI Designer
MethodDouble Diamond
ToolsFigma

The Problem

Money is everywhere — but financial confidence isn't.

Only one in three adults worldwide grasp basic financial principles. Traditional education is dense and dull, so this digital-native generation switches off — and the knowledge never sticks.

Saving

No clear starting point or goal to work toward.

Budgeting

Tracking spending feels tedious, so it gets skipped.

Credit

Scores and debt feel confusing and high-stakes.

Investing

Jargon-heavy and intimidating for first-timers.

Discovery

Common thoughts on money.

Interviews and an empathy map surfaced the same tension again and again — people want to learn about money, but every resource feels heavy, serious and easy to abandon.

"Finance seems complex and serious." "I wish learning about money was more fun." "I can't stay interested in long, detailed articles." "Where do I even start?"

The Solution

Six features that make finance approachable.

Every feature reframes a chore as a rewarding moment.

Personalised learning

Tailored content for a unique journey.

Interactive flashcards

Bite-sized cards, easy to grasp.

Leaderboard

Friendly competition that motivates.

Trivia quizzes

Fun tests that reinforce learning.

Achievement badges

Rewards that keep users engaged.

Financial news

Timely updates, always in view.

FinQuest proposed solution — key feature screens

Process

A Double Diamond from research to prototype.

Discover, Define, Develop, Deliver — diverging to explore the problem space, then converging on a focused, tested solution.

01

Discover

Research into clients, competitors and users.

02

Define

Empathy maps, personas and a clear problem.

03

Develop

Sketches and wireframes, tested with users.

04

Deliver

A style guide and high-fidelity prototype.

Deliver · Design System

A warm, consistent visual language.

A 60-30-10 palette — Deep Sea Green for stability, Orange for enthusiasm, Blue-Grey for balance.

FinQuest mood board — illustrations, colours and avatars

Typeface — Lato

Aa Bb Cc

ABCDEFGHIJKLM · abcdefghijklmnop · 1234567890

Palette

#096375
#D97A2E
#C1D8DD
#FFFCF1

Iconography

Buttons

Primary 1 Primary 2 Tertiary Disabled

Deliver · The product

FinQuest home screen

FinQuest, in action.

The final, branded experience — each feature designed to feel like progress, not a chore.

01 — ONBOARDING

A welcome that feels personal

Simple sign-up with avatar customisation — quick, friendly, hassle-free.

Welcome screen Sign up screen Details screen
02 — PERSONALISED HOME

A dashboard that adapts to you

Recommendations and activity, tailored to each user.

Avatar select Home feed Profile settings
03 — GAMIFIED LEARNING

Flashcards that reward curiosity

Bite-sized, tappable moments that earn rewards.

Flashcard intro Flashcard flip Flashcard quiz
04 — QUIZ CHALLENGES

Learning, made competitive

Challenge friends with a countdown timer.

Challenge lobby Quiz question Result
05 — COMMUNITY

Learning is better together

A space to discuss topics and connect with others.

Community feed Community discussion Community topic detail

Outcome

Tested with real users, refined with their feedback.

Mid-fidelity prototypes were tested with young adults, and every insight shaped the final design — pairing each concept with a small, rewarding action.

Read the usability report ↗