Глобальный ритейлер одежды
Пример адаптации дизайн-системы для масштабируемой платформы электронной коммерции.
Задача: Мобильная оптимизация и скорость загрузки
Lumina столкнулась с критическим падением конверсии на мобильных устройствах. Старая верстка была перегружена скриптами и тяжелыми элементами, что приводило к времени загрузки более 4.5 секунд.
Перед командой стояла цель: перестроить интерфейс так, чтобы он работал мгновенно даже в условиях нестабильного мобильного интернета, сохраняя при этом премиальное ощущение бренда.
- — Время загрузки (LCP) > 4.5с
- — Сложная навигация в каталоге
- — Низкая видимость кнопок действия (CTA)
Минималистичные компоненты
Для быстрых покупок мы устранили визуальный шум. Карточки товаров были упрощены до трех элементов: фото, название и цена. Кнопка «Купить» всегда находится в зоне досягаемости большого пальца.
Акцент на фотографиях
Визуальный стиль построен на масштабируемых изображениях. Мы использовали сетку Masonry для каталога, позволяющую товарам «дышать» и привлекать внимание к деталям ткани и кроя.
Типографика и ритм
Применение шрифта Cormorant Garamond для заголовков придает интерфейсу журнальный вид, а Manrope обеспечивает идеальную читаемость технических характеристик и описаний.
Галерея интерфейса
До (Old UI)
После (Modkit)
«Переход на Modkit позволил нам не просто обновить дизайн, но и полностью изменить поведение пользователей. Система компонентов обеспечила единообразие на всех 15 рынках присутствия бренда.»
Елена Соколова, CTO Lumina Fashion
Создайте свою систему
Получите доступ к инструментам, которые создают вечные интерфейсы.
Начать проект