UA

Про проєкт
Domino's Pizza — світовий лідер у галузі доставки та продажу піци, що працює в понад 90 країнах світу та має більше 20 000 ресторанів.
В Україні бренд є лідером ринку доставки, маючи 65+ закладів у таких ключових містах, як Київ, Львів та Одеса.
Виклик: більшість користувачів заходять із мобільних пристроїв, але конверсія мобільної версії майже не відрізнялася від десктопної. Це вказувало на потребу переробити UX за mobile-first підходом, щоб покращити мобільний досвід.
Завдання та цілі
- Провести аудит UX і на основі аналітики, даних Looker Studio та теплових карт запропонувати новий дизайн веб-сайту.
- Поліпшити досвід мобільного замовлення, не порушуючи звичних паттернів (mobile-first).
- Спростити навігацію та скоротити шлях від посадкової сторінки до кошика.
- Зробити промо-акції, ціни та умови доставки більш зрозумілими.
- Пришвидшити повторні замовлення для постійних користувачів.
- Оптимізувати воронку оформлення замовлення, щоб зменшити показники відмов і виходу.

Головна сторінка
До: При натисканні на банери користувачі потрапляли на текстові описи замість списків товарів, що подовжувало шлях до покупки. Постійні клієнти, які починали з головної сторінки, не мали швидкого доступу до повторення попереднього замовлення або покинутого кошика.

Після: Банери ведуть безпосередньо до відфільтрованих списків товарів, скорочуючи шлях до покупки. Для авторизованих користувачів додали блок «Повторити замовлення» або «Покинутий кошик», щоб клієнти могли оформити замовлення швидше та легше.

Сторінка видачі категорії
До: UX-аналіз показав необхідність оптимізації навігації. Нефіксовані фільтри губилися при скролі, а великі картки товарів подовжували сторінку й ускладнювали порівняння; водночас користувачі рідко переходили до другорядних категорій, як-от «Сайди» чи «Напої».

Після: Зробили картки товарів компактнішими, залишивши ключову інформацію про інгредієнти та розмір. Фільтри зафіксували, а для підкатегорій додали навігаційні теги (наприклад, «Салати», «Соуси»), щоб користувачам було легше знаходити потрібні товари.

Сторінка товару
До: Лише близько третини користувачів додавали товар до кошика зі сторінки товару. Ціна та кнопка «Додати до кошика» не були зафіксовані, «Конструктор піци» був прихований у меню, не було cross-sell-блоку для напоїв або сайдів, а пріоритетом було видалення інгредієнтів, а не додавання доповнень.

Після: Розділили редагування інгредієнтів і створення піци з нуля, а додаткові начинки зробили більш помітними з чіткою ціною. Також зафіксували кнопку «Додати до кошика» та додали блок cross-sell для напоїв і сайдів.

No items found.
Кошик
До: Кошик і оформлення замовлення були об’єднані в один процес, через що користувачі бачили форми доставки ще до перегляду свого замовлення. Також не було блоку супутніх товарів, а розрахунок акцій і знижок був недостатньо прозорим.

Після: Виділили кошик в окремий етап для перегляду. Додали динамічний блок cross-sell («Не забудьте про напій!») для збільшення середнього чека та попереднього вибору способу доставки для відображення коректної ціни.

Сторінка оформлення замовлення
До: На сторінці бракувало чіткої інформації про терміни доставки, графік роботи та способи оплати. Повне меню навігації відволікало користувачів, а повідомлення про помилки не завжди допомагали швидко знайти і виправити проблему.

Після: Додали зрозумілу інформацію про доставку та оплату, а навігацію мінімізували, щоб зосередити увагу на оформленні замовлення. Також впровадили автоматичне прокручування до полів з помилками, щоб користувачі могли швидко їх виправити.
.png)

Результати
CRO-заходи, а також аудит та налаштування GA4 дали Domino’s Pizza основу для подальшої оптимізації цифрового досвіду. Запропоновані рішення стали відправною точкою для наступних UX/UI покращень сайту.
Зокрема було впроваджено:
- Mobile-first оптимізацію: спрощений інтерфейс для основної мобільної аудиторії.
- Швидший пошук товарів: фіксована навігація та компактні картки меню.
- Збільшення середнього чека: блоки «Додати інгредієнти» та cross-sell.
- Краще утримання клієнтів: блоки «Повторити замовлення» та «Покинутий кошик».
- Простіший чекаут: кошик як окремий етап і зрозумілий процес оформлення.
