A friend and I like to keep track of our spending. After all, it's one of the basics of financial literacy. When we were using Android system, we had a choice of handy apps to track our expenses. Not long ago, my friend switched to iOS and discovered that there was no usable app for tracking expenses. We decided to make one based on the ones we used on Android.

User Research – Identifying target audience and their pain points.

Competitive Analysis – Studying similar finance management apps.

User Personas – Defining key user archetypes.

User Journey Mapping – Visualizing user interactions with the app.

Wireframes (Low & High-Fidelity) – Structuring core app screens.

User Flow Diagrams – Mapping out user interactions.

Information Architecture – Organizing content hierarchy.

Moodboard & Style Guide – Defining colors, typography, and UI components.

Design System & UI Kit – Reusable UI components for consistency.

Final High-Fidelity UI Mockups – Polished designs for all screens.

Interactive Prototypes – Clickable prototypes in Figma or similar tools.

Microinteractions & Animations – UI animations for a smooth experience.

Iconography & Illustrations – Custom assets for the app.

Responsive Design Variations – Ensuring adaptability for different devices.

Developer Handoff – Preparing and exporting assets for implementation