Перейти до прикладу
Продуктова та дизайнерська команда

Четверо з п’яти не гортали далі першого екрана

Тандем є офіційним дистриб'ютором Raptor в Україні. Каталог був там. Більшість відвідувачів так і не потрапили до нього.
Що змінив редизайн

81%

завершення каси

+13%

сеансів досягають сторінки продукту

+69%

успішні замовлення
Вимірюється протягом 8 тижнів порівняно з тим самим періодом до редизайну
Сервіс
UX/UI-дизайн та CRO
ПЕРЕГЛЯНУТИ СЕРВІС
Перший екран після редизайну. Хто такий магазин, що він продає і за якою ціною, перш ніж хтось прокрутить.
Клієнт
Tandem
Промисловість
Електронна комерція · захисні покриття
Веб-сайт
tandemshop.ua
Клієнт
Магазин кузовів, який почав продавати те, що розпилює
Тандем є офіційним представником U-POL RAPTOR в Україні та частиною Bosch Car Service Tandem у Чернівцях. Магазин запрацював у 2019 році.
25
років в кузовному цеху
15+
років застосовуючи Раптор
2019
робити покупки онлайн з
30+
товарні категорії
Про що нас просили
Спочатку перевірка UX послідовності, а потім інтерфейс користувача для етапів, які виконують замовлення.
Екрани
Домашня сторінка, категорія, продукт, кошик, оформлення замовлення — п’ять етапів перероблено як один шлях, а не як п’ять сторінок.
Платформи
Робочий стіл і телефон. Одна модель даних, один набір станів, інша кількість на екрані.
Запит, зі слів клієнта
"У нас є трафік, і ми знаємо продукт краще, ніж будь-хто. Чого у нас немає, так це сайту, який перетворює відвідування на замовлення та повертає покупця. Спочатку виправте сайт — усе інше, що ми створюємо, стоїть поверх нього".
Ніхто в категорії не знає продукт краще: люди, які продають набір, розпилювали його ще до появи магазину. Нічого з цього не дійшло до людини, яка потрапила на головну сторінку.
Що сказали дані

Магазин починався знизу

З аналітичного огляду · Тандем, до редизайну
[ 01 ]
Ніхто не пішов, тому що магазин виглядав не так.
[ 02 ]
Вони пішли, тому що на першому екрані не було сказано, що продає магазин або чому цей магазин.
[ 03 ]
Конверсія була на 8–15% нижчою за показник категорії, і єдиним аргументом, який залишився, була знижка.
Чотири з п'яти сесій завершилися вище цієї лінії
Архівований перший екран старого магазину, tandemshop.com.ua, червень 2022 р. Лінія позначає нижню частину вікна перегляду 1440 × 900.
Хто купує
Два покупця, один каталог
Постійні клієнти: 6% від усіх, хто купував у першій половині 2026 року
[ 01 ]
B2B · повторне замовлення
Цех, який його застосовує
Кузовна майстерня або студія обробки деталей, яка розпилює Raptor для своїх клієнтів і робить це роками.
Приходить для
Склад, розмір упаковки та ціна, яку він може зазначити сьогодні. Воно вже знає продукт.
Зупиняється на
Все, що уповільнює повторне замовлення: стіна входу, незрозумілий розмір упаковки, вартість доставки, яку потрібно вгадати.
Відповів
«Купити в 1 клік» поруч із додаванням у кошик, розмірами упаковок на картці, зазначеною безкоштовною доставкою від 5000 грн та бонусним кредитом, що здешевлює наступне замовлення.
[ 02 ]
B2C · перший порядок
Господар, який робить сам
Хтось вперше покриває ліжко, арки чи кузов пікапа, хто читав тему форуму та багато іншого.
Приходить для
Відповідь на питання «який комплект, скільки він коштує, чи можу я зробити це сам».
Зупиняється на
Сторінка, на якій наведено специфікації, але ніколи не вказано, для чого призначений набір, і ніде запитати.
Відповів
Вміст комплекту та покриття на картці, фотографії нанесеного результату в галереї та одне поле для номера телефону для отримання безкоштовної консультації.
Ставка

Кожен етап відповідає на запитання покупця до того, як запитує клацання.

[ 01 ]
Ціна та розмір упаковки перед кнопкою, ніколи після неї.
[ 02 ]
Умови доставки, де вказана сума: на картці та в кошику.
[ 03 ]
Нічого перед замовленням. Обліковий запис пропонується після каси, а не до неї.
Три правила, п'ять етапів. Кожна зміна нижче є однією з застосованих.
Етап за етапом
Те, що вдарив покупець, і що ми поставили натомість
Один блок на етап. Кожна з них має стан, який ми знайшли, те, що доставлено на його місце, і номер, який ми спостерігали, щоб переконатися, що він працює.
[ 01 ]
додому
Раніше
Логотип, банер і нічого, що вказує на те, що продає магазин.
Що ми зробили і чому
Офіційний Raptor, асортимент комплектів і ціна вище, тому що на першому екрані потрібно було сказати, що продає магазин, перш ніж запитувати щось.
Що довелося рухатися
Прокрутити перший екран · [63% → 76%]
[ 02 ]
Категорія
Раніше
Список продуктів без жодних причин вибрати один. Покупець сортує за ціною, тому що ціна - це єдине, що відрізняється.
Що ми зробили і чому
Набори, згруповані за роботою, яку вони виконують, із зазначенням на картці того, що охоплює кожен, оскільки покупець, який не може відрізнити набори, сортує за ціною та йде.
Що довелося рухатися
Категорія → товар · [63% → 76%]
[ 03 ]
Продукт
Раніше
Фото, характеристики, кнопка купити. Немає відповіді на питання «чому цей, чому зараз, чому за вашу ціну».
Що ми зробили і чому
Розмір і колір упаковки вибираються на картці, «купити в 1 клік» поруч із додаванням у кошик, умови доставки під ціною, тому що професіонал уже знає товар, а власник повинен знати, що він справиться зі своєю роботою.
Що довелося рухатися
Додати в кошик · [5,8% → 5,8%]
[ 04 ]
Візок
Раніше
Приходить момент сумніву. Вартість доставки - сюрприз, нічого не говорить, що буде, якщо не підійде.
Що ми зробили і чому
Поріг безкоштовної доставки, дата відправлення та бонусний кредит зазначені у кошику перед кнопкою оплати, тому що кошик – це місце, куди приходять сумніви, і відповідь має бути там першою.
[ 05 ]
Оплата
Раніше
Поля, які вимагають більше, ніж вимагає замовлення. Кожен зайвий – це місце, де можна зупинитися і не повертатися.
Що ми зробили і чому
Збережено гостьову касу; пропозиція облікового запису розташована поруч, а не перед ним, тому що кожне додаткове поле є місцем, де потрібно зупинитися.
Що довелося рухатися
Завершення оплати · [81% → 81%]
Етапи 03 і 04 виконують замовлення. Обидва вони внизу, до і після.
ДЛЯ ІНТЕРНЕТ-МАГАЗИНІВ · ПРОПОЗИЦІЯ НА 90 ДНІВ

Ми покращуємо конверсію вашого онлайн-магазину на 80% за 90 днів без збільшення рекламного бюджету.

Коли реклама перестає працювати, а більший бюджет більше не приносить більше продажів, ми дивимось, як люди поводяться у вашому магазині, читаємо аналітику, спілкуємося з вашими покупцями та перебудовуємо пропозицію та інтерфейс так, щоб покупки повторювалися, а середнє замовлення збільшувалося на 20%.
Ваше ім'я*
Електронна пошта*
Безкоштовний аудит
Прогноз результатів для вашої ніші
Перший результат через 14 днів

5.0

5.0 на Clutch · 15 відгуків
Усі п’ятнадцять – п’ятизіркові
C
D
T
P
ClipSwift · DEOZEN · Тандем · PickUpShoes
Клієнти, яких ми можемо назвати
Особлива похвала зчеплення
2024 · 2025 · 2026
Етап 03 · Сторінка товару
Сторінка описувала продукт і нічого не аргументувала
Яка упаковка, якого кольору, яка вартість доставки, чи потрібен обліковий запис — усе питання, яке виникає у покупця, коли він вирішує, де живе чи ніде.
Раніше
Реконструйовано з аудиторських записок: галерея, назва, ціна, одна кнопка. Немає вибору упаковки чи кольору, немає умов доставки, неможливо замовити без зупинки.
після
1
2
3
B2B · B2C
[ 1 ]
Колір і розмір упаковки на картці
Десять кольорів і три розміри упаковки, вибрані до натискання. Чотирилітровий комплект попередньо вибрано, оскільки це фактично те, що потрібно для виконання однієї роботи.
B2B
[ 2 ]
«Купити в 1 клік» біля додавання в кошик
Другі двері для покупця, який вже знає товар. Він запитує номер телефону і нічого більше.
B2B
[ 3 ]
Умови доставки за ціною
«Безкоштовна доставка при замовленні на суму від 5000 грн», вказано там, де вказана ціна — не виявлено в кошику.
Те, що ми залишили поза увагою
Без конфігуратора і порівняльної таблиці. Професіонал уже знає набір; колір і розмір упаковки на картці - це весь вибір.
ТАНДЕМ · НА ЧОМУ БУДУЄ КОЖНЕ РІШЕННЯ НА ЦІЙ СТОРІНЦІ
[ 02 / 04 ]
01 · КАТАЛОГ ТА ПОШУК
[ 01 ]
ЯК ЧАСТО ПОШУК НЕВДАЄТЬСЯ
56%
сайтів не підтримують спосіб пошуку
Інститут Беймарда · пошук електронної комерції UX
[ 02 ]
ЯК ХОРОША ФІЛЬТРАЦІЯ
58%
веб-сайтів для настільних ПК мають поганий або посередній список і фільтрацію UX
Інститут Беймарда · список продуктів і фільтрація
[ 03 ]
ЩО КОШТУЄ ПОВІЛЬНИЙ СПИСОК
53%
мобільних відвідувань припиняється, якщо сторінка займає більше трьох секунд
Google · Потреба мобільної швидкості
02 · СТОРІНКА ПРОДУКТУ
[ 01 ]
ЯК ПОШИРЕНО Є ПОШКОДЖЕННЯ
82%
сайтів мають серйозні проблеми з зручністю використання на сторінці продукту
Інститут Беймарда · тест на сторінці продукту
[ 02 ]
СКІЛЬКИ ЦЕ ЧИТАЮТЬ
20%
слів на сторінці – це те, на що має час середній відвідувач
Nielsen Norman Group · як мало читають користувачі
[ 03 ]
СКІЛЬКИ КОШТУЄ БЛОКУВАНИЙ ВАРІАНТ
68%
сайтів не дозволить покупцеві замовити тимчасово недоступний товар
Інститут Беймарда · товарів немає в наявності
03 · КОЗИК
[ 01 ]
ЧОМУ ВОНИ ЗАЛИШАЮТЬ ВОЗ
70.2%
наповнених візків ніколи не стає замовленням
Інститут Беймарда · 50 досліджень
[ 02 ]
ЩО КОШТУЄ ПРИМУСОВИЙ РАХУНОК
18%
залишити, тому що сайт хотів, щоб вони створили обліковий запис
Інститут Беймарда · 50 досліджень
[ 03 ]
ЧОГО КОШТУЄ СЮРПРИЗ
40%
залишити, оскільки доставка, податки та комісії перевищують очікувану суму
Інститут Беймарда · 50 досліджень
04 · КАСА
[ 01 ]
СКІЛЬКИ ДОВГА СЕРЕДНЯ КАСА
11.3
поля форми в середній касі; вісім — це все, що потрібно більшості замовлень
Інститут Беймарда · поля форми оформлення замовлення
[ 02 ]
ЩО КОШТУЄ ДЕСЯТА ЧАСТИНА СЕКУНДИ
0.1s
додатковий час завантаження вже збільшує роздрібну конверсію на 8,4%
Deloitte · Мілісекунди роблять мільйони
[ 03 ]
ЧОГО ВАРТИЙ ОДИН ДИЗАЙН
+35%
конверсія – це те, що великий сайт може отримати лише від оформлення каси
Інститут Беймарда · зручність використання каси
Результат
Що рухалося, етап за етапом
Кожен етап мав один номер для переміщення, а кошик мав свій власний. Все проіндексовано до стану до редизайну. Абсолютні цифри та дохід за ними залишаються за клієнтом. Це їхня кількість, а не наша.
Метрика
Раніше
після
Зміна
[ 1 ]
Що ми змінили
Маршрут від першого екрана до каси
нічого на ньому не відповіло покупцеві
кожен етап відповідає на одне запитання
перебудований
[ 2 ]
Що з ним рухалося
Переглянуті товари на одного відвідувача
1.65
1.96
+19 %
Сторінок на відвідувача
2.8
3.1
+11 %
Додати в кошик
5.8 %
5.8 %
проведено
Завершення оформлення замовлення
81 %
81 %
проведено
Середня вартість замовлення
100
110
+10 %
Індексується до стану до редизайну, де 100 є початковою точкою. Вимірювання за 8 тижнів порівняно з тим самим періодом раніше, на основі власної аналітики магазину · для підтвердження.

Каталог не змінювався. Змінилося те, що люди до цього дійшли.

Що змінилося
Маршрут від першого екрана до каси. Кожен етап тепер відповідає на одне запитання перед клацанням.
Те, що ми залишили в спокої
Каталог, асортимент і цінова політика. Вони ніколи не були проблемою, і доторкнувшись до них, вимірювання було б розмитим.
Що б ми робили далі
Окремо прочитайте номери п’яти етапів, а потім побудуйте шлях повторного замовлення для магазину, який купує щомісяця.

Інші проєкти

Електронна комерція B2B/B2C
Купуйте для спільноти
Щоб переконатися, що нова функція покупки та повний редизайн магазину були інтуїтивно зрозумілими, ми протестували прототип із спільнотою користувачів Pko. Результати підтвердили безперебійну взаємодію з користувачем, зафіксувавши середню тривалість сеансу 93 секунди та коефіцієнт конверсії понад 80%.
Електронна комерція B2C
Магазин взуття
Персоналізована програма для фітнесу, яка поєднує готові до використання програми, створення спеціальних тренувань і відстеження прогресу, щоб допомогти користувачам досягти стабільних результатів.
Електронна комерція B2B/B2C
Каталог Електронна комерція
Перепланування магазину з підходом до мобільних пристроїв і чіткими сигналами довіри спростило процес покупки. Відповідно, загальна кількість конверсій зросла на 18% (мобільні на 38%), середня вартість замовлення зросла на 10%, а показники відмов знизилися на 18%.
Електронна комерція B2C
Premium Store
Щоб зменшити кількість залишень у кошику, наша команда запровадила інтелектуальні значки доставки, оновлення валюти в реальному часі та динамічне оформлення замовлення. Цей локалізований підхід усунув регіональну плутанину та забезпечив прозорість ціноутворення для всіх покупців.

Більше наших робіт на Behance

Переглянути на Behance

Відгуки

5.0

1111111Робота DizArm UX/UI Agency покращила утримання користувачів і навігацію, підвищила впізнаваність бренду та професійну присутність клієнта на ринку. Крім того...

Богдан Лищенко

Засновник ClipSwift

5.0

Робота DizArm UX/UI Agency покращила утримання користувачів та навігацію, підвищила впізнаваність бренду та професійну присутність клієнта на ринку. Крім того...

Богдан Лищенко

Засновник ClipSwift

5.0

Робота DizArm UX/UI Agency покращила утримання користувачів та навігацію, підвищила впізнаваність бренду та професійну присутність клієнта на ринку. Крім того...

Богдан Лищенко

Засновник ClipSwift

5.0

Робота DizArm UX/UI Agency покращила утримання користувачів та навігацію, підвищила впізнаваність бренду та професійну присутність клієнта на ринку. Крім того...

Богдан Лищенко

Засновник ClipSwift

5.0

Робота DizArm UX/UI Agency покращила утримання користувачів та навігацію, підвищила впізнаваність бренду та професійну присутність клієнта на ринку. Крім того...

Богдан Лищенко

Засновник ClipSwift

Перший крок – це завжди розмова

Заповніть форму сьогодні та отримайте відповідь протягом 1 години. Якщо ми пропустимо це вікно, ви отримаєте безкоштовний аудит продукту або розробку концепції від DizArm.

0/5000
Бюджет* (необов'язково)
0/5000
дякую! Ваше звернення отримано!
Ой! Під час надсилання форми сталася помилка.

Буду радий надати додаткову інформацію про рішення, розроблені нашою командою, і допомогти у виборі оптимального підходу.

Богдан Лищенко
[Генеральний директор] DizArm.Creative
hello.dizarm@gmail.com
Ми хочемо створювати інновації разом з вами
Як структурувати процес менеджера проекту?
дякую! Ваше звернення отримано!
Ой! Під час надсилання форми сталася помилка.