Abigail Arana

UX/UI Design Post-Graduate

PaySave                     

2020




PaySave is a Fintech Saas platform for finance management and budget tracking that allows users to manage their finances in a convenient and efficient manner. The site is suitable for a diverse age demographic and for users with varying technical proficiencies, as the most fundamental feature of the website is its simple and easy-to-follow setup.




PAYSAVE DASHBOARD



User Research

Through the user interviews conducted, it was found that one half of users had an established budgeting regime that they followed, yet they found this too limiting at times. The other half of users were the opposite, having no awareness of their financial status and at times found themselves overspending before the next payment cycle.

The users also had varying attitudes towards their financial goals, with one segment having no specific financial goals to attain, while the other is motivated to save up for a long-term experience or purchase.

However, a common theme between the two segments are the need for a central location to pay and keep track of their bills and expenses. Both segments mutually agreed that tracking spending is difficult, and are open to better ways to conduct it.

Key insights were documented on Miro and turned into an affinity map, where the breakdown of user patterns and insights were formed. These were further translated into two user personas and their respective journeys when using a product, revolving around budgeting, scheduling and paying finances.




 INITIAL DATA SYNTHESIS



USER PERSONAS



Designing for Simplicity

Interestingly, most people don’t realise too often that their finances need management, and often resort to a cycle of rushing to budget or overspending each payment period. From the user research conducted, it was obvious that the majority of people often who abandon the task of budgeting usually find it too complicated to continue, or may be too overwhelmed to begin. Therefore, the main requirement of the minimum viable product (MVP) is to provide users with a simple solution to budgeting, one that they can keep track of and add to their everyday routine.

Through user flows and an understanding of the MVP’s information architecture, the process of setting up and tracking finances is established and further streamlined. Initial medium-fidelity wireframes were used as a reference to set up the final prototype in Axure, and through cross-reference with user research and subsequent data synthesis, the final interactive high-fidelity protoype was designed and built.





USER FLOWS FOR REGISTRATION, SCHEDULING A BILL & SETTING A FINANCIAL GOAL



HIGH-FIDELITY PROTOTYPES: GOALS & TRANSACTIONS PAGE