|

UX / UI

Dashboard & Web

scope

UX Research
UI Design
Product Design

company size

11 - 50

Industry

Game App

Overview

In the initial stage of the platform, the website was in its Alpha version and faced challenges in terms of user experience and visual consistency. The project involved a complete redesign of the platform, with a focus on enhancing the user experience and creating a design system to ensure a cohesive visual identity throughout the platform.

PROBLEM:

Alpha Version Website with User Experience and Visual Identity Challenges

The initial version of the website, still in its Alpha version, faced challenges in terms of user experience. The navigation was not intuitive, essential information was unclear, and the platform lacked visual consistency, making it difficult to identify the brand and undermining credibility with users.

PROBLEM

Complete Redesign and Creation of Design System for Visual Consistency

To address the challenges faced by the BattleMoney platform, the design team proposed a complete redesign of the website and the creation of a comprehensive design system. The redesign aimed to improve the user experience, with a focus on navigability, clarity of information, and overall usability. The design system was created to ensure visual consistency across all elements of the platform, including colors, typography, icons, and components.

Styleguide

Raleway

Font Family

Aa

Aa

Aa

Aa

Aa

abcdefghijlmnopqrstuvxwz

Components

solution

Enhanced Platform and Cohesive Visual Identity

The implementation of the solutions resulted in an improved BattleMoney platform and a cohesive visual identity:

Platform Redesign

The complete redesign of the platform significantly enhanced the user experience. Navigation became more intuitive, essential information was highlighted, and overall usability was improved.

Creation of the Design System

The created design system ensured visual consistency throughout the platform. Colors, typography, icons, and components followed a unified visual language, conveying a strong and cohesive brand identity.

Impact

Improvement in User Experience and Visual Consistency

Improvement in User Experience

The enhanced platform provided a more satisfying experience for users, resulting in increased engagement and retention.

Credibility and Brand Identity

The design system ensured visual consistency across all user touchpoints, conveying a strong and cohesive brand identity, which enhanced BattleMoney’s credibility in the market.

Conclusion

The complete redesign work of the BattleMoney platform

The complete redesign work of the BattleMoney platform and the creation of the design system brought significant improvements in user experience and visual consistency. The enhanced platform offered a more satisfying experience for users, leading to increased engagement and retention. Additionally, the cohesive visual identity conveyed a strong brand and credibility in the market. This case study highlights the importance of investing in design and user experience from the outset of digital projects to achieve successful outcomes and user satisfaction.