Wio Bank/Product Design/Fintech/UX Design/See, manage & grow money/4.8 ★ · 300K+ customers/iOS · Android/Wio Bank/Product Design/Fintech/UX Design/See, manage & grow money/4.8 ★ · 300K+ customers/iOS · Android/
( Product Design · Fintech )

Wio
Bank

The best place to see, manage & grow money.

Role
Product Design Lead
Spend & Grow surfaces
Client
Wio Bank PJSC
Abu Dhabi, UAE
Timeframe
2022 – 2024
14 months to public release
Platform
iOS · Android
2 designers · 6 engineers · 1 PM
Wio Personal, the UAE's first fully digital consumer bank

How I built Wio Personal, the UAE's first fully digital consumer bank, to 300,000+ customers in three years, an NPS of 74 and a 4.8 App Store rating, by rebuilding banking around how people actually think about their money.

4.8★
App Store rating
300k+
Customers acquired in the first three years
NPS 74
Rare for a bank, unheard of for a brand-new one
10 min
Median onboarding vs. days or weeks at incumbents
Challenge

How might I make banking feel less like admin and more like ambition?

The average salary in the UAE is around AED 10,000. Over 70% of residents have no savings. That's not a niche edge case. That's the country. And every bank in the market was designed around the 30% who already had money, not the 70% who were trying to build it.

Wio was launching into a market that already had slick apps from Emirates NBD, Mashreq Neo and ADCB. What it didn't have was a bank designed from a blank sheet around how people actually lived: “to establish the ultimate platform in the UAE for viewing, managing and growing your money.” That was the brief. I had three intertwined problems to solve at once, plus one I was personally accountable for.

User challenge

People described their money in terms of lives they wanted to live (holidays, homes, freedom), but every existing bank showed them their money in terms of transactions. There was no language between the ambition and the ledger.

Business challenge

Wio needed a defensible reason to exist. “Another neobank” wouldn't clear the bar with the Central Bank, the board or a market that already had free banking. Differentiation had to be visible in the first thirty seconds of the app.

Product challenge

I was building a bank, not a feature: 40+ regulated flows, KYC, card issuance, real-time payments, savings, and eventually credit, all with a small team, on a hard launch date set by regulatory approval.

My challenge

Own the end-to-end experience of the Spend and Grow surfaces, the design system that would carry me into credit and investment, and the story I told the board every fortnight to keep the vision from getting value-engineered away.

Wio Invest interface, portfolio and investment dashboard
Banks are so last century.People are not.

The one-line brief that shaped everything

Status quo

What everyone else was doing, and why I couldn't just copy them.

Before I designed a single screen, I mapped what “good” looked like in the market. The research phase was deliberately front-loaded. The framework I chose would set the ceiling for everything else.

170
Interviewees across the UAE
15
Face-to-face deep interviews
5
Customer archetypes surfaced
5
Competitors benchmarked end-to-end
Research · The five archetypes

Who the 170 interviews were really about

170 interviews5 archetypes
01

The Ambitious Newcomer

AED 10–20k · new to the UAE

Building from zero. Essentials (groceries, rent, bills) eat most of the month, and savings have barely started.

When I wasn't earning, this seemed a lot. I'm only realising it now.

Key needClear visibility, and a gentle first push to start saving.
02

The Deal Optimiser

AED 20–30k

Runs several cards at once, choosing by perk and payment-cycle date. Loyalty-savvy across airlines and retail.

I use different cards for different benefits. I pick the card for the perk.

Key needFewer, smarter cards: the right one at the right moment.
03

The Manual Tracker

AED 10–20k

Already budgets, and keeps control by logging spend by category, by hand.

I have to log everything manually to stay on track.

Key needAutomatic, category-level tracking that does the work.
04

The Household Provider

AED 10–20k · shared costs

Splits shared costs by category with family or flatmates; formal tracking rarely happens.

Key needEffortless shared visibility, without the spreadsheet.
05

The Aspirational Grower

AED 20–30k+

Comfortable day-to-day and ready to build wealth, but investing still feels like it's for someone else.

Key needA low-friction on-ramp from saving into investing.

Three patterns kept showing up across the competitor set, and each of them had a ceiling I didn't want to hit.

The first was the dashboard trap: home screens that opened onto a wall of balances, tiles and quick actions. Efficient for power users. Overwhelming for everyone else. Impossible to differentiate: every dashboard looked like every other dashboard within six months. One of the team members put it best in the design workshop: “long scrolling dashboards make the elements under the first screen useless.”

The second was gamified saving: pots, vaults, jars. Beautiful, but behaviourally shallow. People opened three pots, forgot about them, and defaulted back to a single balance. The mechanic didn't survive contact with real life.

The third was advice as a chatbot: bolt an AI on top of a normal bank and pretend the experience is now personalised. It wasn't. The advice never showed up where the decision was being made.

Wio couldn't win by being a slightly-better version of any of these. The Spend, Save and Grow surfaces had to earn their place with a framework that was defensibly different, something incumbents couldn't backport without rebuilding.

Research

The results from the research

How people across the UAE actually spend, and what they need from a bank.

Where they spend

Everyday essentials

  • Groceries, utility bills, travel & rent
  • The core of monthly spend
Where they spend

Online-first

Grocery apps, DEWA and shopping apps win, for convenience and price.

Where they spend

Most of my expenses are groceries and utility bills for the house. When I wasn't earning, this seemed a lot. I'm only realising it now.

Unmarried · AED 10–20k
How they spend

Credit cards rule

Cards are key for deals across categories, so people end up collecting several.

How they spend

Loyalty everywhere

  • Smiles, Share & Shukran are liked
  • Most use airline loyalty too
How they spend

I use different cards for different benefits. I think about the perk and the payment-cycle date, then pick the card.

Unmarried · AED 20–30k
How they manage

Mostly untracked

Shared costs get split by category, but most people don't track their spend at all.

How they manage

A few track

Some use Liv or My Spending to gauge spend by category.

How they manage

My Spending helps me keep a check by category, but I have to log everything manually to stay on track.

Unmarried · AED 10–20k
Key needs

Fewer, smarter cards

Maximise benefits with fewer cards: the right card, at the right moment.

Key needs

Wiser spending

Intuitive, suggestive expense tracking for better day-to-day decisions.

Key needs

Personalised benefits

Perks matched to real lifestyle habits.

Key needs

Guardrails

Category budgets, timely alerts and likely discounts.

Process

Money is the enabler for how we achieve epic meaning in our lives.

That reframing came out of a two-day workshop in Abu Dhabi with twelve customers, behavioural finance papers on the wall and a lot of coffee. When I asked people to describe their money, they didn't reach for numbers. They reached for time. “The money for this month.” “The money for the wedding.” “The money for later.” Three horizons, not one balance.

Two ways to know your customer, and why neither is enough on its own

There are two ways to segment customers with data. Most banks pick one and stop. I went further.

Quantitative data

“Lin spent 20,000 AED on Clothing this month.” Accurate, useful for reporting, completely blind to why. Two customers can have the same spending pattern for opposite reasons: one is celebrating, one is spiralling.

Qualitative data

“Lin is compulsive in her nature, likes to take risks and purchase on impulse.” A real read on the person, but not something a product can act on at scale. No data, no defaults, no coaching triggers.

My hypothesis: combining these two would give more meaning to banking customers, and therefore build loyalty and differentiate the bank from the many in the market. That hypothesis became the product.

Money Personalities, not demographics

I threw out the standard neobank persona template (Zara, 28, from Marketing) and rebuilt around behavioural signifiers. As I framed it in the workshops: I look at signifiers from past traumas, family beliefs, socialisation and culture to define your money personality.

A five-question onboarding quiz (the Money Personality quiz) placed users on that map on Day 1. Types included the Money Maker, the Big Spender, and others. As I described the Big Spender in the app itself: “Big Spenders like to make a statement with their purchases… often wanting the latest and greatest releases.” The results changed defaults, tone of voice on notifications, the order of the home cards, and the coaching served in Insights. Same product, four personalities.

The quiz

Money personalities

A five-question quiz places each customer on the map on Day 1. Same product: six personalities, each with its own defaults, tone and coaching.

Money Maker

The Compulsive Money Maker

You believe earning more money is the secret to happiness: maximising profit and enjoying recognition for financial success.

Strength
Create, innovate and make things happen: willpower and determination.
Weakness
Can forget everything besides money: health, relationships, balance.
Money MakerMoney Maker
Big Spender

The Big Spender

Big Spenders make a statement with their purchases: high value on possessions, always wanting the latest and greatest.

Strength
Comfort letting life and energy flow: a basic trust of life.
Weakness
Can exhaust themselves and their energy, unable to stop.
Big SpenderBig Spender
The Gambler

The Gambler

The thrill of risk and the possibility of big wins is satisfying in itself, but it can quickly become a trap that loses large sums.

The GamblerThe Gambler
Compulsive Saver

The Compulsive Saver

You put money away endlessly, sometimes with no end goal. Very economical, but never at the cost of quality.

Compulsive SaverCompulsive Saver
Saver Spender

The Saver Spender

You share traits of both: you start to save, then suddenly spend impulsively on things you don't need or won't use.

Saver SpenderSaver Spender
Money Worrier

The Money Worrier

You constantly worry about losing money. Whatever you have, it pays to see the bigger picture and make prudent decisions.

Strength
Sees the problems people may face before they happen.
Weakness
Can see everything as a problem and freeze, afraid to act.
Money WorrierMoney Worrier

The “Paths” framework

Paths are a way to help users reach their financial goals at different times in their lives based on their financial personalities. Three horizons (Today, Short-term, Future) mapped across five product dimensions.

The Paths modelToday → Short-term → Future
Horizon 1

Today

This month

Spend wisely, stay in control

  • Card
  • Real-time balance
  • Budget
Horizon 2

Short-term

3 months – 3 years

Sabbatical, wedding, car, deposit

  • Savings pots
  • Goal accounts
Horizon 3

Future

3+ years

Financial freedom

  • Investments
  • Retirement
  • Mortgage
“Paths”: navigating money across three time horizons
Time horizonGoalsProductsTasks & tips
TodayThis monthSpend wisely, stay in controlCard, real-time balance, budgetSet a budget · Category breakdown · Insights · Hacks (“save 2 coffees a week”)
Short-term3 months – 3 yearsSabbatical, wedding, car, depositSavings pots, goal accountsAuto-round-ups · Goal reminders · Milestone nudges
Future3+ yearsFinancial freedomInvestments, retirement, mortgageCompounding coach · Rebalance prompts · Long-horizon education

Emotional journey mapping

A functional flow chart gets you a functional bank. To ship an emotional one, I mapped the highs and lows customers actually feel across the money lifecycle, from payday elation to the “did I overspend?” dread three days before rent. Each trough became an opportunity for a piece of coaching, reassurance or a nudge; each peak, a moment to reinforce identity.

Emotional journey map
The emotional journey, where guidance and reassurance had to live

How I ran the design sprint

Every screen in Wio was built through the same sprint methodology. I ran twelve of these across the build: Alignment (1h) → Individual work (4h) → Pooling (2h) → Mid-level wireframe ReviewValidationGuerrilla test (2h) → Iteration pool (2h) → Final wireframeVisual design. Guerrilla testing at hour ten of each sprint was the single highest-leverage part of the process. It caught assumptions I'd have shipped a month later: cheaply, in a coffee shop, on real people from outside the team.

TaskDelivery
ConceptualizationAlignment meeting 1HIndividual work 4HPooling 2HMid-level wireframe TBDWireframe review
Do I need to validate?
Validation · YesGuerrilla test 2HIteration pool 2HFinal wireframe
Production · NoVisual design TBDScreen / flow TBD
Design challenge structure: one flow, branching validate-or-skip into production.
The Wio design process — challenge structure, sticky notes and strategy boards
From messy exploration to a settled pattern

Exploration → convergence

The Spend home went through roughly seven hundred iterations before I settled the pattern. I tested stacked cards, tabs, a scrolling feed, a horizontal carousel, and a “single card that reshapes itself” pattern that turned out to be too clever. The version that shipped is boring on purpose: a hero balance, a horizon toggle, and a stream of intelligent cards that respond to what's actually going on this week.

Convergence

Breaking down to the final design decision.

We started with the mess: hundreds of ideas on one board.

Then found the language: three horizons, not one balance.

Cards that respond to your week, not a static feed.

Until the boring, calm version won. On purpose.

The progression, from the mess to the calm home that shipped.

See it.Manage it.Grow it.
Dashboard 2.0First contact with the app
Solution

Six pillars that make banking feel like something people want to open.

Six principles came out of the process, one for each of the tensions I'd been holding. Every card, screen and interaction on Spend and Grow had to answer to at least one of them. They're still the language the team uses to argue for and against features today.

SolutionSix pillars of Spend & Grow6 principles
01Pillar

Control

Control through visibility & understanding.

One tap to move a transaction between debit, credit, virtual card, savings or crypto, with limits per category. The customer decides what “my money” means.

02Pillar

Simplicity

Simplicity through user-centric flows.

A monthly recap on one screen: where the money went, by category and merchant, with one line of guidance. No graphs. No jargon.

03Pillar

Excitement

Excitement through an optimistic tone.

A five-question quiz that changes the app. “Begonia, you’re a Money Maker.” The moment a user goes from “another bank” to “this one gets me.”

04Pillar

Clarity

Clarity through the right amount of data.

Twelve categories, not fifty. Real numbers, plainly labelled. Trend lines only where they actually change a decision.

05Pillar

Delight

Delight through modern interactions.

The app tells you what to do about what it sees: “Starbucks, 20 times in 30 days.” Every insight has an action attached.

06Pillar

Support

Support through insights that enable better choices.

Coaching sits next to the decision it’s about: a savings explainer inside the pot, a credit primer inside the credit flow.

Invest — wealth portfolios
Wallet — add the Wio card, tap to pay
Spending categories — shopping, transport, dining
Cards — Wio credit and debit
Pooling — save for what matters together
Wio Personal in hand — the net-worth home at golden hour
The six pillars made tangible: control, clarity and delight in the product

“We go beyond mere tracking. We provide delightful insights and recommendations that anticipate the user's needs.”

Product manifesto, internal doc
ReceptionWhat people said once it shipped8 reviews

Finally a bank that gets that my money is about my life, not a spreadsheet.

AAishaApp Store · ★★★★★

The Money Personality quiz nailed me on day one. Slightly offended, mostly impressed.

OOmarApp Store · ★★★★★

I never actually understood where my money went, until this app told me, kindly.

PPriyaApp Store · ★★★★★

Opened an account in ten minutes on my sofa. My old bank still wants me to visit a branch.

DDaniyalApp Store · ★★★★★

The insights don't just nag. They tell me what to do about it.

SSaraApp Store · ★★★★★

Switching between Today and Future feels like magic. I screenshot it constantly.

KKhalidApp Store · ★★★★★

The first banking app that made me want to invest. I actually have a Future now.

MMeiApp Store · ★★★★★

It looks nothing like a bank. That's the highest compliment I can give it.

YYusufApp Store · ★★★★★
Craft

The details that took the longest and matter the most.

Case studies over-index on frameworks and under-index on the small decisions that make a product feel finished. A few worth calling out.

Why I chose donuts over line charts

The default for any fintech is a line chart. I tested them, and killed them.

“Line charts emphasise volatility: even a 2% dip looks like a crash. For a neobank whose primary customer is managing their net worth daily, that creates anxiety, not clarity.”

Design rationale, October 2022

I replaced them with donut charts for compositions and single-number deltas for trend. A 2% dip in a donut is invisible until you tap into the category detail. A 2% dip on a line chart is a spike straight into someone's morning coffee.

The dashboard as first contact

I wrote the design brief for the Dashboard 2.0 rewrite as a single sentence and stuck it on the wall:

“The dashboard is the user's first contact with the application. It has to look close to their reality, provide really useful information, and make them curious and motivated. They should feel that they are not in just any banking application.”

Dashboard 2.0 design brief

The Home card system

Every card on Home is one of nine primitives (balance, insight, action, milestone, nudge, message, reminder, promotion, empty). Each primitive has three densities and a defined choreography for when it can appear, get dismissed, or promote itself. It's boring, invisible work, and it's the reason the home screen still feels calm three years later, after twenty new features have been added to it.

The horizon toggle

Switching between Today / Short-term / Future had to feel like a physical shift, not a tab. I prototyped seven versions and settled on a soft horizontal parallax that moves the balance number, the illustration behind it, and the card stack at three different speeds. It's the interaction people screenshot most.

Wio Personal — the “I want to” goals picker
Goals start from a plain-language wish, not a form
Impact

What shipped, and what it did.

300k+Customers acquired in the first three years
60%Of new customers came from referrals
NPS 74Sustained across the customer base
4.8★App Store rating
AED 400MNet profit by Year 2
40%Of customers actively investing on the platform
72%Year-on-year customer growth
10 minMedian onboarding vs. industry days / weeks

Beyond the numbers, three things I'm proud of:

01

The framework survived contact with the roadmap.

Paths, Money Personality and the six pillars are still the language the team uses today. New surfaces (credit, investment, Wio Business) plug into them without a rewrite. That's the highest bar I know for a design system: it out-lives the launch team.

02

It moved the market.

Two incumbents in the region have since shipped their own version of horizon-based money organisation. Imitation is a lagging indicator of impact.

03

It made investing normal.

40% of customers are actively investing through the app, a rate that would be exceptional at a broker, let alone a bank. That's the Paths framework working: once someone has a “Future” horizon in the product, they use it.

Wio Personal — the shipped product screens
Shipped product surfaces across Spend, Grow and Invest
Learnings

What I'd do differently.

Every case study should end where the designer is honest, not where the designer is polished. Two learnings I take seriously.

1. I misjudged where the product was in its life cycle.

“One of the mistakes I made was where we were in the product life cycle. We came in and brought a whole new product and a whole new way of thinking in the beginning stages, when the goal should have been acquisition.”

Post-launch retro

Money Personality, Paths, the six pillars: brilliant framework, wrong stage. In the intro stage of a product lifecycle, the primary job is acquisition: make the thing easy to try. I front-loaded meaning when I should have front-loaded ease. The test result that should have flagged it earlier: only 24% of testers successfully set a budget on their first try. That's a red light I treated as a yellow one.

Next time, I'd stage the depth. Ship the acquisition-optimised, low-friction version first. Layer the Money Personality logic and the horizon toggle as the second release, when the top of the funnel is loud enough to justify the depth. The framework was right. The sequencing wasn't.

2. Alignment beats craft, every time.

“Alignment on a goal and product statement is one of the most important foundations of the business. If you can't get every individual to write down what it is, everyone is chasing a different goal.”

Personal note, month three

The design decisions that got reversed on this project were never the ones I hadn't rationalised. They were the ones I hadn't narrated. If a goal is real, every individual on the team can write it down on the back of a napkin. If they can't, it isn't real. It's your assumption of it.

Now, at the start of every project, I run a “goal in one sentence” round with the team. Everyone writes it independently, then reads it aloud. The gaps are the roadmap for the next fortnight of alignment work. It costs an hour and saves a quarter.

Wio Personal is still live. It's the case I go back to when I want to remember what it feels like to design something from a blank sheet, with real regulatory constraints, real customers, and real skin in the game.

Wio Personal — loved by its customers
Keep exploring
Previous
Artsy
Brand

Artsy

Next
Emirates Airline
Product

Emirates Airline