Back to Portfolio
Fintech AI Mobile UX Research

Turning Financial Stress into Confidence

Humoney AI is an intelligent personal finance companion that empowers users to understand, manage, and grow their money through AI-driven insights and engaging financial education.

Role

UX/UI Designer

Timeline

8 Weeks

Tools

Figma, Maze

Humoney AI dashboard mockup showing AI-powered financial insights
01

The Challenge

📈

The Problem

73% of adults rank finances as their top source of stress. Existing finance apps overwhelm users with raw data, charts, and jargon—leaving them more confused than empowered.

🎯

The Goal

Design an AI companion that translates complex financial data into actionable, personalized guidance—making users feel confident and in control of their financial future.

✍️

My Role

Sole UX/UI Designer responsible for end-to-end design: user research, information architecture, wireframing, visual design, prototyping, and usability testing.

02

Deep Dive into the Problem Space

Research was the foundation of every design decision. I spent the first 3 weeks conducting interviews, analyzing competitors, and synthesizing patterns before touching a single wireframe.

Research Questions

Before conducting any interviews, I defined four core research questions to guide the discovery phase:

Q1

How do young professionals currently manage their finances—and what does their daily relationship with money look like?

Q2

What emotional barriers prevent people from engaging with their money, and how do these barriers manifest in behavior?

Q3

What would make financial management feel less like homework and more like something users actually want to do?

Q4

How do users react to AI-guided financial advice—what builds trust, and what triggers resistance?

Affinity Mapping

After 12 in-depth interviews (45 min each, adults aged 25–40), I synthesized 80+ data points into four clear theme clusters:

Emotional Barriers

Fear of checking bank balance
Guilt about spending on non-essentials
Overwhelmed by financial jargon

Desired Experience

Want a friend, not a calculator
Prefer simple summaries over data
Want positive framing of finances

Current Workarounds

Using spreadsheets they don't maintain
Avoiding finance apps entirely
Asking friends for money advice

AI Trust Factors

Want transparency in recommendations
Prefer suggestions over commands
Need personality to feel comfortable
03

Shaping the Solution

Problem Statement

Young professionals need a way to understand and act on their financial situation without feeling overwhelmed or judged, because current tools prioritize data over empathy—leading to avoidance rather than engagement.

How Might We...

HMW

...make financial data feel like encouragement rather than judgment?

HMW

...create an AI personality that users trust with their financial information?

HMW

...turn financial education from a chore into something users look forward to?

HMW

...help users visualize the impact of financial decisions without causing anxiety?

05

The Final Experience

Every screen was shaped by research insights. Below, each design decision maps back to a specific finding, ensuring the final product directly addresses real user needs—not assumptions.

Humoney AI welcome screen with Fin character and emoji journey from worried to happy

Welcome & Onboarding

"Fin" greets users with warmth. The emoji journey (worried → happy) sets the emotional promise: we'll get you from stress to confidence.

Informed by: Affinity cluster "Desired Experience" — users want positive framing
Income questionnaire screen with salary bracket selection

Income Questionnaire

Non-judgmental salary input using brackets instead of exact numbers. Reduces anxiety and friction during onboarding.

Informed by: Emotional Barriers — fear of disclosing exact income
Dashboard with AI insights showing net balance and cash flow chart

Dashboard with AI Insights

"Fin's Insight" card surfaces spending habits. Net balance labeled "Healthy" with green status. Cash flow chart (May–Oct) shows trends at a glance.

Informed by: Finding #4 — users want proactive guidance, not reactive data
Financial simulator showing what-if scenario options

Financial Simulator

"What if" scenarios let users explore life changes safely. Each scenario shows projected impact on savings, timeline, and net worth.

Informed by: Finding #3 — tone matters more than features; simulator reframes planning as exploration
Financial literacy flashcard game interface

Flashcard Game

Gamified financial literacy through swipeable term cards. Streak mechanics and points keep users engaged while building real knowledge.

Informed by: Affinity cluster "Emotional Barriers" — overwhelm from jargon
Impact analysis showing projected financial improvements

Impact Analysis

After running a simulation, users see projected outcomes: net worth growth (+$45K), savings increase (+$850/mo), mortgage reduction (25 to 19 years).

Informed by: Finding #4 — proactive guidance with concrete projections
Spending categories screen showing eating out tracking with savings progress

Spending Categories

Each category shows spent vs. saved amounts. The framing emphasizes what you've saved, not just what you've spent—reinforcing positive behavior.

Informed by: Affinity cluster "Desired Experience" — want positive framing of finances
🎨

Warm Color Palette

Soft gradients and friendly purples replace the cold blues typical of fintech. Every color choice was intentional to reduce financial anxiety.

🤖

"Fin" AI Personality

The AI companion uses conversational language, emoji, and encouraging tone. It feels like a supportive friend, not a spreadsheet.

🎲

Gamified Learning

Flashcard games and "what-if" simulators turn financial education into interactive play. Users learn without realizing they're studying.

08

Learnings & Next Steps

What I Learned

  • Emotion drives adoption: The biggest insight was that financial tools fail not because of features, but because of how they make users feel. Designing for emotional comfort was the single most impactful decision.
  • AI needs a personality: An anonymous "AI assistant" felt cold in testing. Giving it a name, face, and conversational style dramatically increased trust and engagement.
  • Simplicity is earned: Making complex financial data feel simple required deep collaboration with a financial advisor to ensure accuracy wasn't sacrificed for clarity.

Next Steps

  • Bank API integration: Connect real transaction data for automated spending categorization and real-time insights.
  • Social features: Anonymized community challenges ("Save $200 this month") to add accountability and motivation.
  • Expanded AI: Natural language chat with "Fin" for open-ended financial questions and personalized advice.
  • Accessibility audit: Full WCAG 2.1 AA compliance review and screen reader optimization.

What I'd Do Differently

🔍 More Diverse Participants

My 12 interviewees skewed toward tech-savvy professionals. In hindsight, I'd recruit more participants with lower digital literacy to stress-test the "simplicity" principle against a wider range of users.

🕑 Longer Testing Cycles

30-minute sessions captured first impressions but not long-term behavior. A diary study over 2 weeks would reveal whether the gamification maintains engagement or fades after novelty wears off.

🌐 Earlier Accessibility Focus

Accessibility was planned as a post-launch audit. I'd integrate WCAG checks into every design sprint from the start, rather than treating it as a separate phase.

🤝 Co-Design with Financial Advisors

I consulted advisors late in the process. Involving them during ideation would have caught inaccuracies earlier and surfaced more nuanced financial literacy needs.

Key Takeaway

The best financial tool isn't the one with the most features—it's the one people actually open. By designing with empathy and making complexity feel approachable, Humoney AI proves that fintech can be both powerful and emotionally intelligent.