GABARIAI

Market research
Competitor analysis
Presona
Site-map
User-flow
Wire-frames
High-fidelity Design
Prototype
Where
Dubai, UAE
What
Website & Mobile App
Category
Trading
Role
UI Designer, UX Researcher

Overview

GABRIAI is mobile app that uses AI technology to help the user find the best trading broker

Problem

The surge in trading platforms has made it tough for users, regardless of their experience, to find reliable options tailored to their needs.

Solution

Creating an app that uses Ai technology where the user can find the best platform for depending on what they want.

Competitor analysis

I perform competitor analysis to better understand the market and avoid potential issues based on feedback from rival users.

The Good

- Mostly easy to navigate through
- Some have combined Build-in features that work together very well
- Good UI Structure with some website having user-friendly designs

The Bad

- Some have misleading information
- Some are using to many ads that annoys the user

Sitemap

Wire-frames

Over 28 Wire-frames were made

Design system

Color palette

Primary
50
100
200
300
400
500
600
700
800
900
Neutral
50
100
200
300
400
500
600
700
800
900
Dark Mode
50
100
200
300
400
500
600
700
800
900
Shades
0
100

Typography

Plus Jakarta Sans
Aa
Bb
Cc
Dd
Ee
Ff
Gg
Hh
Ii
Gg
Typography scale
H1
72 pt
H2
48 pt
H3
39 pt
H4
33 pt
H5
28 pt
H6
23 pt
P 1
18 pt
P 2
16 pt
P 3
14 pt

Grid system

8 point grid system with 16 margin for mobile
12 column grid with 88 margin and 24 gutter

Icons

High fidelity designs

Over 46 Screens were made