Сфера
Clouds, FinOps / B2B / SaaS, OnPrem
Компания
Клаудмастер
Роль
Дизайн-лид / Дизайнер
Дизайн-Система. Клаудмастер 2.0
Клаудмастер — FinOps-платформа для управления облачными расходами в инфраструктурах Yandex Cloud, Cloud.ru, Kubernetes, VMware и VSphere. С ростом числа клиентов и расширением функциональности возникла необходимость в создании масштабируемой и стабильной дизайн-системы.
Цель — унифицировать пользовательский интерфейс, ускорить проектирование и разработку, снизить количество багов за счёт стандартизации визуальных и UX-решений.
Ключевые задачи
Ускорить запуск новых функций и экспериментов;
Внедрить единый визуальный язык для команды из 4 дизайнеров и 3 кросс-функциональных команд;
Сократить время на согласования и правки;
Повысить консистентность интерфейса на всех этапах жизненного цикла продукта.
Архитектура и структура
Провели полный аудит прежнего UI-кита;
Полностью перестроили структуру библиотеки в Figma — навигация стала прозрачной и логичной;
Настроили базовые стандарты через токены: типографика, сетки, цветовая палитра, отступы;
Создали вводный гайд и документацию для онбординга дизайнеров и разработчиков;
Создали Tone of Voice гайд совместно с техническим писателем.
Метрики и эффект
Время на проработку UI сократилось с 14 до 2–3 дней (экономия до 85%);
Консистентность интерфейса выросла по всем разделам продукта;
Количество визуальных багов снизилось на 50% (по данным Amplitude);
Онбординг новых дизайнеров и разработчиков стал быстрее и прозрачнее.
Что дала система
Снижение технического долга в UI;
Стандартизация пользовательского опыта;
Ускорение time-to-market;
Управляемый и масштабируемый процесс дизайна.
