Wio Bank/Product Design/Fintech/UX Design/See, manage & grow money/4.7 ★ from 1,000+ users/iOS Mobile App/Wio Bank/Product Design/Fintech/UX Design/See, manage & grow money/4.7 ★ from 1,000+ users/iOS Mobile App/
( Product Design — Fintech )

Wio
Bank

Building the best place to see, manage & grow money.

Role
Product Designer
UX
Client
Wio Bank
UAE
Timeframe
2024
Wio Personal
Platform
iOS
Mobile App
Wio Bank — a reimagined mobile banking experience for the UAE

Banking is no longer just a transactional necessity; it is a pivotal element that influences our lifestyle choices, financial well-being and personal goals. Money has transcended its traditional form — it has become a tool to achieve our aspirations.

Our aim was not to build another banking app, but to craft an experience that seamlessly integrates into the lives of users — redefining convenience, security and personalisation in the digital age. This is the story of how we set out to reimagine the future of banking in the UAE, one innovative step at a time.

01 —

Banks Are So Last Century, People Are Not

Banking is no longer just a transactional necessity. It is a pivotal element that shapes how we live, how we feel about our money, and whether we ever reach the goals we set for ourselves. The institutions hadn't kept pace with the people they serve.

The question that framed everything

How can we revolutionise the banking experience to resonate with the modern customer's lifestyle, happiness, and the evolving framework of daily life?

Framing the challenge — reimagining banking around modern lives
Framing the challenge — banking that resonates with how people actually live
02 —

The Design Challenge

Our primary objective was to comprehensively understand and articulate the problem we set out to solve, and to gauge the impact it could have. We wanted to clarify how the project would enhance the customer experience and unlock new business opportunities — extending Wio's mission.

Our conceptual approach to how people interact with money was captured in a simple yet profound framework we called “Paths” — a guiding principle to help users navigate their financial journey toward freedom. Paths segmented financial planning into three horizons:

  • Today — the money spent now, immediate everyday expenses.
  • Tomorrow — short to mid-term goals like rent or a car loan.
  • The future — long-term investments like a mortgage and retirement.
The Paths framework — segmenting financial planning across today, tomorrow and the future
“Paths” — a framework for navigating money across three horizons
03 —

Defining the Audience

In redefining our user personas we moved beyond traditional demographic categories. Instead, we focused on understanding individual financial motivations and behaviours. Drawing on psychological research, we explored the concept of money personalities, blending this qualitative data with quantitative spending patterns.

This comprehensive approach helped us create personalised experiences deeply attuned to individual financial attitudes and habits. The goal was to empower users with intuitive, engaging tools that foster smarter financial decisions through a genuinely user-centric process.

Money-personality personas — built on motivation and behaviourBlending qualitative money personalities with quantitative spending patterns
Money personalities — personas built on behaviour, not just demographics
04 —

Charting the Emotional Journey

We first established a clear information architecture to serve as the app's navigational backbone, ensuring seamless connections between sections. This was vital for understanding the user's financial journey.

Next, I created an emotional journey map focused on the emotional aspects of managing money. This surfaced the critical moments to integrate educational content — offering guidance and reassurance as people navigate new ways of managing their finances, so they feel equipped and confident at every step.

Emotional journey map — pinpointing where users need guidance and reassurance
Emotional journey map
05 —

Insights & Planning

My focus on the Spend section involved iterative design — building multiple prototypes to refine how people interact with their financial data. A few clear directions emerged from the planning work:

  • A central hub to enhance navigation, giving easy access to the various financial features in one place.
  • An effective budgeting tool, shaped by user insight to be both simple and engaging.
  • A Jobs to Be Done framework, translating insights into purposeful app features.
Jobs to Be Done framework — translating insights into purposeful features
Jobs to Be Done — turning research into features with a reason to exist
06 —

Exploring Components

With the Spend section as my focus, the iterative design ran deep — creating dozens of modules and components to represent financial data in ways people could actually parse. As a team we explored hundreds of options.

The central hub — one place to reach every financial featureSend-money component explorations
The central hub and money-movement components — two of hundreds explored
07 —

Navigating the App

Navigation had to carry the whole experience. We pressure-tested how people moved between accounts, spending and goals — pushing variations of the core flows until the path through the app felt obvious rather than learned.

Navigation exploration — moving between accounts and spendingNavigation exploration — the central hub in contextNavigation exploration — flows through goals and insights
Navigating the app — testing the core flows in context
08 —

Design Explorations

Taking account of every insight from competitor analysis, team design workshops and customer feedback, we turned what we'd learned into design explorations. Testing them within the team informed the final design.

Through a diverse exploration of styles and executions, we solidified the visual bedrock that supports the entire experience. Designing, prototyping and testing each element of the interface were critical steps — and that commitment to repeated refinement is what transforms a simple banking transaction into an empowering financial experience.

Design exploration — interface style and executionDesign exploration — refining the visual bedrock
Exploring styles and executions to settle the visual bedrock
Design exploration — component states and detailDesign exploration — refined interface detail
Refining each element through design, prototype and test

“We are revolutionising the way people interact with their finances — focusing on control, simplicity, excitement, clarity, delight and support.”

09 —

What We Created

As we crafted a banking experience that resonates with modern needs, our approach to visualising the UI played a pivotal role in shaping Wio's identity. We sculpted six pillars of design — they led the process and acted as the anchor for the work.

  • Control — seamlessly switch between your own funds (debit) and borrowed funds (credit) for any expense, across virtual cards, savings, crypto and stocks, with limits on overall or category spending.
  • Simplicity — view spending by category, merchant and overall trend, with actionable insights that make it easy to see where money goes each month.
  • Excitement — a money-personality assessment that helps people understand their patterns and tailor their Wio experience.
  • Clarity — spending categories, timeframes and trends presented in an easily digestible format, with the complexity stripped away.
  • Delight — insights and recommendations that anticipate needs, turning everyday transactions into moments of discovery and reward.
  • Support — a rich library of articles and resources so people learn as they spend and build real financial acumen.
The Wio Personal accounts homepage — see, manage and grow money in one view
The accounts homepage — the best place to see, manage & grow money
Spending broken down by category and merchantBudgeting and insights in contextMoney-personality and rewards moments
The six pillars made tangible — control, clarity and delight in the product
The finished Wio Personal experience across screensDetail from the shipped Wio Personal interface
The shipped Wio Personal experience
4.7out of 5 from over a thousand users, six months in
The outcomeJust six months after launch, Wio Personal had reshaped banking in the UAE — earning a 4.7 out of 5 rating from more than a thousand users across the major digital platforms.
10 —

Our Approach to Innovative Banking

At the core of our process lies a belief in the transformative power of dialogue. To truly innovate in banking, we had to first listen — to stakeholders, to financial experts, and most importantly, to our customers. Those conversations were the seeds from which the strongest solutions grew, guiding us to understand the real issues people face on their financial journeys.

After refining the designs, we moved into an agile development phase, staying in close collaboration with our engineering team to ensure every design was fully prepared for each sprint. The most durable outcome wasn't a single screen — it was a banking experience that finally felt connected to the lives and goals of the people using it.