Польша, Чехия
EVAMATS
Комплексный UI/UX-редизайн и интерактивный конфигуратор товаров для EVAMATS, оптимизированный под 80% мобильного трафика для рынков Польши и Чехии.
- Figma UI Kit
- Дизайн-система
- UI/UX дизайн
- Mobile First
- Интернет-магазин
- Автотовары
- Конфигуратор
4
недели — Срок проектирования интерфейса
80%
трафика — Фокус на мобильную конверсию
Задачи клиента
-
Неэффективная визуальная концепция. Старый сайт использовал темную тему ради искусственного отличия от конкурентов, что ухудшало читаемость каталога и снижало доверие к качеству кастомных материалов.
-
Перегруженный путь пользователя (CJM). Процесс конфигурации (выбор марки, модели автомобиля, цвета коврика и окантовки) содержал критическое количество шагов, подтвержденное UX-аудитом и гипотезами оттока.
-
Игнорирование мобильного трафика. Интерфейс конфигуратора не был адаптирован под смартфоны, что приводило к потере заказов, учитывая, что 80% целевой аудитории заходили на сайт с мобильных устройств.
-
Отсутствие масштабируемой базы элементов. Хаотичное использование UI-компонентов усложняло восприятие интерфейса и исключало быструю доработку сайта в будущем из-за отсутствия дизайн-системы.
Решение задач
-
Аналитический UI-редизайн и миграция темы
- Мы провели полный визуальный аудит интерфейса, переведя платформу EVAMATS с темного оформления на чистую конверсионную светлую тему.
- На основе поведенческих данных мы доказали клиенту, что светлый фон необходим для корректной передачи оттенков материалов и текстуры ковриков.
- Новый UI совмещает минимализм с технологичным стилем автоиндустрии, повышая авторитет бренда в Польше и Чехии.
-
Оптимизация конфигуратора для роста конверсии
- Мы перестроили логику кастомного конфигуратора, собрав разрозненные шаги подбора аксессуаров в единое бесшовное рабочее пространство. Теперь пользователи выбирают марку, модель, год выпуска машины и палитру элементов без перезагрузок страниц.
- Мы устранили барьеры за счет крупных карточек предпросмотра, мгновенной валидации ввода и визуальных индикаторов прогресса.
-
Адаптация Mobile-First под целевой трафик
- Учитывая, что 80% аудитории открывают сайт со смартфонов, мы спроектировали интерфейс под управление одной рукой.
- Все элементы выбора, выпадающие списки параметров и палитры цветов были увеличены и перенесены в активную зону экрана.
- Использование нативных мобильных паттернов и фиксированных кнопок действия превратило сложный заказ в быстрый и понятный процесс.
-
Создание масштабируемой дизайн-системы в Figma
- Для прозрачной передачи проекта в разработку мы сформировали структурированный UI Kit в Figma.
- Система включает глобальные стили типографики, сетки, цветовые токены и интерактивные состояния всех компонентов.
- Каждый элемент интерфейса (кнопки, чекбоксы, состояния полей ввода) детально задокументирован, что исключает ошибки верстки при запуске новых локальных версий.
Готовность к росту
Созданная дизайн-инфраструктура закладывает базу для масштабирования бизнеса EVAMATS на новые европейские рынки. Компонентный UI Kit позволяет клиенту добавлять смежные категории товаров (коврики в багажник, органайзеры) без привлечения дизайн-студий. Глобальные стили поддерживают быструю языковую локализацию и смену валют, сохраняя целостность интерфейса на всех текущих и будущих витринах.
Результаты
-
Сдача проекта за 4 недели. Путь от UX-исследования и проверки гипотез до интерактивного прототипа высокого разрешения пройден ровно за месяц.
-
Обоснованная смена дизайн-парадигмы. Переход на эргономичную светлую тему устранил проблемы с восприятием цветов и повысил общую читаемость каталога.
-
Максимальное удобство для 80% пользователей. Архитектура интерфейса полностью адаптирована под мобильные паттерны, конвертируя смартфон-трафик в заказы.
-
Готовность к технической реализации. Передача структурированной дизайн-системы Figma устранила недопонимания на стороне фронтенд-разработчиков и ускорила верстку.
-
Ликвидация барьеров в воронке продаж. Оптимизация шагов конфигуратора свела к минимуму уход пользователей со страницы подбора, создав прямой путь от выбора авто до покупки.
интеграции / Тех-стек
Сроки и команда
4 недели
всего
-
Внутренняя команда3 человека1 UX-ресерчер, 1 UI/UX дизайнер, 1 PM
Оценим ваш проект за 24 часа
Оставьте номер и выберите услугу. Позвоним, уточним детали за 10 минут и вернёмся с вилкой стоимости, сроками и составом работ.