Дизайн-системаЧуть больше чем за полгода мы создали мощную дизайн-систему, способную работать как на веб-интерфейсах, так и на собственных девайсах компании.
- Архитектура: Разработали древовидную структуру: на верхнем уровне — переменные с поддержкой тем и цветовых схем. Это позволяет создавать уникальные темы под разные продукты и гибко менять интерфейс для White Label решений.
- Ветвление: Дизайн-система расщепляется на специализированные библиотеки для Web, собственных девайсов и мобильных приложений.
- Синхронизация: Добились полной синхронности с кодом и частичной автоматизации через связку с Storybook.
- Контент: Создали подробную документацию с описанием работы компонентов, вариантами использования и шаблонными решения для типовых страниц.
Вся эта работа велась параллельно с запуском нескольких продуктов, которые сразу ехали на новой дизайн-системе.