BattleXO | Scaled gaming platform to 100k+ users | A mobile-first design & Visual System

Redesigned an existing gaming platform with a mobile-first UX and cohesive visual system, supporting product growth to 100k+ users and a successful funding round.

About

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.

Problem statement

BattleXO had a functional, self-developed web product but lacked a cohesive design system, consistent UX flows, and a mobile-optimized experience.

My Role

• Product Thinking

• Information Architecture

• Wireframing

• UI Design

• Design System

The 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.

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.