Saving Vault App Design
Savings Vault is an app that helps users manage, track, and grow their savings. It also lets them monitor expenses, making it easier to identify areas to cut back. It was mainly targeted for the students as they faces issues in managing their expenses.
Discovery
Competitor Analysis
User research
Ideation
Design Process
User flow
Wireframing
Prototying
UX Design
Solution
High-fidelity wireframing
UX Design
UI Design
Design system
Usability testing
Saving Vault empowers students to build healthy money habits, avoid overspending, and start saving early, turning financial stress into financial control.
User Personas
With the help of understanding the pains & needs of different types of students, an application that really solve their problems can be created.
Himanshu
B.tech Student, 23 yrs old
Aarav is a third-year engineering student living away from home. He receives a fixed monthly allowance from his parents, which he tries to manage for food, rent, outings, and personal expenses. However, by the end of every month, Aarav often finds himself short on money and unsure where most of it went.
Pains
No clear idea of where the money goes
each month.
Struggles to stay within a set monthly budget.
Uses multiple payment apps (Paytm, GPay, Cash), difficult to consolidate all spending.
Needs
Monthly spending summary with visual insights.
Option to set budgets and get reminders before exceeding limits.
Syncing of multiple payment modes for unified tracking.
Riya Sharma
Design Student, 21 yrs old
Riya is a second-year design student living in a shared apartment near her college. She often spends on art supplies, café hangouts, and online subscriptions for design tools. Although she tries to save, her spontaneous purchases and irregular spending patterns make it difficult to manage her monthly budget.
Pains
Finds expense tracking apps too dull or complex to use daily.
Hard to keep track of shared expenses.
Feels guilty after realizing she spent too much mid-month.
Needs
A visually engaging and simple app to track daily expenses.
Smart notifications to avoid overspending.
Option to split and track shared expenses with friends.
User flow
Button
Information
Design System
48 px
48 px
24 px
24 px
24 px
16 px
16 px
24 px
Grids & Spacing
Colors & Gradients
#FA31A8
PRIMARY
GRADIENT
#B404F8
SECONDARY
Fonts & Typo
Gilroy
Regular
Medium
Bold
AaBbCc
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890!@#$%^&*(),.;’/?”:
Final Design
Saving Goals
Add or Manage your Savings Goal. Get saving insights.
Emergency Funds
Add your extra savings for emergency.
Expenses
Add or Manage your Expenses. Get expense insights to find areas to cut off expense.
Current Saving goals
Manage your saving goals. Add or withdraw savings.
Manage Funds
Edit, Add or Withdraw funds from your Emergency Savings.
Expense tracking
Add expenses manually or by scanning the bill to track monthly expenses.
Subscription
Manage your all subscriptions in one place.
Saving Insights
Get insights about your current savings.
Goal tracking
Oversee your savings Goal.
Add money or set auto-debit to
add savings automatically after
specific set intervals. Also add
more people to your saving goal
for group savings.
Saving Vaults app design
Learnings & Conclusion
Student finance may seem small, but the habit of saving early can shape future financial independence. Thoughtful design can play a big role in building these habits by making money management feel approachable, motivating, and even fun.
Designing this app showed me that UX is not just about making screens in Figma. It’s about understanding student struggles, doing research, identifying insights, setting goals, designing flows, testing, and then iterating until it truly helps the user.
Initially, I was attached to my design choices, but through feedback sessions, I learned to take suggestions positively and refine the app. This made the final solution stronger and more user-friendly.
While researching how students manage money, I came across countless budgeting tips, financial tools, and saving strategies. At first, it felt overwhelming, but I realized the key was to define one clear problem—making saving simple for students—and solve it step by step.