BattleXo
BattleXo
BattleXO is a gaming platform that allows you to play your desired games, organize, connect with like-minded gamers, and much more. It makes game play safer, smoother, and more efficiently.
BattleXO is a gaming platform that allows you to play your desired games, organize, connect with like-minded gamers, and much more. It makes game play safer, smoother, and more efficiently.
Challenge
Challenge
As a one-of-a-kind and revolutionary platform for all online gamers, it provided us with a slew of problems with brand design. It all started with a basic and uninformative landing page that required a little sprucing up. The main task was to rework on UI/UX to improve the page's appearance and feel, but also offering a smooth and secure interface. The second problem we faced was maintaining a careful approach that ensured the design system remained consistent and high-quality throughout the project.
The final challenge for us was to approach design in such a way that the finished result stood out from the crowd and instilled confidence in the product from the first sight.
As a one-of-a-kind and revolutionary platform for all online gamers, it provided us with a slew of problems with brand design. It all started with a basic and uninformative landing page that required a little sprucing up. The main task was to rework on UI/UX to improve the page's appearance and feel, but also offering a smooth and secure interface. The second problem we faced was maintaining a careful approach that ensured the design system remained consistent and high-quality throughout the project.
The final challenge for us was to approach design in such a way that the finished result stood out from the crowd and instilled confidence in the product from the first sight.
The mood board
for visual language
The mood board for visual language
The mood
board for visual
language
We first sought to create a mood board to visually define the brand and its offerings before diving into the design intricacies. We also took inspiration from other like-minded examples such as Dribble, Behance & other similar gaming platforms.
We first sought to create a mood board to visually define the brand and its offerings before diving into the design intricacies. We also took inspiration from other like-minded examples such as Dribble, Behance & other similar gaming platforms.
Our design
methodology
Our design
methodology
After using a mood board to analyze all of the data that needed to be worked on. For the same, we worked on improving the product's functionality, usability, and utility. We conducted an extensive study into the demographics of users and the UI features given by competitors. We then separated the design jobs into simple gigs with clear goals and timeframes, taking into account the wide range of design tasks. We next distributed the tasks to our team members based on members' capabilities to accomplish tasks efficiently.
The first step in our design approach was to improve the user experience on the website's landing page. We concentrated on increasing the amount of engagement on the website with icons and UI design. We chose a suitable background image that reflected the brand's personality.
After using a mood board to analyze all of the data that needed to be worked on. For the same, we worked on improving the product's functionality, usability, and utility. We conducted an extensive study into the demographics of users and the UI features given by competitors. We then separated the design jobs into simple gigs with clear goals and timeframes, taking into account the wide range of design tasks. We next distributed the tasks to our team members based on members' capabilities to accomplish tasks efficiently.
The first step in our design approach was to improve the user experience on the website's landing page. We concentrated on increasing the amount of engagement on the website with icons and UI design. We chose a suitable background image that reflected the brand's personality.
User Flow
Web App
Invite members
Landing page
Home
Get Started
Feed
Tournaments
Spaces
Games
Profile
XO Wallet
Invites
Settings
Log out
Select games
Select Spaces
Post something
Details
Details
Select
Rewards
Pending
Accepted
All
How to use coins
Complete profile
Join Now
Add ingame name
About, level, teams
Posts
Log in
Landing page
Landing page
Exploration
Exploration
Typeface & colors
Typeface &
colors
Typeface &
colors
By utilizing better typefaces, DB Universe improved the look and feel of the Website. We picked Work Sans as the primary font for body text, captions & CTAs & TerminaW00-Demi as the secondary font for heading since it looks futuristic & suits the gaming genre.
We chose red and purple gradient for headings to stand out against the dark core of the deep blue color. This decent and modest palette strengthens the brand's vision and personality.
By utilizing better typefaces, DB Universe improved the look and feel of the Website. We picked Work Sans as the primary font for body text, captions & CTAs & TerminaW00-Demi as the secondary font for heading since it looks futuristic & suits the gaming genre.
We chose red and purple gradient for headings to stand out against the dark core of the deep blue color. This decent and modest palette strengthens the brand's vision and personality.
#E33342
#24C9AB
#B61267
#1F47D3
#E33342 -#B61267
Color Pallete
Typeface
UI components
UI components
After Deciding the wireframe, typefaces & color palette our team started working on information architecture & high fidelity wireframes from which we got the idea to design each UI components such as cards, buttons, icons etc. After having 2-3 options for the cards, we represented the landing page to the client & they really impressed with all the options & finalised one.
After Deciding the wireframe, typefaces & color palette our team started working on information architecture & high fidelity wireframes from which we got the idea to design each UI components such as cards, buttons, icons etc. After having 2-3 options for the cards, we represented the landing page to the client & they really impressed with all the options & finalised one.
Components
Components
UI
Mortal
5 mins ago
Join our weekly challenge & win...Read more +
100k
9k comments
3k shares
write a comment...
Register now
Registration
10 Registered
Open
Search anything
Total coins in wallet
0
2021
November
M
T
W
T
F
S
S
1
1
1
1
1
1
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
1
1
1
1
1
Ok
Cancel
Log in
Sign up and create a profile, Be crazy.
Future Station
22.k Members
Join space
Hosted by
E-Go App
22k members
Team VS
4 Members
2
Spartans
4,000
vs gaming
+91 9170567891
Post something
on Future station’s wall...
Join space
22k members
E-Go App
Welcome to Marathon Weeks. It's crunch time! More tournaments! More winners! Less waiting!
VS Gaming
10/15 won
100+
100+
Components
Final outcome
Final outcome
Our designers crafted experience that made the interface smooth and comfortable going through for all the devices. We aimed to enable BattleXO stand out and fulfil its potential by incorporating all of the improvements and engaging ideology, a practical UI, and increased user experience.
Our designers crafted experience that made the interface smooth and comfortable going through for all the devices. We aimed to enable BattleXO stand out and fulfil its potential by incorporating all of the improvements and engaging ideology, a practical UI, and increased user experience.
UI
Design
UI
Design
Mobile
Mobile
Screens
Screens
Desktop
Screens
Desktop
Screens
Client review
Client review
We've worked with DBU over several months for Rain's creatives & website needs and they have been an absolute delight to work with. Great delivery, professionalism and accommodation of all our asks.
We've worked with DBU over several months for Rain's creatives & website needs and they have been an absolute delight to work with. Great delivery, professionalism and accommodation
of all our asks.
We've worked with DBU over several months for Rain's creatives & website needs and they have been an absolute delight to work with. Great delivery, professionalism and accommodation
of all our asks.
Rohit Raj
Founder, BattleXo
Next projects
Next projects
Have an Idea?
Company Deck© 2025 DBUStudio
Have
an Idea?
© 2025 DBUStudio