About STG
The STG App is Saudi Tadawul Group’s official app, designed to transform the investor experience. Offering a seamless and feature-rich interface.
Industry: FinTech & Banking
Expertise: Mobile app & SaaS
YEAR: 2025
The app provides a smooth, easy-to-use interface with powerful features. It gives investors, analysts, and market users real-time access to key market data and news, plus tools to track their portfolios—all in one place.
User-friendly interface for a better user experience made in bright positive colors. Quick and easy to use the adding transactions, filter, and other functions as well. Analyze your situation, costs, and income using reports and graphs.
I've tried many finance tracking apps, but most either lack good design or are hard to use. Some have great features but look unappealing, which makes the experience frustrating—especially for an app you check multiple times a day. That’s why I started sketching ideas by hand, focusing on clear logic, simple interactions, and clean visual design.
During my research, I interviewed potential users who actively track their finances. My goal wasn’t just to build an app, but to design something that fits naturally into users’ daily routines.
Using the insights I gathered, I created a User Story Map (USM) to define the core functionality of the prototype. I focused on making the interface fast, responsive, and easy to use.
My Process
Step i follow
To design a app that truly serves Customers I explored existing platforms, mapped user flows, and crafted personas based on common pattern
Design system
Working with Design system
I took a smart approach by leveraging an existing design system and reusing components where possible. This helped speed up the design process and supported the development team’s workflow. At the same time, I designed several new components from scratch to meet specific needs that weren’t covered by the current system.
Number of screens
Downloads
Satisfied Clients
Why Choose Us
Problem Statement
After
Cluttered Dashboards
Overcomplicated Onboarding
Poor Information Hierarchy
Poor Error Handling & Feedback
Inconsistent Navigation
Lack of Customization
Slow Real-Time Updates
Inconsistent Visual Design
Ways of working
Benchmarking and competitive analysis
As part of the design process, I conducted benchmarking and competitive analysis to study how similar finance and stock market apps use color, typography, and data visualizations.
This helped identify industry standards, usability gaps, and visual patterns users are already familiar with. By understanding what works (and what doesn’t), I was able to make informed design choices that improve clarity, trust, and user engagement in our app.
