Xsolla, Inc

Systematizing and developing design system for an indie game publishing platform during the major redesign.

+ Credits
Production
2019. Art direction Wednesday Studio, development Xsolla, Inc.
Role
Product design, user flow prototyping, user interface
Links

Components overview

Client

Headquartered in Los Angeles, Xsolla is a video games industry company, providing game developers and publishers with payment, billing, distribution, and marketing tools.

Overview

The service is growing and a new audience is coming with its requests. At this point, the platform needs to be consistently reworked based on the new functionality and feedback from users.

Creating design system

The design system allows Xsolla to create a consistent interface across all services. It simplifies design team collaboration and maintenance of the platform.

1. Style guide

The foundation of the platform's visual identity. Typography, colors, icons.

Graphik LC by Commercial Type

20 px working area

2. Layouts

Main principles of interfaces. Grid, margins, paddings.

Welcome screen layout

Regular form layout

Regular table layout

8 px grid in action

3. Components

Reusable elements, from simple buttons to complex list selectors.