ShopNow: Масштабирование дизайн-системы
Как ритейл-гигант решил проблему фрагментированного пользовательского опыта с помощью автоматизации UI на базе Glyphly.
О компании ShopNow
ShopNow — это ведущий мультиканальный ритейлер с выручкой более 4 млрд долларов в год. Платформа обслуживает 12 млн активных пользователей и управляет каталогом из 500 000+ SKU.
До внедрения Glyphly дизайн-команда состояла из 30 специалистов, которые вручную поддерживали 4 веб-приложения, 3 мобильных приложения и 2 PWA-версии для разных регионов.
Масштаб
15 микросервисов фронтенда, объединенных в единую экосистему.
Стек технологий
React, Next.js, Native iOS/Android, Figma.
Цель
Унификация UX без замедления спринтов разработки.
Неконсистентный мобильный опыт
Несмотря на наличие брендбука, мобильные версии ShopNow страдали от «визуальной энтропии». Дизайнеры вручную адаптировали компоненты под разные разрешения, что приводило к рассинхронизации между iOS и Android.
Ключевые боли:
-
1
Разные стили кнопок "Купить" на разных страницах каталога.
-
2
Нарушение сетки (grid) на устройствах с диагональю менее 5.5 дюймов.
-
3
2 недели на согласование и реализацию одного нового паттерна карточки товара.
Автоматизированные адаптивные компоненты
Мы внедрили Glyphly для создания "умной" дизайн-системы. Вместо ручного написания медиа-запросов, команда ShopNow описала правила поведения UI-элементов на естественном языке.
Алгоритмы Glyphly проанализировали 40 000 экранов существующего приложения и сгенерировали библиотеку из 150 адаптивных компонентов, которые автоматически перестраиваются в зависимости от ширины вьюпорта и плотности контента.
Token Sync
Единые CSS-переменные для всех платформ.
Smart Layouts
AI-генерация сеток под любой контент.
+15% к конверсии
После внедрения единых компонентов скорость разработки фич выросла на 300%, а показатель отказов на мобильных устройствах снизился с 45% до 32%.
Умный дизайн, управляемый данными
Как и в случае с ShopNow, мы помогаем enterprise-командам превращать дизайн-системы из пассивной документации в активный инструмент роста.