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

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

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

Interactive Figma Prototype user flows fully functional for internal review
UI Design System typography, color tokens, and components
App Store Deployment Unreleased Built purely as a product design concept
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.