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 play 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 (e.g., green for gains, 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. | Cleaned, modern UI with ample whitespace. | 100% elimination of user cognitive fatigue during portfolio tracking. |
| Data Readability | Low readability across financial text and sheets. | Enhanced typographic hierarchy and spacing. | Drastically faster data absorption and decision-making for investors. |
| Navigation & Flow | Fragmented; users forced onto separate screens for different modules. | Unified, continuous user journey. | A seamless transition across fund management modules, boosting session engagement. |
| Data Visualization | Flat, un-optimized data presentation. | Color-coded structured tables and interactive graphs. | Instant, accurate tracking of stock market ups and downs at a single glance. |
| Mobile Accessibility | Desktop-centric layouts that broke on mobile screens. | Fully responsive mobile-first UI views. | Flawless on-the-go portfolio tracking across all smartphone devices. |
| Dashboard Security | Static layout ignoring specialized user boundaries. | Role and permission-based tailored dashboard views. | Secure, uncluttered access control tailored strictly to the user’s operational role. |
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 2-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 2-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 establishes iWealth as an elite, responsive, and secure gateway for modern stock market investment.
