UX Case Study: Budgeting App
Project Duration: 3 Weeks
Platform: iOS Concept
Project Overview
The Problem
Most traditional budgeting tools suffer from high friction: multi-step onboarding, manual bank syncing errors, and overwhelming financial dashboards.
The Solution
The goal was to design a lightweight interface where users can log expenses in under three seconds and immediately see their remaining safe-to-spend allowance for the day.
The Process
Due to the strict 3-week timeline and lack of access to user testing participants, the discovery phase relied on desk research, heuristic evaluations of existing market competitors, and secondary data:
The Challenge & Problem Space
Most traditional budgeting tools suffer from high friction: multi-step on-boarding, manual bank syncing errors, and overwhelming financial dashboards. The goal was to design a lightweight interface where users can log expenses in under three seconds and immediately see their remaining safe-to-spend allowance for the day.
Desk Research & Assumptions
Due to the strict 3-week timeline and lack of access to user testing participants, the discovery phase relied on desk research, heuristic evaluations of existing market competitors, and secondary data:
-
Market Gap: Competitors often focus on retrospective reporting (where money went last month) rather than real-time decision-making (what can be spent today).
-
Key Assumption: Reducing input fields to just Amount and Category removes the cognitive load that causes users to abandon financial logging apps.
-
Target Proto-Persona: "The Daily Tracker" — A student or young professional who needs quick visibility into daily spending limits without linking sensitive bank credentials.
Design Execution & Iteration
Design Execution & Iteration
1. Information Architecture & Wireframing (Week 1)
-
Mapped out a 3-screen core navigation: Daily Dashboard, Quick-Add Modal, and Monthly Insights.
-
Prioritized a persistent floating action button (FAB) for instantaneous expense logging from any screen.
2. Interface Design & Visual System (Week 2)
-
Designed a high-contrast visual gauge (progress ring) on the home screen showing "Safe-to-Spend" balance for the current day/week.
-
Selected a minimalist color palette—dark neutral backgrounds paired with vibrant accent colors—to reduce financial anxiety and focus attention on crucial metrics.
3. High-Fidelity Prototyping (Week 3)
-
Built interactive micro-interactions in Figma for the quick-add keypad, providing instant visual feedback when an entry succeeds.
-
Formatted components into a scalable design system using auto-layout, ready for future handoff.
Key Deliverables & Out-of-Scope Artifacts
Deliverable IncludedStatusReason / Context
Interactive Figma PrototypeCompletedCore user flows fully functional for internal review
UI Design SystemCompletedStandardized typography, color tokens, and components
Primary User TestingSkippedOut of scope due to 3-week timeline constraints
App Store DeploymentUnreleasedBuilt purely as a product design concept
Reflection & Next Steps
If extended into a full product cycle, the immediate next phase would be conducting usability testing on the prototype with 5–8 participants to validate whether the "Safe-to-Spend" ring mental model holds up in real-world scenarios.