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.
Agency - DBUstudio | Client - EspostsXO
My Role
UX Research
Product Thinking
Information Architecture
Wireframing
UI Design
Design System
Tools Used
Figma
Figjam
Notion
Photoshop
Responsive design
Wireframe vs final design
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.
Moodboard
Landing page design exploration
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.
Components & widgets
Final Outcome
We 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.
Success Metrics
100k+ Downloads | 3.4 Rating on play store | $1.1m Funding raised
Designed BattleXO (A gaming platform) from scratch. Built scalable components & design system for future expansions. Helped them to get 100k+ user base.