Overview
Context, Problems & Goals
Context, Problem & Goals
People don't know if they're saving enough, creating constant financial anxiety.
Current banking apps show balances but not "Am I on track?" Users have data but lack guidance, so they disengage entirely.
therefore, this is a feature designed to plug into FDIC insured banks, with Citibank as the example to demonstrate.
Solution
the Immediate idea of 50/30/20 rule as default + help them set up HYSA account + automating 20% to to save to HYSA per previous paycheck came up
Goals
50/30/20 benchmark – Shows savings status, allows customization
Smart spending analysis – Identifies subscription cuts to boost savings
Data Gathering
Research Methodology
🎤
1
Research Interviews
6 Interviewees
All lived in the United States
👣
2
Journey Mapping
Financial planning behaviors
Emotional Ups and Downs
🧪
3
Usability Testing
1st: Tested Low-Fi Wireframes
2nd: Tested Hi-Fi Wireframes
Competitive Analysis
What Competitors Are Missing
I analyzed 6 major competitors to identify market Gaps, and found the following.
Pivot
My Original Plan: Design HYSA Onboarding with Auto-savings
Problem: all 6 research participants have a HYSA account and I realized I was solving the wrong problem.
My Rationale behind this Idea:
Assumption:
Users need HYSA Set Up
Reality:
Users already have HYSA Set Up
When I asked about how people handle their paycheck, 1 interviewee Answered
‘I just automate stuff’
Participant 1
My follow-up questions about planning suddenly felt useless.
💡 Instead of moving on, I scheduled a deeper conversation about her emotional journey with financial planning.
Key Insight
Solution 1
1
Personalized Benchmarking: Goal Tracking & Variable Income
Solution 2
Only 1/6 participants initially flagged the rigidity of the 50/30/20 rule.
Despite the prompt, further testing confirmed the default was rigid
Explicitly added the feature which provided flexibility for Variable Earners and precision for Smart Automators.
Final solution demonstrated using functional code (Figma Make) to show dynamic proportional adjustment
Solution 3
3
Actionable Guidance: Optimizing Subscriptions
provided that all users want actionable guidance, but not just data, I took it a step further to explore options for that; and arrived at a solution to first get context; next, point out possibilities with maths done; last, let users reflect and make decision.
Other Things Explored
👣
In-Line Peer Stories & Validation of Design Tension
to encourage users to be financially healthy, i thought of bringing in social aspects so people can look at how peers are doing. a lot of problems arose when started, and there were split opinion in whether this function should exist. Supporters found it motivating, opposers found it undermines privacy/ distracting. the function evolved as follows:
Other Things Explored
👣
Final Pivot: From Peer Stories to Generalized Testimonials
instead of Detailed stories of how individual users improve, I simplified it into generalized testimonial section, so it promotes the feature yet do not reveal sensitive, emotional finances of users.
Key Takeaways
Designing something to integrate to an existing app is really different from starting from scratch, and also closer to real world projects. and the follows is what i found the most important in this project:
🏛️
Branding
Consistency
Successful integration requires matching existing UI Design (Citibank design system).
Key Action
Ensure new elements (buttons, fonts) blend into existing UI and does not look like a discrete function.
⚖️
Scope Over
Perfection
Don't be obsessive about technical details, e.g. prototype animations , focus on key features first.
Key Action
Prioritize solving user problems over polishing edge cases.
⚡️
Start Simple,
Polish Later
Balancing time-consuming hi-fidelity prototyping with efficient visual communication is crucial for productivity.
Key Action
Prioritize solving user problems over polishing edge cases.
⏱️️
UX Value Over Tech Complexity
Technical prototyping challenges (variables, CTAs) must not overshadow the core value of the UX design.
Key Action
Prioritize solving user problems over polishing edge cases.
Key Takeaways
Enjoyable Parts
No one taught us about financial literacy growing up, we all avoid talking about money; and that's why I wanted to make some impacts with this project. unexpectedly, there are a lot moe i gained from it, as an emerging UX Designer:
💬
Listen and Design for empathy
UX is about listening, not validating. Be prepared to pivot based on user needs and emotions, not initial hypotheses.
The Insight
e.g. One participant shared her journey to financial independence after college, abandoning comforts, navigating financial ups and downs, and transforming from panic to pride. Design should prioritize user empowerment.
🔍
Challenge Assumptions
High user familiarity with HYSA accounts require deeper digging to uncover the real business gap: The emotional and practical gaps in financial planning.
The Pivot
HYSA onboarding
🔽
Benchmark Guidance
🌍️
Build for Scalability
While this is designed as a plug-and-play framework for FDIC-Insured banks, To scale globally, balance specificity (culturally relevant context) with generalization is required.
Key Action
Study different nations’ banking system, find generalization framework.