Budget Buddy

Smart Budgeting & Savings App

Role

Sole UX/UI Designer

Industry

Finance App

Duration

6 weeks

Project Overview

Budget Buddy is a fun, friendly budgeting app that helps students and young professionals manage money with ease. It’s designed to turn tracking and saving into something light, positive, and a little bit cute — thanks to its elephant mascot and cheerful visuals.

Context

Most budgeting apps feel too serious or complicated. I wanted to create something that made finance feel friendly and motivating — like a buddy who cheers you on instead of stressing you out.

Problem Statement

Users often give up on budgeting because:

-Dashboards are cluttered and confusing.

-The experience feels cold or strict.

-There’s little emotional reward for progress.

Problem Statement

Users often give up on budgeting because:

-Dashboards are cluttered and confusing.

-The experience feels cold or strict.

-There’s little emotional reward for progress.

Solution Output

A calm, visual, and uplifting app that:

-Shows expenses and savings clearly.

-Rewards users with cute animations and positive nudges.

-Uses a mascot to make the experience feel personal and warm.

Project Goals

-Simplify daily expense tracking.

-Add personality to financial planning.

-Encourage consistency through emotional design.

Research

Target Audience: Students and young professionals who want to manage money better but find finance apps intimidating.


Key Insights:


-Users preferred quick insights over detailed analytics.

-Positive reinforcement improved motivation.

-Visual simplicity encouraged daily engagement.

Ideation

The idea started with one thought: What if budgeting felt like a friendly conversation?

I explored fun illustrations, positive feedback loops, and a mascot that celebrates every win.


Wireframes

Simple wireframes focused on speed and clarity fewer taps, lighter visuals, and friendly copy that keeps the tone casual and supportive.

Design System

A modular design system was built for consistency across screens:


Buttons: Rounded with soft hover transitions and playful press effects.


Icons: Minimal yet expressive, matching the mascot’s friendly style.


Cards: Pastel backgrounds with subtle shadows to maintain lightness.


Microinteractions: Gentle pops and fade-ins that add life to user actions.

Final Design

Prototype

Built in Figma with smooth transitions and subtle elephant animations making every interaction feel alive and encouraging.

Results

Users described Budget Buddy as “a finance app that feels like a friend.”

It made budgeting approachable, fun, and something they actually wanted to stick with.

Thank you for your time ✨

Thank you for your time ✨

Create a free website with Framer, the website builder loved by startups, designers and agencies.