XCode
XCode
Tracket
Tracket simplifies financial tracking with customizable categories and intuitive visuals, empowering users to monitor spending, set budget goals, and build better habits. This case study explores my process of designing a user-friendly, privacy-focused app that supports diverse needs and encourages financial mindfulness.
Tracket simplifies financial tracking with customizable categories and intuitive visuals, empowering users to monitor spending, set budget goals, and build better habits. This case study explores my process of designing a user-friendly, privacy-focused app that supports diverse needs and encourages financial mindfulness.
Problem Discovery
Problem Discovery
Problem Discovery
Most budgeting apps are cluttered or overly complex. Users struggle with input methods, lack of insight, and poor onboarding.
Most budgeting apps are cluttered or overly complex. Users struggle with input methods, lack of insight, and poor onboarding.
User Research
User Research
User Research
Conducted surveys and interviews across a wide age range (24–67). Priorities: simplicity, flexible data entry, financial goal tracking, and privacy.
Conducted surveys and interviews across a wide age range (24–67). Priorities: simplicity, flexible data entry, financial goal tracking, and privacy.
Wireframing
Wireframing
Wireframing
Created low- and mid-fidelity wireframes to map out key flows: expense logging, dashboard views, onboarding, and goal setting.
Created low- and mid-fidelity wireframes to map out key flows: expense logging, dashboard views, onboarding, and goal setting.
Visual Design
Visual Design
Visual Design
Focused on a clean layout with a calming blue palette to signal trust. Visuals like graphs and progress bars help reduce cognitive load.
Focused on a clean layout with a calming blue palette to signal trust. Visuals like graphs and progress bars help reduce cognitive load.
Prototyping
Prototyping
Prototyping
Developed interactive hi-fi prototypes in Figma. Included core flows like adding expenses, setting budgets, and toggling privacy views.
Developed interactive hi-fi prototypes in Figma. Included core flows like adding expenses, setting budgets, and toggling privacy views.
Development
Development
Development
Designed UI with responsiveness and one-handed usability in mind. Prioritized accessibility and minimal input friction.
Designed UI with responsiveness and one-handed usability in mind. Prioritized accessibility and minimal input friction.
Testing
Testing
Testing
Feedback from user workshops led to onboarding improvements, simplified flows, and the ability to hide balance on public screens.
Feedback from user workshops led to onboarding improvements, simplified flows, and the ability to hide balance on public screens.
Outcome
Outcome
Outcome
Delivered a user-focused financial app prototype that’s easy to use, customizable, and privacy-conscious—designed for everyday use by a wide audience.
Delivered a user-focused financial app prototype that’s easy to use, customizable, and privacy-conscious—designed for everyday use by a wide audience.
More Projects Under Construction
More Projects Under Construction
More Projects Under Construction
The story doesn’t end here—explore more case studies and see how each project brings new challenges and creative solutions.
The story doesn’t end here—explore more case studies and see how each project brings new challenges and creative solutions.