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

Клиент

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

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

• Разработка интерфейса для Rafinad
• Редизайн интерфейса для CPA-платформы «Где Слон?»
• Разработка сайта для агентства Mobisharks

Задача

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

О проекте

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

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

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

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

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

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

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

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