Fubon Family Finance App
FinTech · Mobile App · Family

Fubon Family Finance App

A dual-audience gamified finance app — teaching kids to save through missions and wish lists, while giving parents full oversight and control

Client
Fubon Finance
Agency
Skywind Inc.
My Role
UX/UI Designer
Timeline
2018
Platform
iOS / Android
Project Type
New Product
01 · Project Overview

Teaching children about money — through play

Fubon Finance commissioned a financial education app for children aged 4–12 — a category that barely existed in Taiwan at the time. The challenge wasn't just building something "for kids." It was building a product that served two completely different audiences simultaneously: children who needed delight, game mechanics, and age-appropriate complexity; and parents who needed confidence, control, and transparency.

A purely child-facing app would fail parents. A purely parent-facing one would bore children instantly. The design had to hold both — feeling like a game to a 7-year-old and a financial dashboard to their parent, all within the same product.

Product Type
Dual-audience gamified finance app
Target Audiences
Parents + Children ages 4–12
Core Challenge
Age-segmented UX within one coherent system
Age group segmentation
4 – 6 yrs
Picture-based tasks · Immediate visual rewards · Simple coin animations
7 – 9 yrs
Mixed task types · Short-term savings goals · Game mission unlocks
10 – 12 yrs
Text-based tasks · Longer-term goals · Charity & allowance management
02 · Who Are the Users?

Two audiences. One seamless ecosystem.

The app operates as a shared ecosystem where both users are active but playing entirely different roles. Understanding what each user type actually wanted — not just what the client assumed they wanted — was foundational to every design decision.

Parent user
Parents
Admin & Educator
Primary goal Educate and accumulate savings for the family
  • Create & assign tasks to children
  • Monitor consumption and savings history
  • Approve high-value reward redemptions
  • Share strategies via social platform
Kids user
Kids
Player & Learner
Primary goal Earn points, complete missions, reach wishes
  • Finish parent-assigned tasks
  • Unlock & complete game missions
  • Manage a personal wish list & allowance
  • Redeem points for gifts or charitable giving
03 · User Motivations

What drives each user to open the app?

Understanding motivations — not just tasks — is what separates a product people use from one people enjoy. Both audiences needed a reason to return daily, but those reasons are fundamentally different.

Parents Educate children & accumulate family savings

Parents are motivated by long-term outcome — they open the app to see progress, assign new challenges, and feel confident that their child is developing healthy financial habits. The social sharing element also lets them connect with other parents navigating the same journey.

Kids Play, earn, and make their wishes come true

Children are motivated by immediate feedback and visible progress toward something they care about. Five distinct motivation levers were identified:

  • Accomplish game missions and unlock new challenges
  • Cultivate their own financial knowledge through play
  • Earn and manage a personal allowance (Yoyo Pay)
  • Turn good habits into consistent, rewarded behaviour
  • Exchange knowledge and discoveries via the social platform
04 · Product Architecture

Three interconnected feature pillars

The product logic is organised around three core value streams — each addressing a different layer of the family finance experience. They are designed to reinforce each other: completing tasks earns points, points build savings, and savings connect to real goals on the wish list.

Task & Habit Cultivation

Turns everyday responsibilities into a reward loop — linking behaviour to learning outcomes.

Behaviour Cultivation Finance Learning Parents Assign Tasks Game Missions Earn Points Prize Redemption Wish List Charity Fund
Family Savings & Fund Management

Connects parent and child accounts into one transparent savings ecosystem.

Parents Accounts Kids Accounts Gift Redemption Allowance (Yoyo Pay) Allowance Expense Expense History
Social Platform for Parents

A community layer that keeps parents engaged and learning alongside their children.

Parents Social Platform Finance News Subject Categories Educational Articles Book Promotions Data Research Education Fund
Behavioural design principle

The reward loop is intentionally short for younger children (visual, instant) and progressively longer for older children (goal-oriented, delayed). This mirrors how different age groups build habits — instant gratification at 5, deferred reward at 11.

05 · Key Screen Highlights

Three screens that carry the whole experience

Every design decision in these three screens was traced back to the motivations and mental models of each user group — not feature completeness.

Today's Tasks
Home — Today's Tasks screen
Tasks split into Game Missions and Assigned Tasks. Games surface first — play is the entry point to learning. Completing either earns points redeemable in the wish list.
Wish List
Wish List screen
Categorised into Points Gifts, Wishes, Charity, and Events. The charity option intentionally introduces giving as an equal outcome alongside reward.
Account & Dashboard
Account dashboard screen
The app shifts register completely for parents — from playful to professional. Savings history, task logs, completed wishes, and social blog access all in one view.
06 · Two Visual Styles

Purple Shade & Orange Bloom

Two complete visual identities were developed — same UX structure, different emotional register. Parents could choose the theme that matched their child's personality, increasing ownership and daily engagement.

Style A — Purple Shade

"The overall style and colour conveys a vibrant, positive energy. The goal is to let both kids and parents feel hopeful and energised when using the app." Purple communicates imagination and creativity — ideal for children who lean toward fantasy and adventure themes.

#7C3AED
Primary
#DDD6FE
Light
#F59E0B
Accent
Style B — Orange Bloom

"Statistics show kids are drawn to colours as bright as sunlight or sunset rays. Orange carries warmth and positive energy, and paired with green, together they send out a natural, grounded vibe." Orange Bloom is designed for children who respond to warmth, energy, and the outdoors.

#EA580C
Primary
#FED7AA
Light
#34D399
Accent
Style comparison — Purple Shade vs Orange Bloom
Purple Shade vs Orange Bloom style comparison
07 · Visual Design

Full UI specification

Complete interface design across child-facing and parent-facing screens — Purple Shade style

Fubon Family Finance App — full UI specification
Gamification iOS / Android FinTech Dual-Audience UX Behavioural Design Family App Age-Segmented UX
Next project
Salon Walker / Maker
View case study