Investment Portfolio App UX/UI Design | FinTech by Yuliia IshchenkoInvestment Portfolio App UX/UI Design | FinTech by Yuliia Ishchenko

Investment Portfolio App UX/UI Design | FinTech

Yuliia Ishchenko

Yuliia Ishchenko

Investment Portfolio Mobile App Redesign

A fintech mobile app redesign that helps users track portfolio performance, review transactions, manage documents, and monitor investment analytics in one clear dashboard.
ARMM Group is a finance mobile app designed for investment portfolio management. The redesign focused on making complex financial data easier to understand by combining performance analytics, transaction history, portfolio allocation, documents, notifications, and profile settings into a clean and intuitive mobile experience.
Year: 2025 Industry: FinTech, Investment Management, Finance App, Portfolio Analytics Project Type: Mobile App Redesign, UX/UI Design Scope: App Audit, Competitive Research, User Flow Optimization, UI/UX Redesign, Dashboard, Analytics, Transactions, Profile, Settings, Notifications Contribution: UX Audit, Product UX, UI Redesign, Mobile App Design, Data Visualization, Design System

Project Overview

The project aimed to transform an existing finance app into a modern, intuitive, and trustworthy mobile experience.
The app helps users manage their investment portfolio from one place. Users can view account balances, track asset performance, analyze investment allocation, review transaction history, access documents, manage profile settings, and receive important notifications.
The main goal was to simplify user interactions while maintaining the powerful functionality expected from a finance and investment product.
The final result is a sleek dashboard where users can track performance analytics, make sense of financial activity, and review key portfolio information within a cohesive interface.

Problems

Investment data can feel overwhelming Portfolio apps often include balances, account types, returns, transactions, allocation charts, documents, and dates. Without a clear structure, users can quickly feel lost.
Users needed a faster way to understand portfolio performance The app had to show total balance, latest return, investment allocation, recent transactions, and account distribution without making users open too many screens.
Transaction history needed stronger filtering Users needed to review profits, deposits, withdrawals, recipients, clients, and dates. The transaction flow had to make searching and filtering simple.
Analytics had to be clear on mobile screens Charts, timelines, account filters, and allocation breakdowns needed to be readable and easy to interact with on a small screen.
Onboarding had to feel secure but simple Because this is a finance product, the sign-up process needed to confirm identity and protect user data without creating too much friction.
Settings and documents needed to be easier to access Users needed a clear way to find profile information, documents, support contacts, security settings, authentication, notifications, and downloaded statements.

Goals

Redesign the investment portfolio app into a modern and intuitive mobile experience.
Create a clear dashboard for balances, returns, assets, and recent transactions.
Improve analytics screens with readable charts, filters, and account breakdowns.
Simplify transaction history and transaction detail flows.
Create a secure but user-friendly onboarding and sign-up process.
Organize profile, settings, support, documents, and notifications in one accessible system.
Build a visual style that communicates trust, clarity, and financial confidence.
Make the app feel clean, professional, and easy to use for daily portfolio monitoring.

Workflow

The redesign process included four core stages:

1. Audit of Existing App

The first step was to review the existing app experience and identify where users could face confusion, friction, or unnecessary complexity.
The audit focused on navigation, information hierarchy, onboarding, dashboard clarity, transaction flows, analytics, and account-related screens.

2. Competitive Research

Competitive research helped define familiar patterns used in modern fintech and investment apps.
The goal was to understand how similar products present portfolio balances, investment allocation, transaction history, charts, filtering, documents, and security settings.

3. User Flow Optimization

The app structure was reorganized around key user actions:
Sign up
View dashboard
Review assets
Check analytics
Filter transactions
Open transaction details
Manage profile
Access documents
Update security settings
View notifications
Contact support
This helped simplify navigation and make the app feel more predictable.

4. UI/UX Redesign

The final stage focused on creating polished mobile screens with a clean visual system, strong contrast, clear cards, accessible controls, and readable financial data.

Visual Identity

The visual identity was designed to feel secure, professional, and modern.
The app uses a blue-based palette, clean white surfaces, soft gradients, rounded cards, and clear data visualization. This creates a calm and trustworthy finance experience while keeping key actions and numbers easy to scan.

Typography

Inter was selected as the main typeface.
Inter works well for fintech products because it is highly readable across small text, numbers, labels, charts, buttons, and mobile interface elements.

Main Colors

#1C32A4 — primary blue used for brand identity, navigation, and main actions. #2B41B8 — secondary blue used for gradients, highlights, and active interface states. #F1F4FF — soft background color used for cards, surfaces, and light sections. #0A102A — deep navy used for strong contrast and financial data emphasis.

Additional Chart Colors

Additional colors were used for pie charts and investment allocation visuals, including violet, blue, light blue, and yellow tones. These help separate different account types and make portfolio distribution easier to understand.

Onboarding & Sign Up

The onboarding flow introduces the app with a simple message:
Your entire portfolio in one place.
The sign-up process was designed to feel secure and guided. It includes:
Client ID entry
Email entry
Password creation
Password validation rules
Google sign-up option
Log-in access
Security-focused illustrations
The password screen includes validation requirements such as minimum characters, capital letter, and number checks, helping users understand how to create a secure password without guessing.

Dashboard

The dashboard is the main overview screen of the app.
It gives users quick access to the most important portfolio information:
Total balance
Latest return
All assets
Account list
Recent transactions
Profit and withdrawal activity
Investment allocation
Bottom navigation
The goal was to make the dashboard useful at a glance. Users can quickly understand their current financial position without opening multiple sections.

Investment Allocation

The investment allocation section shows how the user’s assets are distributed across different accounts.
The interface uses a donut chart and a clear account list to show portfolio structure.
Example account types include:
Personal
SER IRA
IRA
NuView Cash IRA
Company accounts
This makes it easier for users to understand where their money is allocated and how different accounts contribute to the total portfolio.

Analytics

The analytics section was designed to help users understand portfolio performance over time.
It includes:
Asset timeline
Account balance chart
Time period selector
Account selector
Investment allocation chart
Informational tooltip
Filter states
Bottom sheet controls
Users can choose a time period, switch between accounts, and review asset changes through a clean chart interface.
The analytics flow also includes educational support, such as a “What is YTD?” explanation, helping users understand financial terms directly inside the app.

Transaction History

The transaction section allows users to review financial activity in a structured way.
Users can see:
Profit transactions
Deposits
Withdrawals
Transaction dates
Recipients
Client names
Amounts
Account labels
The redesign makes transaction items easy to scan by using clear color cues for positive and negative values.

Transaction Filters

A filtering system was created to help users find specific transactions faster.
The date filter includes a calendar selection screen, while selected filters appear as chips. This makes the filtering process transparent and easy to adjust.

Transaction Details

The transaction detail screen gives users a focused view of a selected transaction.
It includes: Transaction amount, Transaction type, Description, Date, Recipient, Supporting details.
This helps users understand the context of each financial activity without overloading the transaction list.

Documents

A document section was designed so users can access important investment-related files.
Users can search PDF files, view investment statements, and download documents directly from the app.
This supports a more complete portfolio management experience, where users do not need to leave the app to find financial records.

Profile

The profile section gives users access to account-related information and key actions.
This structure makes the profile area practical and easy to navigate.

Settings & Security

The settings flow includes important account and security controls.
Users can manage: Email, Password, Notifications, App lock, Authentication, Security preferences, Log out action.
Because finance apps require a high level of trust, these screens were designed to feel clear, controlled, and reassuring.

Notifications

The notifications section keeps users informed about account and transaction activity.
Notifications are displayed in a clean list with clear status indicators and a “mark all as read” action.
This helps users stay updated without feeling overwhelmed.

Support

The support screen includes points of contact, contact information, and FAQ content.
This gives users a direct way to get help, which is especially important in a finance product where users may need fast clarification about investments, transactions, or documents.

Data Visualization

The app uses several visualization patterns to make financial data easier to understand:
Donut charts for investment allocation Line charts for asset timelines Calendar views for transaction filtering Color-coded transaction values Cards for balances and returns Tooltip explanations for finance terms
The goal was to make portfolio data feel understandable even when the underlying financial information is complex.

Results

The final redesign created a cleaner and more intuitive mobile experience for investment portfolio management.

Key Results

A redesigned onboarding flow with secure sign-up and password validation.
A clear portfolio dashboard showing balance, returns, assets, and recent transactions.
Improved analytics experience with charts, account filters, and time period selection.
Simplified transaction history with filters, date selection, and transaction details.
Organized profile and settings area for documents, support, security, and notifications.
Consistent visual system based on Inter typography, blue gradients, white cards, and clear financial data hierarchy.
Improved trust and usability through simple layouts, readable numbers, and secure account controls.
A complete mobile app redesign covering core investment management flows.

Project Scope

This case study covers the mobile app redesign for ARMM Group’s investment portfolio experience.
The scope included onboarding, sign-up, dashboard, asset overview, analytics, investment allocation, transaction history, transaction filters, transaction details, profile, documents, notifications, support, authentication, and settings screens.
The redesign was created as a scalable foundation for future fintech features, deeper reporting, transfers, account management, and portfolio insights.

Conclusion

ARMM Group’s investment portfolio app was redesigned to make finance management feel simpler, clearer, and more trustworthy.
The new mobile experience helps users understand their portfolio performance, review transaction history, access documents, and manage account settings from one intuitive app.
The final result is a modern fintech interface that combines financial clarity, secure flows, and clean mobile usability.

✍️ Contact me and I will provide you with an estimate for your project!

Like this project

Posted Apr 23, 2026

UX/UI redesign for a fintech mobile app for tracking investment portfolios, analytics, transactions, documents, and secure account settings.