Дизайн-система для Kokoc Group

Клиент

Kokoc Group — крупнейший digital-холдинг в России, в группу входит более 30 агентств и порядка 1000+ сотрудников.

Мы — часть Kokoc Group, поэтому у нас много проектов для компании в области UI/UX, дизайн-поддержки, веб-дизайна и прочего. Вот некоторые из них:

Задача

Разработать универсальную дизайн-систему для всех проектов внутренней инфраструктуры компании.

Дизайн-система Kokoc Group

О проекте

В ходе разработки очередного проекта для Kokoc Group под названием «Задачник», мы практически одновременно с клиентом поняли, что для подобных задач было бы полезно иметь универсальное UI-решение.

Вообще, наличие собственной дизайн-системы — это правило хорошего тона для крупных компаний. Это позволяет унифицировать и ускорять разработку продуктов, а пользователям не испытывать неудобств при переходе от одной системы к другой.

Задачник - Kokoc Group

Мы приступили к задаче, взяв за основу Ant Design — обширную библиотеку компонентов, которую поддерживают разработчики из Alibaba Group. Она отлично подошла в качестве базиса для будущей мега-системы.

Ant Design

Наши дизайнеры адаптировали все элементы системы в соответствии с требованиями клиента, продумали типографику, подобрали цвета, собрали и нарисовали недостающие иконки.

Создание дизайн-системы Kokoc Group


Каждый элемент, каждое состояние было проработано и нарисовано. Радиокнопки, табы, датапикеры. Абсолютно все.


Инпуты, свитчеры, кнопки.

 

В результате клиент получил документ в Figma и набор элементов на GitHub в которых содержится более:

  • 50 фреймов.
  • 100 видов кнопок и бесчисленное количество их состояний.
  • 500 иконок.
  • 50 вариантов полей ввода, у каждого из которых от 3 до 6 состояний.
  • И десятки вариантов тегов, алертов, прогресс баров и прочего.

Команда проекта

  • Всеволод

    Проджект-менеджер

  • Артём

    Дизайнер

  • Алена

    Фронтенд

  • Максим

    Фронтенд

  • Екатерина

    Проджект-менеджер

  • Антон

    Фронтенд

Смотреть следующий проект

Давайте обсудим ваш проект

Этот сайт защищен reCAPTCHA и применяются Политика конфиденциальности и Условия обслуживания Google, Политика kokoc.tech