Gamers expect nothing less than the best experience. From the beginning, we knew we had to provide a high-quality, clear, and clean user experience. Upon opening the app, we inform users of two important things: upcoming matches and past matches they have played. The design lets the user know the status of a match and what actions need to be taken by guiding them through the flow step-by-step. We avoid confusion and errors by organizing the complexity of the app and deducting the user’s options per step. It’s like having your own e-sports manager in your pocket.

With strong colors against a dark background, the screens are easy on the eyes, also in a dark room. The consistent use of colors makes it clear to the user which player they are or what the status of the match is. With a bolt and sporty design, the player can focus on what matters.

When you play sports, you want to play fair. The app has a system in place that flags a match if both players give different outcomes. In addition, the applications use Elo ratings, a complex algorithm that calculates the number of points taken from the loser and given to the winner based on the expected outcome. When new players are playing against top players, this self-correcting system ensures fair ratings without demotivating them. We also developed a flexible system for the creation of competitions, which had to be developed in a way that any form of competition is possible. Using a ‘decorator pattern’, we are able to create small pieces of code that can be combined to create any type of competition.

Our design system approach is applied to all platforms and ensures quality and consistency through component based design elements and atomic design principles. By using shared libraries and synchronized elements, our designers and developers are able to work smoothly and efficiently. Take a look at our design systems yourself.