Jai Sankhla
J
S
← Back to work
Designing Budgify: An Intuitive App for Tracking and Conquering Expenses
FintechMobile App· 2 min read

Designing Budgify: An Intuitive App for Tracking and Conquering Expenses

This case study details my end-to-end design process for an app that simplifies expense tracking and helps users achieve their financial goals with clarity.

ClientBudgify / 10kdesigners
My RoleProduct Designer
IndustryFintech
PlatformAndroid / iOS App
Timeline8 weeks

Key Impact

End-to-end

Product Design

Introduction

For millions, managing money is overwhelming. While countless budgeting apps exist, they often create more friction than clarity, bombarding users with complex features and making the simple act of tracking expenses a chore. This leads to abandoned budgets and continued financial uncertainty.

The challenge? To design a user-centric budgeting app from the ground up that simplifies onboarding to get users tracking in minutes, makes expense logging fast and effortless, visualizes financial health with clarity to inform better decisions, and motivates users by celebrating their progress and achievements.

This case study details my end-to-end design process for Budgify, an app created to answer those questions. My focus was on four key principles: simplifying setup, streamlining expense entry, providing actionable insights, and building user motivation.

This project was completed during my time at the 10kdesigners cohort, with invaluable guidance from my mentors, Abhinav Chhikara and Jayneil Dalal.

I was responsible for the entire end-to-end design process, from initial research to a final, polished user interface

I was responsible for the entire end-to-end design process, from initial research to a final, polished user interface

Design Process

Design process overview showing the stages from research to final design

User Interview & Survey Analysis

To understand the needs and pain points of potential users, I employed a mixed-method research approach:

Quantitative Surveys: I designed and distributed a survey using Google Forms to gather statistical data on budgeting habits and challenges.

Qualitative Interviews: I conducted several one-on-one interviews, both in-person and over the phone, to gain deep, contextual insights into their financial behaviors.

User Interview Analysis

User interview analysis showing key findings from qualitative research

User Survey Analysis

User survey analysis showing quantitative data on budgeting habits

User Persona

My research revealed two distinct types of potential users, each with unique financial habits and frustrations. To bring these user groups to life and ensure I was designing for them, I crafted two detailed personas.

Allow me to introduce you to Pradhuman and Shivangi!

User personas showing Pradhuman and Shivangi with their goals and frustrations

Empathy Map

Visualizing Shivangi's perspective to understand her needs and pain points.

Empathy map for Shivangi showing her thoughts, feelings, and pain points

User Scenario

A user scenario illustrating 'A Day in Shivangi's Life' to visualize her real-world budgeting challenges.

User scenario showing a day in Shivangi's life

User Journey

To pinpoint opportunities for improvement, I visualized Shivangi's frustrating process of trying to stick to a budget.

User journey map showing Shivangi's experience with budgeting

Task Flow & I.A

Task flow diagram showing key user flows in Budgify
Information architecture showing the app structure

Moodboard and Branding

Conceptualisation — exploring visual direction and brand identity for Budgify.

Moodboard exploring visual direction for Budgify
Brand identity exploration for Budgify

Ideation Process

Ideation process showing sketches and concepts

Mid Fidelity Wireframe

Mid-fidelity wireframes exploring layout, navigation, and content structure.

Mid-fidelity wireframe screens
Mid-fidelity wireframe showing user flows
Mid-fidelity wireframe interaction flow

High-Fidelity Designs

The culmination of the design process: high-fidelity mockups, key UI screens, and an intro video demonstrating the core user flow and interactions of the app.

High-fidelity design screen 1
High-fidelity design screen 2
High-fidelity design screen 3
High-fidelity design screen 4
High-fidelity design screen 5
High-fidelity design screen 6

Prototype

An interactive prototype showcasing the complete user flow and interaction design of Budgify.

Prototype showcase

Interested in working together?