Expenses Mobile App
UX/UI DesignVantaca is the leading community management performance software that enables owners and operators, community management teams, and boards and associations to improve business performance.
They tasked me with project brief to create a financial expenses mobile app to help users reduce household bills.
TOOLSFigma, Adobe Illustrator
TIMELINEMarch 2024
PROJECT LINK
User Persona
I started by creating a user persona chart to better understand who will use the mobile app and how they will use it. My chosen user was a hard-working mother who is in charge of all the household bills. I explored her potential behaviors and habits and also pointed out what her frustrations, wants and needs would be. My main takeaway from this exercise is that this mobile app needed to be intuitive and easy to use.
Sitemap
I then created a sitemap to better understand the flow of each page in the user’s journey to view the bills they paid and the bills that are due.
Wireframes
The next step in the process was to create low-fidelity wireframes to get a better sense of the user flow/journey within the app.
The Design
I then worked on the UI design in Figma. The result was a clean, modern look for the mobile app. The user flow includes the welcome screen, followed by the expenses, statistics, and savings pages. Users can see a list of upcoming bills and the expenses they have already paid. Users can also connect a credit card to their wallet for quicker payments within the app.
