Tadawul Group
Digital Consulting
UX Design
Animation
Project Overview
Mobile App RedesignThe ChallengeOutdated Experience: The existing application suffered from high user drop-off rates due to an outdated user interface and fragmented navigation.Technical Debt: Legacy design structures lacked consistency, making it slow and difficult for the engineering team to deploy new features.Friction Points: Users faced complex onboarding flows and transactional bottlenecks, directly hurting store reviews and overall retention.The SolutionUnified Design System: Built a scalable, component-based Figma architecture to ensure absolute visual consistency across iOS and Android platforms.Streamlined User Journeys: Restructured core user flows to eliminate friction, simplifying the onboarding process and transaction paths.Performance Optimization: Redesigned the interface with development feasibility in mind, ensuring lightweight assets and faster load times.Strategic ImpactCohesive Modernization: Transformed the application into a premium, accessible, and intuitive digital product aligned with modern user expectations.Optimized Dev Handoff: Accelerated future engineering implementation speeds by replacing ad-hoc designs with a rigid, reusable asset system.Market Success: Successfully boosted both App Store and Play Store user sentiment, driving measurable improvements in retention and conversion metrics.
The STG App is Saudi Tadawul Group’s official app, designed to transform the investor experience. Offering a seamless and feature-rich interface.
Fragmented Experience: Disconnected screens and excessive forms caused user confusion.Outdated Design: Limited visibility and dense information hindered decision-making.Poor Localisation: Generic interface failed to align with Saudi cultural and financial practices.Complex Navigation: Inconsistent design and confusing information architecture created barriers.
WHAT WE DO
Improved Case Study Text01 / Strategic PlanningTargeted Alignment: Established stakeholder communication protocols on Day 1 to align cross-functional goals.Roadmapping: Defined objectives, deliverables, and core milestones using Trello to keep sprints on schedule.02 / Design ExecutionWireframing & Mapping: Created comprehensive wireframes in Figma and validated complex user flows via collaborative Miro boards.Tracking: Managed weekly progress loops with the product team to maintain high design velocity.03 / Development CollaborationFeasibility Checks: Partnered with engineering teams early to review design feasibility and eliminate technical debt.Component Systems: Prioritized component reusability, reducing frontend development cycles by streamlining asset handoff.04 / Iterative ReviewsUser Validation: Conducted structured prototype testing with selected user cohorts.Feedback Loops: Gathered and integrated continuous feedback to optimize usability, performance, and localization.
