About the Client
iWealth is a comprehensive fund management and stock market application designed to streamline asset management for investors. The platform allows users to monitor market trends, interact with different financial modules, and manage their investment portfolios seamlessly. To elevate the platform’s user experience, Nimap was brought on board to spearhead a complete frontend redesign, optimizing how complex financial data is visualized and interacted with on both web and mobile screens.
Challenges
During the UI/UX redesign project, the design team encountered several critical user experience and structural challenges:
- Cluttered Existing Design: The original platform layout was overly dense and chaotic, making it difficult for users to absorb financial details without cognitive overload.
- Poor Readability: Important textual data, tables, and numerical metrics lacked proper visual hierarchy, rendering the interface difficult to read and navigate.
- Segmented User Flow: The user experience felt disjointed as users had to constantly switch between entirely different screens to manage separate financial modules.
- Lack of Mobile Optimization: The interface was not natively optimized for smaller viewports, hindering investors who needed a seamless, responsive experience on the go.
- Complex Role and Permission Framework: The platform required a clean way to display varying dashboards depending on the specific user’s roles, access permissions, and fund tiers.
Tech Stack Overview
- UI/UX Design Tool: Figma (Used exclusively for all wireframing, prototyping, and component designs)
- Team Composition: 1 UI/UX Designer
- Timeline: 2 Months
Solutions
To transform iWealth into an intuitive, high-performing financial platform, the following UI/UX design solutions were conceptualized in Figma and implemented:
- De-cluttered Layout & Readability Overhaul: Redesigned the core application layouts to introduce clean whitespace and structural alignment. Focused heavily on making typography readable, ensuring investors can easily scan stock names, values, and metrics.
- Unified User Journey & Multi-Module Integration: Streamlined the fragmented navigation into a cohesive, continuous user journey. Designed intuitive user flows so investors no longer have to navigate disparate screens to access different fund management modules.
- Enhanced Fund Management Board Panel: Created a centralized, executive-level board panel for fund management that allows users to overview their assets, allocations, and administrative controls at a single glance.
- Color-Coded Tables & Advanced Graphing: Introduced structured data tables with intuitive color-coding (green for gains and red for losses) alongside modern graph visualizations to make complex stock market trends instantly understandable.
- Responsive Mobile Adaptation: Designed a fully adaptive mobile layout from the ground up, translating complex web dashboards, charts, and wide tables into sleek, thumb-friendly mobile screens.
- Permission-Driven Custom Dashboards: Wireframed and designed a dynamic dashboard system that shifts gracefully based on user roles and permissions, ensuring users only see the specific features, data sheets, and tools relevant to their account level.
Results
| Metric Component | Before Solution (Legacy Design) | After Solution (Figma Redesign & Implementation) | Operational Impact |
|---|---|---|---|
| Interface Visuals | Cluttered, dense, and overwhelming layout. | Clean, modern UI with ample whitespace and intuitive visual hierarchy. | 100% elimination of user cognitive fatigue during portfolio tracking. |
| Data Readability | Low readability across financial text, metrics, and spreadsheets. | Enhanced typography, spacing, and structured content hierarchy. | Drastically faster data absorption and decision-making for investors. |
| Navigation & Flow | Fragmented workflows requiring users to switch between multiple screens. | Unified navigation with a seamless and continuous user journey. | Improved engagement through effortless movement across fund management modules. |
| Data Visualization | Flat and unoptimized presentation of investment data. | Color-coded tables, charts, and interactive visual analytics. | Instant tracking of stock market performance and portfolio insights at a glance. |
| Mobile Accessibility | Desktop-centric layouts that broke on smaller mobile screens. | Fully responsive, mobile-first interfaces optimized for every device. | Flawless on-the-go portfolio tracking across smartphones and tablets. |
| Dashboard Security | Static dashboard with limited user-specific access control. | Role-based dashboard views with permission-driven content visibility. | Secure, personalized access ensuring users only view relevant operational data. |
Core Features Delivered
A. Executive Fund Management Panel
- The Board Panel Hub: A macro-view workspace designed for fund managers and high-tier investors to supervise multiple wealth portfolios simultaneously without switching tabs.
- Role & Permission Dashboards: Tailored dashboard views that adapt dynamically, hiding or revealing specific financial tools and administrative widgets based on the user’s authenticated permission tier.
B. High-Fidelity Data Visualization
- Color-Coded Market Tables: Re-engineered financial tables utilizing strategic UI color psychology to highlight shifting market trends, stock spikes, and asset declines clearly.
- Integrated Performance Graphs: Clean, interactive line and bar vector charts designed to track asset timelines over custom periods.
C. Omnichannel Fluidity
- Responsive Mobile Screens: Translates wide desktop widgets, deep tables, and intricate stock charts into compact, stacked, and highly legible mobile components.
- Figma-to-Dev Handoff Blueprint: A highly organized Figma design system featuring component variants and clear spacing tokens, allowing the single developer to implement pixel-perfect layouts within the two-month timeline.
Conclusion
By deploying a focused UI/UX transformation leveraging Figma, the design and product management team successfully turned iWealth from a cluttered, text-heavy platform into a premium, hyper-readable fund management ecosystem. Over a rapid two-month timeline, Nimap’s dedicated designer seamlessly brought these user-centric blueprints to life. The final application not only solves user navigation pain points but also establishes iWealth as an elite, responsive, and secure gateway for modern stock market investment.
