Grw
GRW Investment App — UI/UX Redesign
A selection of case studies highlighting my approach to solving real-world product and user experience challenges.
Client
Grw
Services
Grw
Timeline
Grw
Year
2025
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