Fintech · End-to-end UX/UI · 4 weeks
Grava — Fintech App
A goal-focused savings app that helps young adults manage money with clarity and confidence.
I created Grava in response to common frustrations with existing budgeting tools, which often feel overly complex and impersonal. Over a four-week period, I designed the end-to-end mobile experience — user research, user flows, wireframing across three fidelity levels, usability testing, and final visual design.
- Project
- Fintech App
- Role
- End-to-end UX/UI Design
- Timeline
- 4 weeks
Design insight
Four Core User Needs
Users need personalization — generic financial advice feels irrelevant, so the app had to adapt to individual spending habits and goals.
Users need concrete goal-setting — not just a target number, but a clear timeline and progress feedback to sustain motivation.
Users need to track income and expenses so they can view and manage their finances effectively.
Users need a dashboard that clearly visualizes their finances, helping them understand spending habits at a glance.
HOW MIGHT I…
“Create a personalized financial management experience that helps users track income and expenses, set achievable savings goals, and visualize their spending in a clear, motivating way?”
Ideation & iteration
Early Drafts
Focused on content hierarchy by placing the balance first, followed by quick actions, insights, and recent transactions.
Added real content and split the Insights section into an income-vs-expenses chart and a Monthly Budget card to encourage action based on spending trends.
Established a clear budget structure with a spending overview chart at the top and a category breakdown below to support quick understanding.
Added spending data, percentage labels, and category amounts to make budget trends easier to understand and compare at a glance.
Defined the goal-tracking structure with simple goal cards and a progress chart to explore how savings progress and trends could be presented.
Introduced realistic goals, progress indicators, and monthly data to make goal status and saving trends easier to interpret.
Organized profile options into Account and Settings sections to evaluate grouping, hierarchy, and scanability.
Introduced descriptive labels and supporting icons to improve recognition and confirm the information density remained easy to navigate.
User testing
Usability testing with three participants on mid-fidelity wireframes.
Participants were asked to complete the core tasks of the app while thinking aloud:
- Creating a savings goal
- Setting a monthly budget
- Navigating to check their transactions
Participant feedback
Missing confirmation
All three users asked for success messages after goal and budget creation.
Budget guidance
Users wanted helpful prompts — like spending alerts — to better manage expenses.
Dashboard clarity
Users found the income-and-expense chart confusing.
Visual engagement
Users wanted more color and visual richness.
Iteration
Iteration to Improve UX
Based on feedback received during user testing, I iterated on several screens to improve clarity and usability.
Added a 3-month average spending reference and an optional weekly notification, helping users set more realistic budgets based on testing feedback.
Users found the income and expense chart confusing.
Added color and a radio button to clearly indicate which chart is selected.
Added success-confirmation screens after creation flows. Based on feedback from all three users, a consistent success screen was introduced after goal and budget creation to clearly confirm the action completed — and to build user confidence.
Key flows
Three Core Journeys
Flow 1 — Onboarding to a complete financial overview
Onboarding → Log in → Home dashboard → Activity
Flow 2 — Setting a monthly budget
Home dashboard → Monthly budget modal → Confirmation
Flow 3 — Setting a savings goal
Goals → New goal modal → Confirmation
Reflection
What I Took Away
Prioritizing core needs
With limited time and research, I learned to build a focused MVP — solving the most important user problems and letting go of nice-to-haves.
Designing for fintech
Fintech showed me the weight of trust, clarity, and usability — users rely on these apps to manage sensitive information and make important decisions.
