Budge

Budge

Budge

Budgeting made simple

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

Stevag Restaurant

Stevag Restaurant

Stevag Restaurant

Stevag Restaurant

Design in Motion

Design in Motion

Design in Motion

Design in Motion

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