Budget Categorization for Clear Spending Insights
The Problem:
Users struggled to understand where their money was going. They relied on bank apps that offered limited categorization, making it hard to track patterns or identify problem areas. This lack of visibility also caused users to overspend without realizing it.
My Approach:
I designed a flexible budget categorization system that lets users organize expenses into intuitive categories like Housing, Transportation, Food, Personal , Insurance, and Savings. Users can also create custom categories to match their unique spending habits.
Key Features:
- Predefined and customizable spending categories
- Category level budget limits.
- Clear monthly overviews showing how much has been spent per category
Why This Works:
These feature gives users immediate clarity on where their money goes each month, helping them stay aware of their spending patterns. It turns vague financial behavior into actionable insights, empowering users to take control of their budget.
Spending Notifications to Prevent Overspending
The Problem:
Users reported overspending without realizing it until it was too late. They needed timely reminders to stay on track and avoid surpassing their set limits.
My Approach:
I created a notification system that alerts users when they are approaching or exceeding a category budget. These notifications are lightweight, friendly, and designed to support the users, not to overwhelm them.
Key Features:
- Alerts when a category is nearing its limit
- Over-budget warnings with options to adjust or review spending
Why This Works:
These notifications give users real time financial awareness, allowing them to make informed choices before overspending. It builds budgeting confidence and reduces the frustration users expressed in interviews.
Visual Progress Tracking for Motivation
The Problem:
Users said text heavy reports felt overwhelming and demotivating. They preferred simple visuals that show progress at a glance and keep them motivated to stick to their budgets and savings goals.
My Approach:
I introduced visual progress indicators such as bars, and snapshots that give users a clear picture of how close they are to spending limits or savings goals.
Key Features:
- A dashboard that highlights total monthly spending and remaining budget
- Saving goal progress meter
- Color coded visual cues for “safe,” “approaching limit,” and “over budget”
Why This Works:
Visuals reduce cognitive load and make budgeting feel more manageable. By turning numbers into intuitive graphics, users can understand their financial status instantly keeping them engaged and motivated.
Clean, Simple Layout for Better Usability
The Problem:
Users expressed frustration with cluttered layouts in existing apps. Confusing navigation made it hard to find information, which discouraged them from maintaining their budgets consistently.
My Approach:
I designed a minimal, modern interface that prioritizes clarity and simplicity. The layout uses clear hierarchy, ample spacing, intuitive iconography, and a predictable navigation structure to reduce friction.
Key Features:
- Bottom navigation for quick access to core pages
- Clear visual hierarchy using consistent typography
- Generous spacing to avoid cognitive overload
- Intuitive, predictable screens with only essential elements
Why This Works:
A clean layout makes the app feel approachable and easy to learn. It supports users in focusing on what matters most, their spending activity without distractions. This simplicity was directly influenced by interview feedback and removes major pain points that users experienced with other budgeting tools.
Reflection
Reflections & Takeaways
What Went Well
One of the strongest parts of this project was transforming complex budgeting tasks into a clean, simple interface that users found easy to navigate. The visual progress tracking and budgeting categories were especially successful both resonated with users and directly addressed their need for clarity and motivation. I’m also proud of how consistent and cohesive the design system became, allowing each screen to feel visually aligned and easy to understand.
Challenges & How I Overcame Them
The biggest challenge was designing both the lo-fidelity and high-fidelity prototypes in a way that kept the layout simple while still giving users all the tools they needed. It required multiple iterations to get the spacing, hierarchy, and interactions to feel intuitive. I overcame this by continuously comparing design decisions to user feedback and pain points removing unnecessary elements, testing new layouts, and prioritizing clarity over visual complexity. This iterative process kept the design grounded in actual user behavior.
Key Learnings
This project taught me how essential visual clarity is for financial products. Users consistently expressed the need for straightforward layouts, quick insights, and reassurance that they were staying on track. I also learned how motivating visual progress can be, especially for users who struggle with consistency. Another key insight was how easily people overspend without realizing it, highlighting the importance of real time feedback and notifications. Overall, the research reinforced that even small UX decisions can significantly influence confidence, behavior, and trust.
What I’d Do Differently
If I were to revisit this project, I’d spend more time exploring deeper personalization such as adaptive insights, spending predictions, or optional onboarding paths based on user experience levels. I’d also like to test more variations of the dashboard to see which layout users respond to most quickly. With more time, I’d expand accessibility testing and refine microinteractions to further improve clarity and reduce cognitive load.
