Design system for Kokoc Group

Client

Kokoc Group - is the largest digital holding company in Russia, the group includes more than 30 agencies and about 1000+ employees.

We are a part of Kokoc Group, so we have many projects for the company in the field of UI/UX, design support, web design and others. Here are some of them:

Objective

Develop a universal design system for all internal company projects.

Design system for Kokoc Group

About the project

While developing another project for Kokoc Group named "Task Manager", we realized almost simultaneously with the client that it would be useful to have a universal UI solution for such tasks.

In general, the presence of our own design system is a rule of good tone for large companies. It allows unifying and speeding up product development, and users do not experience any inconveniences when switching from one system to another.

Task Manager - Kokoc Group

We started the task by using Ant Design, an extensive component library supported by developers from the Alibaba Group. It was perfectly suited as the basis for the future mega system.

Ant Design

Our designers have adapted all elements of the system according to the client's requirements, thought over the typography, picked up colors, collected and drew the missing icons.

Typography, colors, icons. Building a design system


Each element, each state was designed and drawn: radio buttons, tabs, date pickers. Absolutely everything.

Radio buttons, tabs, date pickers - Design system


Inputs, switches and buttons.

Inputs, switches and buttons - Design system
 

As a result, the client received a document in Figma and a set of elements on GitHub, which contain more:

  • 50 frames.
  • 100 kinds of buttons and countless states of them.
  • 500 icons.
  • 50 variants of input fields, each of which has from 3 to 6 states.
  • And dozens of options for tags, alerts, progress bars and more.

Building design systems

Project team

  • Vsevolod

    Project manager

  • Artyom

    Designer

  • Alyona

    Frontend developer

  • Max

    Frontend developer

  • Ekaterina

    Project manager

  • Anton

    Frontend developer

Next project

Let's discuss your project

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.