Year:
2024
Timeframe:
2 months
Tools:
Figma
Category:
Finance







Budge
Summary
Budge is a personal budgeting app designed to help users manage income, expenses, and savings in a clean, intuitive interface. The goal was to create a friendly, non-intimidating tool that makes financial planning simple and visually rewarding.
Budge is a personal budgeting app designed to help users manage income, expenses, and savings in a clean, intuitive interface. The goal was to create a friendly, non-intimidating tool that makes financial planning simple and visually rewarding.
Budge is a personal budgeting app designed to help users manage income, expenses, and savings in a clean, intuitive interface. The goal was to create a friendly, non-intimidating tool that makes financial planning simple and visually rewarding.
Problem
Many people find budgeting apps overly complex or intimidating, often abandoning them after a few uses. Users want to understand where their money goes, track goals effortlessly, and stay motivated without feeling overwhelmed by financial jargon or data overload.
Many people find budgeting apps overly complex or intimidating, often abandoning them after a few uses. Users want to understand where their money goes, track goals effortlessly, and stay motivated without feeling overwhelmed by financial jargon or data overload.
Many people find budgeting apps overly complex or intimidating, often abandoning them after a few uses. Users want to understand where their money goes, track goals effortlessly, and stay motivated without feeling overwhelmed by financial jargon or data overload.
Goal & Objective
Design a simple and visually engaging app that helps users stay consistent with budgeting habits.
Design a simple and visually engaging app that helps users stay consistent with budgeting habits.
Design a simple and visually engaging app that helps users stay consistent with budgeting habits.
Make expense tracking quick and intuitive
Provide clear visual feedback on spending habits
Encourage financial awareness through goal-based progress tracking
Build trust and a sense of control over personal finances
Make expense tracking quick and intuitive
Provide clear visual feedback on spending habits
Encourage financial awareness through goal-based progress tracking
Build trust and a sense of control over personal finances
Make expense tracking quick and intuitive
Provide clear visual feedback on spending habits
Encourage financial awareness through goal-based progress tracking
Build trust and a sense of control over personal finances






Research
Methods
5 user interviews with students and young professionals
Competitive analysis of 3 popular apps
(Spending Tracker, Buddy: Budget Planner, TNAB)
5 user interviews with students and young professionals
Competitive analysis of 3 popular apps (Spending Tracker, Buddy: Budget Planner, TNAB)
5 user interviews with students and young professionals
Competitive analysis of 3 popular apps (Spending Tracker, Buddy: Budget Planner, TNAB)
Key Insights
Users wanted to see their spending at a glance (charts > lists)
Complex onboarding discouraged long-term use
Does not want to spend money on budgeting apps prior to trying the app
Many wanted a quick way to input their expenses
Users wanted to see their spending at a glance (charts > lists)
Complex onboarding discouraged long-term use
Does not want to spend money on budgeting apps prior to trying the app
Many wanted a quick way to input their expenses
Users wanted to see their spending at a glance (charts > lists)
Complex onboarding discouraged long-term use
Does not want to spend money on budgeting apps prior to trying the app
Many wanted a quick way to input their expenses




Ideation & Strategy
How Might We
How might we make budgeting a simple process instead of feeling like a chore?
How might we visualize progress to prove that the user is making a big difference with small wins?
How might we make onboarding simple to prevent overwhelming the user?
How might we make budgeting a simple process instead of feeling like a chore?
How might we visualize progress to prove that the user is making a big difference with small wins?
How might we make onboarding simple to prevent overwhelming the user?
How might we make budgeting a simple process instead of feeling like a chore?
How might we visualize progress to prove that the user is making a big difference with small wins?
How might we make onboarding simple to prevent overwhelming the user?
Concept Exploration
A minimal visual to prevent the user from feeling overwhelmed as well as information overload
Add a camera feature that allows the user to take a picture of their receipt and the system will auto fill the expense form
Use charts and graphs to visually show spending patterns
A minimal visual to prevent the user from feeling overwhelmed as well as information overload
Add a camera feature that allows the user to take a picture of their receipt and the system will auto fill the expense form
Use charts and graphs to visually show spending patterns
A minimal visual to prevent the user from feeling overwhelmed as well as information overload
Add a camera feature that allows the user to take a picture of their receipt and the system will auto fill the expense form
Use charts and graphs to visually show spending patterns




Design Process
Wireframes
I started my design process with paper wireframes and quickly moved on to low fidelity; to eventually high fidelity wireframes.
I started my design process with paper wireframes and quickly moved on to low fidelity; to eventually high fidelity wireframes.
I started my design process with paper wireframes and quickly moved on to low fidelity; to eventually high fidelity wireframes.
Typography
Font type: Jost
Bold
Semibold
Medium
Regular
Light
Colour Palette


Components


You might also like
You might also like
You might also like
Contact
I’m here to create things that feel real and connect with real people.
Feel free to contact me for any questions, feedback, or further assistance.
Last Updated 11/02/2025
Powered by Framer
Made by Clark Marcellano
Contact
I’m here to create things that feel real and connect with real people.
Feel free to contact me for any questions, feedback, or further assistance.
Last Updated 11/02/2025
Powered by Framer
Made by Clark Marcellano
Contact
I’m here to create things that feel real and connect with real people.
Feel free to contact me for any questions, feedback, or further assistance.
Last Updated 11/02/2025
Powered by Framer
Made by Clark Marcellano
Contact
I’m here to create things that feel real and connect with real people.
Feel free to contact me for any questions, feedback, or further assistance.
Last Updated 11/02/2025
Powered by Framer
Made by Clark Marcellano

