Cash Craft
In a group of 4, the task was to create a fully functional mockup of an application of our choice. Our idea was to create a gamified budgeting app for students to manage their finances called Cash Craft. The functional prototype was created in Figma.
Planning
A persona of someone in our target audience was created to map out user goals within our application. From there we created paper prototypes of different features of Cash Craft

Paper Prototypes




The paper prototype showcases how the user would login to their bank account, view & create a budget, then redeem their points to customize their character.
Hi-Fi Mockups
High-Fidelity mockups that were created in building off of the paper prototypes. These established how the final app is going to look when developed in Figma.
Logging into your personal banking.

Creating an account.


Filtering spending.
Viewing budgeting quests and redeeming an item for your character based on how many points you have.

Creating a new budget.


View budget progress and statistics.

Financial learning.
Final Application
Once the high-fidelity prototypes were completed, the final application was created using Figma. Below are some snapshots of the application
Password is HCIgroup7!
Creating an account.

Creating Budget categories.

View spending patterns.

Viewing quests & redeeming a prize.
