Go back home
Q4 2023
Q4 2023
Personal finance and budgets 💰
Personal finance and budgets 💰
Personal finance and budgets 💰
⚠️ Hi there! This is a minimised version of this case study. Please, grab a bigger screen for full the experience.
Product vision: Hatch is a concept project that aims to solve issues with creating, monitoring and sticking to budgets.
Contributions: I designed Hatch as a solution to help me with my finance management and creating spending budgets, I then proceeded to make my findings into a case study. Out of over 100 submissions, I made it to the top 10 that pitched live then, went on to win 2nd place at a Microsoft hackathon in 2023.
Product vision: Hatch is a concept project that aims to solve issues with creating, monitoring and sticking to budgets.
Contributions: I designed Hatch as a solution to help me with my finance management and creating spending budgets, I then proceeded to make my findings into a case study. Out of over 100 submissions, I made it to the top 10 that pitched live then, went on to win 2nd place at a Microsoft hackathon in 2023.
Role
Role
Role
Product Designer
Product Designer
Product Designer
Achievements
Achievements
Achievements
2nd place Microsoft hackathon 2023
2nd place Microsoft hackathon 2023
2nd place Microsoft hackathon 2023
Industry
Industry
Industry
Finance
Finance
Finance
Team
Team
Team
Dami/Product Designer
Dami/Product Designer
Dami/Product Designer
🙁 Challenge
🙁 Challenge
🙁 Challenge
Seven out of ten people don't create budgets; those that do may use manual methods, such as spreadsheets, or none at all. While fintech apps have grown in recognition, many lack dedicated budgeting and financial management features.
Seven out of ten people don't create budgets; those that do may use manual methods, such as spreadsheets, or none at all. While fintech apps have grown in recognition, many lack dedicated budgeting and financial management features.
😊 Results
😊 Results
😊 Results
Hatch effectively tackles the issue with managing accounts, expense tracking, and creating budgets using a seamless, intuitive, and simple interface.
Hatch effectively tackles the issue with managing accounts, expense tracking, and creating budgets using a seamless, intuitive, and simple interface.
Hatch effectively tackles the issue with managing accounts, expense tracking, and creating budgets using a seamless, intuitive, and simple interface.
Problem discovery
Problem discovery
Problem Category / Management, Efficiency, Categorisation
I had a minor problem going into this project because I knew nothing about fintechs, but I did know that I wanted a project that was both intriguing to me and meaningful to the intended user.
To further develop this idea and identify the problem, I started reading, researching, and talking people in the industry to figure out current trends, gaps in the fintech app market, to understand user needs and market potential.
Problem Category / Management, Efficiency, Categorisation
I had a minor problem going into this project because I knew nothing about fintechs, but I did know that I wanted a project that was both intriguing to me and meaningful to the intended user.
To further develop this idea and identify the problem, I started reading, researching, and talking people in the industry to figure out current trends, gaps in the fintech app market, to understand user needs and market potential.
The process
The process
Unlike some of my projects, the design process was pretty linear. Because I was new to designing for the finance market, It was important to religiously rely on competitor analysis using usability guidelines, user interviews and testing, and analysing insights from my findings.
I also worked on a concept generation process - Who, What, Why?, I moved on to brainstorming user flows and information architecture of the app. I made a combined flow so that I could asses the app and its functionality as a whole. This helped me work out what features to include and how they would be connected.
Unlike some of my projects, the design process was pretty linear. Because I was new to designing for the finance market, It was important to religiously rely on competitor analysis using usability guidelines, user interviews and testing, and analysing insights from my findings.
I also worked on a concept generation process - Who, What, Why?, I moved on to brainstorming user flows and information architecture of the app. I made a combined flow so that I could asses the app and its functionality as a whole. This helped me work out what features to include and how they would be connected.
The Solution
The Solution
A simple, straightforward app with basic functions such as transactions - users can manually enter transactions, categorise them, and have them reflected in their budgets; budgets - users can create budgets and allocate funds to different categories (rent, food, transportation, etc.); and notifications when they exceed their budgets. Finally, goals let people set money aside for their wants and needs.
These elements were key for the MVP of the app. It would be lovely to explore other unique features like bank account syncing so users can have their transactions updated as soon as they spend, reciepts uploading feature, using AI to read and add to user's transactions, group goals so users can save towards objectives with their friends, and many more.
A simple, straightforward app with basic functions such as transactions - users can manually enter transactions, categorise them, and have them reflected in their budgets; budgets - users can create budgets and allocate funds to different categories (rent, food, transportation, etc.); and notifications when they exceed their budgets. Finally, goals let people set money aside for their wants and needs.
These elements were key for the MVP of the app. It would be lovely to explore other unique features like bank account syncing so users can have their transactions updated as soon as they spend, reciepts uploading feature, using AI to read and add to user's transactions, group goals so users can save towards objectives with their friends, and many more.
some Concepts
Home page
This was a direct interpretation of the wireframes. I was able to identify usability issues with this after testing
Refined version
This came after a refining user insights and basic usability rules. I refined the layout, prioritised the transaction categories
Goals
This version of goals was impossible to understand, which defeats the purpose of a user friendly app
Refined Version
Here I utilised white space within the cards and also introduced badges so users are able to identify goals without having to click on the goal
Final* prototype
There is often never a final version, is there? 😂 This concept took us closer to what we intended to achieve with the MVP & a better defined design system
"Dami is an excellent storyteller, She took everyone on a journey. At the end of her presentation, we were all drawn to the practical solution she proposed. She will go places and do more meaningful work."
"Dami is an excellent storyteller, She took everyone on a journey. At the end of her presentation, we were all drawn to the practical solution she proposed. She will go places and do more meaningful work."
Judge
Microsoft hackathon
The pitch
Till date, this was a milestone in my career, pitching an idea I had as a UX newbie in front of an audience and judges (in-person and virtual) and getting phenomenal feedback was incredible!