Все работы
UI/UX и дизайн-системы
Дизайн-система Veridian
Единая дизайн-система и библиотека компонентов для 14 различных SaaS-продуктов.
-55%
Сэкономлено времени dev
2.4M
Активных польз./месяц
WCAG
AA Доступность интерфейса
О проекте
- Клиент
- Veridian Corp
- Год
- 2024
- Объём
- UI/UX и дизайн-системы
Обзор
Различные группы продуктов в Veridian Corp потеряли брендовое единство из-за разрозненных интерфейсов. Дублирование кода замедляло выпуск обновлений.
Задача
Сложность заключалась в создании единого источника правды для дизайнеров (Figma) и разработчиков (React), полностью доступного, модульного и быстрого.
Наш подход
Мы синхронизировали основы дизайна через Figma Variables и токены. Разработали библиотеку из 120+ доступных компонентов, задокументированных в Storybook.
ReactTailwind CSSStorybookFramer MotionFigma Variables
Результаты
- Скорость разработки интерфейсов выросла на 55%
- Все продукты приведены к стандартам доступности WCAG 2.1 AA
- Дизайн-система успешно внедрена в 14 продуктах