Project

Portfolio

FinFit: Financial Fitness

Portfolio

Finfit

FinFit enables users to track their expenses, income, and savings in real-time. This feature includes automatic transaction categorization and easy-to-understand data visualization. It employs an approach to provide personalized financial advice based on users' financial behavior, aimed at helping them achieve their financial goals.

The application is designed for young adults (Gen Z and Millenials) who want to enhance their financial literacy and gain better control over their personal finances. For transaction analysis and personalized financial advice, it utilizes a statistical approach created using APIs. Meanwhile, for recommendations on financial management, it employs AI in the form of ChatGPT

Through market research and brainstorming, it's concluded that Finfit need several feature to reach MVP with help of Impact-Effort Matrix seen below.

Impact-Effort Matrix for Finfit-Didi Suhardi

For UI/UX prototyping, I decide to use figma as the design tool. Before that, I do Design system including typography, color, and layout. I also make information architecture to mapping the flow of the app as you can see below.

Information Architecture for Finfit-Didi Suhardi

Then, I start design the wireframe and high-fidelity design for 11 page including splash screen, login page, and dashboard. After that, last step was to make a prototype can be used as live preview and demo for the user and gain some feedback.

Design for Finfit

If you interested to see the prototype and try it yourself, you can click the button below!

Live Preview