This project involved designing a personal financial app that helps users track expenses, set budgets, and monitor their financial health through a lightweight, custom UI . The goal was to create a simple, accessible tool for people overwhelmed by overly complex finance apps. The result is a streamlined app focused on clarity: straightforward budgeting, expense tracking, savings goals, and debt monitoring - without unnecessary complexity.
Type
Fintech
Position
UI/UX Designer
Duration
2 weeks, 2025
Tools
Figma
01 step
Initial analysis
I started by analyzing the client's UX reference and identified several usability issues:
Overcomplicated user flows
Repetitive information
Scattered attention
After discussing these findings with the Lead Product Designer, my hypotheses were confirmed, and we decided to restructure the entire information architecture.
Competitive analysis
To inform the redesign, I analysed competitor apps focusing on the key features we needed to develop:
Saldo
simple, user-friendly approach
Buddy, Spendee
budgeting and expense tracking patterns
Monobank, crypto-wallets
intuitive financial data presentation, multi-wallet management flows
I evaluated each app's strengths and weaknesses, paying special attention to:
Navigation simplicity
Information hierarchy
Budget and expense tracking flows
Multi-wallet/account management
02 step
Brainstorming & Flow simplification
Based on competitive insights and the project requirements, I collaborated with the Lead Designer in FigJam workshops to map out simplified user flows.
We focused on:
Eliminating redundant screens
Creating a centralised information hub
Reducing steps to complete key tasks
Wireframing
Based on the simplified information flow, I created mid-fidelity wireframes to define screen structure and content hierarchy.
Dashboard & Transaction
Designed for quick access: users see their budget status at a glance and can create transactions instantly without extra steps.
Overview
Analytics were simplified using crypto wallet-inspired charts for clarity. Debt and savings tracking uses Apple-style setting progress bar for quick, intuitive progress assessment.
Accounts
Standard account management with options to edit balances, add transactions, and track savings or debt progress.
Budget
Although users typically set budgets once per period, we decided to give it dedicated visibility in the main navigation to emphasize its importance in financial planning, while keeping the interface streamlined.
03 step
Dashboard (home screen)
Problem
Reference apps suffered from poor information architecture: dashboards either displayed too much data (including redundant charts that duplicated analytics) or scattered information across multiple screens . This created cognitive overload and made it difficult for users to quickly understand their financial status or identify next actions. The core issue was: "What am I looking at, and what should I do next?"
Solution
I designed a single-page dashboard with clear visual hierarchy that answers users' primary questions immediately: "Where does my budget stand?" and "Where is my money going?"
The structure flows logically:
Budget visualisation
Category breakdown
Recent transactions
Premium invite
Overview
Problem
The analytics section in reference apps required too many steps to access relevant information and often duplicated data already shown on the dashboard. Users faced cognitive overload from repetitive information and struggled to extract meaningful insights. The lack of clear data hierarchy made it difficult to understand financial trends at a glance.
Solution
I designed a progressive disclosure approach that answers key questions in order of priority:
Period selector and income vs. expenses toggle immediately show if users are earning or spending more
Crypto-inspired trend chart reveals balance patterns over time
Apple Settings-style progress bars communicate debt and savings status without interpretation
Budget performance summary answers: "Am I on track?"
This delivers a complete financial story in one view instead of piecing it together across multiple screens.
Accounts
Problem
Reference apps made it difficult to track progress toward savings goals and debt repayment. Users had to navigate into individual accounts to see their status, making it hard to get a quick overview of their financial goals.
Solution
I organized accounts into collapsible sections for wallets, savings, and debts. Users can quickly scan their overview or expand sections for details.
Progress bars on savings and debts show goal completion at a glance—no need to open each account individually.
The interface minimises steps with quick access to add and edit transactions, while intuitive navigation keeps the experience smooth and efficient.
Budget
Problem
Reference apps often placed budget as a separate tab in the navigation bar, consuming valuable space despite limited functionality. Many included redundant analytics within the budget section, duplicating information already available elsewhere.
Solution
I placed a budget icon with a progress ring next to the logo at the top of every screen. This keeps budget status always visible, no matter where users are in the app.
Tapping the icon opens the full budget setup and editing interface. This approach maintains visibility and accessibility without using navigation bar space that's better reserved for frequently used features.
04 step
We adapted the Moon Design System to accelerate the design-to-development workflow. Moon is built with React Native standards in mind, making it an ideal foundation for efficient implementation.
By leveraging pre-built components and customising them to match the app's minimal, focused aesthetic, I maintained visual consistency across all screens while reducing development time. This approach ensured designs were both polished and technically feasible from the start.
09 step
The app was fully handed over to development
Tamara Chuhai 2025. All rights reserved