Designing Dashboards

Designed a dashboard for a mobile app to help our user Mary budget better

Role: Wireframing, Prototyping

Timeline: 3 hours, October 2023

Tools: Figma

INTRODUCTION

Smarter Financial Decisions

I was tasked with creating a budgeting dashboard for a user named Mary. She wants to find a budgeting tool where she can clearly see where her money is going. Her goal was that she wants to travel but is currently struggling to save and needs to get her finances in check.

Mary’s goal is to change her spending habits and learn how to think long term instead of just impulsively buying. She wants an app that is accessible anywhere, especially when grocery shopping and something that is easy to use.

THE CHALLENGE:

Mary needs an app that helps her budget and to aim for her goal of saving $400 each month. She needs to be able to keep track of all of her expenses like rent, credit card payments, commuting on public transportation, groceries, utilities/internet. Any leftover money could go towards shopping/entertainment purposes

THE SOLUTION:

Develop an app that is user-friendly and lays out all your budgeting information in one easy location. It will be able to keep track of your expenses, choose where you want your money to be going to, and even give you monthly insights on how you have been budgeting/saving

The Beginning of Build Early Money Habits

FINAL DESIGN

This design was meant to be done in a timely manner so not much work was required that I would normally do. Such tasks include user reacher, mapping out the user flow, sketching low-fidelity frames, creating mid-fidelity wireframes, and usability testing.

The application included designing a:

  • Home page with a budget breakdown

  • Spending page that went more into details about her transactions

  • A budget page for each expense and allowed Mary to pay them off

  • An insights page that gave monthly summaries and how much she saved

REFLECTION

Room for Improvement

This was a really quick and fun design job to do. This app has much room for improvement and if the proper user research was done, I could have gotten better insight on the functionality. It was very quick paced and didn’t even allow for sketching to be done. We were just asked to design a dashboard incorporating certain features that the user, Mary, would need. Given the short timeline, I am still proud of how it came out. I loved the design and colors I incorporated.

More Case Studies

Better School Choice
UX Research / UI Design: Mobile App

Build Early Money Habits
UI Design: Desktop/Mobile Interface