GRW Investment App — UI/UX Redesign Case Study Overview

Project Goals

• Simplify complex financial data and investment flows

• Improve information hierarchy and readability

• Build a scalable UI system supporting:

  • Light & Dark modes

  • Arabic (RTL) & English (LTR)

• Increase user confidence in financial decision-making

Problem Statement

The legacy application suffered from multiple UX challenges:

• Overloaded screens and weak visual hierarchy

• High cognitive load for first-time users

• Inconsistent UI components and layouts

• Limited scalability for future features

• Weak RTL and accessibility support

Research & Analysis

Based on PRD requirements and stakeholder input:

• Identified core user journeys:

  • Onboarding & authentication

  • Exploring investment products

  • Portfolio tracking

  • Market news & insights

• Analyzed data-heavy screens to reduce friction and improve clarity

Design Approach

• User-centered, clarity-driven design

• Content-first layouts for financial data

• Modular component system for scalability

• Consistent interaction patterns

• Clear separation between information and actions

Information Architecture

• Re-structured navigation to group related financial content

• Clear separation between:

  • Market overview

  • Investment products

  • User portfolio

  • News & insights

• Reduced navigation depth to minimize user effort

UI System & Visual Design

• Unified design system with reusable components

• Improved typography for numeric-heavy content

• Color logic for gains, losses, and statuses

• Optimized charts and data visualizations for readability

Light, Dark & RTL Support

• Fully designed light and dark themes

• RTL-first approach for Arabic support

• Consistent layouts across LTR & RTL

• Maintained balance and alignment in both directions

Key Improvements (Before → After)

Before

• Dense layouts

• Inconsistent UI patterns

• High cognitive load

• Limited scalability

After

• Clear visual hierarchy

• Simplified financial flows

• Modular, scalable UI system

• Improved accessibility and localization

Outcome & Impact

• Faster comprehension of financial data

• Improved usability for novice and advanced users

• Consistent experience across the app

• Design system ready for future growth

Tools & Skills

UI/UX Design · Product Thinking · Design Systems · Fintech UX · RTL & Localization · Data Visualization

Conclusion

The GRW redesign transformed a complex, data-heavy investment experience into a clear, scalable, and user-centered product—aligned with both business goals and real user needs