Польща, Чехія
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 хвилин уточнимо деталі й підготуємо попередню оцінку вартості, термінів і складу робіт.