alt="Обложка проекта UI Kit — единая дизайн-система цифровых продуктов"
loading="lazy"> Единая дизайн-система для оптового поставщика климатического оборудования — обеспечивает консистентность интерфейсов, ускоряет handoff и масштабирование цифровых продуктов бренда.
У компании — оптового поставщика климатического оборудования — параллельно развивались четыре независимых цифровых продукта.
Каждый продукт создавался разными командами в разное время.
Создать единую дизайн-систему — источник единого визуального языка.
Перед проектированием единой дизайн-системы я провела аудит трёх ключевых продуктов бренда. Цель — зафиксировать расхождения в интерфейсах, оценить уровень консистентности и найти точки для унификации.
Выстроила прозрачный процесс от брифа до передачи в разработку и приняла ключевые визуальные решения, которые легли в основу единой системы.
Собрала требования и выстроила прозрачный процесс работы над задачей.
Провела аудит действующей системы и выявила разрозненность компонентов.
Описала пользовательские сценарии для ключевых продуктов.
Собрала прототипы, чтобы проверить логику интерфейсов до отрисовки.
Отрисовала несколько экранов для согласования визуального направления.
Разработала библиотеку переиспользуемых компонентов.
Собрала итоговый дизайн-макет ERP-системы на основе UI Kit.
Подготовила и передала макет команде разработки.
Выбрала Inter: он хорошо читается на экране в большом и маленьком кегле, а также при большом объёме информации — что критично для интерфейсов ERP и B2B-портала.
Доработала и обновила цвета, отталкиваясь от логотипа компании, чтобы система выглядела фирменно и узнаваемо во всех продуктах.
Единый набор переиспользуемых UI-элементов: формы, навигация, обратная связь и данные — собранные в одной дизайн-системе.
WEB Font StyleGuide
Text Weight
Пришли скрины полей ввода и элементов форм.
Пришли скрины навигационных элементов.
Пришли скрины таблиц и текстовых стилей.
Пришли скрины алертов, тултипов и лоадеров.
Пришли скрин набора иконок.
Пришли скрин выбора даты/времени.
