MoneyCare
Mobile App Design

Money Care is a smart and intuitive app that helps users manage their personal finances with ease. It allows for quick entry and tracking of income and expenses, budget creation, and detailed financial overviews through charts and reports.

Key features include:
– income and expense tracking
– monthly and yearly budgeting
– visual breakdown of spending by category
– receipt scanning and warranty storage

* The design system uses clearly defined Color Styles and Text Styles, along with modular components built with Auto Layout and enriched with variants for different states (active, error, selected).

* An interactive prototype includes animations like Smart Animate, Move In/Out, After delay and Overlay for smooth navigation.

* Screens are structured across: Onboarding, Login, Create Account, Forgot Password, Home, Cards & Savings, Profile, and Settings. The Figma file is divided into two parts — one for UI screens and another for design system components and styles.

* This project focuses on clarity, functionality, and a well-structured design to make personal finance management both simple and effective.