UX Design
UI Design
Pablo Games
UX UI Case Study
www.your-website.com
www.pablogames.com
8:15
8:15
The Problem
Pablo Games aims to provide game boosting services for the game "Rocket League". However, the existing platforms for this service are not providing a satisfactory experience for customers and boosters. Customers face challenges in finding reliable and skilled boosters, while boosters have difficulty finding suitable orders to fulfill.
Idea & Goal
Pablo Games aims to design a responsive and user-friendly platform that addresses the challenges faced by both customers and boosters in the existing game boosting industry. By implementing an intuitive user flow and providing features such as direct communication and detailed booster profiles, Pablo Games seeks to establish trust and satisfaction among its users.
4 Weeks
Duration
UI UX Designer
My Role
UI/UX Designer, Director, Front-end & Back-end Developers.
The Team
Figma
Tools
Problem & Solution
Design Process
Design Process
Empathize
Define
Ideate
Prototype
Test
Surveys
Surveys
How long have you been working as a game booster?
40%
20%
40%
6-12 months
1-2 years
Less than 6 months
How important is communication with your clients during the boosting process?
0
1
2
3
4
5
1
2
3
60%
40%
What is the most common reason customers use your boosting services?
33.3%
66.7%
To improve my gameplay
To play with better teammates
To achieve a higher rank
What type of boosting services do you offer?
Tournament Boosting
Seasonal rewards
Rank Boosting
40%
20%
40%
Players (Boosters)
What features do you look for in a game booster platform?
33.3%
66.7%
Account Security
Finding a good Booster
Rank Boosting
How important is communication with your clients during the boosting process?
0
1
2
3
4
1
2
3
4
66.7%
33.3%
Would you recommend a game booster platform to a friend?
16.7%
83.3%
No
Yes
What are your biggest concerns when using a game booster platform?
50%
50%
Poor quality of service
Pricing
Account safety
Clients
User Personas
Personas
Robert Fox
Demographics
Age: 16 years old
Hometown: Florida, US
Family: parents
Occupation: Student
Education: High School
Brief story
Robert has recently started playing rocket league and is stuck at one particular level which will take him closer to win this tournament and then compete with his friends. He likes playing video games together with his friends during free time.
“ I am only a few games behind to win the tournament and I am stuck at one particular level for weeks now.”
Fustrations
> He has spent weeks trying to complete a level but is not able to do so due to limited skills.
Goals
> Win Tournament
> earn rewards to level up
>Become better in the game
John Alex
Demographics
Age: 15 years old
Hometown: Florida, US
Family: parents and younger sister
Occupation: Student
Education: High School
Brief story
John is currently seeking to improve his ranking in Rocket League game. He is a sharp minded kid and wants to become a video game streamer. His parents allow him only a few hours a week to play video games and have agreed for a new streaming setup if he scores good marks in upcoming exams. He prefers playing video games to being on social media and hanging out with friends.
“ I want to improve my ranking in rocket league game but I can’t give it enough time”
Fustrations
> He wants to upgrade his ranking but is not able to do so due to limited time available for playing.
Goals
> To start game streaming
> To spend time playing online games
> Move to the next level as soon as he can
Information Architecture
Information Architecture
For Clients
For Players (Boosters)
Wireframes
Home Page
checkout for rank Boosting
All Boosters
Client dashboard Orders
Client dashboard Messages
Players dashboard My profile
Players dashboard Claimed orders
Design Phase
+30 more
Style Guide
#0A071B
#ffffff
#1A1729
#9E9DA5
#581D9B
-
#9C32B0
Colors
Aa
Typography
Manrope
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
s
t
u
v
W
X
Y
Z
A
B
C
D
E
F
G
H
I
J
K
L
M
n
o
p
q
r
s
t
u
v
W
X
Y
Z
0
1
2
3
4
5
6
7
8
9
Google Font
Extra-bold
Semi-Bold
Regular
High Fidelity Mockups
Prototyping
Home Page
checkout for rank Boosting
High Fidelity Mockups
8:15
All Boosters
8:15
Booster Profile
8:15
Payout
8:15
8:15
Checkout page
8:15
Client Dash > my orders
8:15
Client Dash >order details
8:15
Client Dash > message
8:15
Client Dash > profile
8:15
Player dash> Claimed orders
8:15
Player dash> Available orders
8:15
Player dash> profile
8:15
Player dash> reviews
Client dash> my orders
Player dash> Claimed orders
Client dash> order-details
Player dash> Available orders
Client dash> message
Player dash> profile
+30 more