До нас звернувся наш постійний партнер — агентство SeoEvolution, із завданням розробити дизайн для їхнього клієнта Tataki. Оскільки партнери спеціалізуються на комплексному просуванні та розробці, вони довірили нам створення візуальної концепції та проєктування інтерфейсу, щоб покращити показники користувацького досвіду та підвищити конверсію.

Про проєкт

Tataki — це сучасний сервіс доставки японської кухні. Бренд робить ставку на якість інгредієнтів та естетичну подачу. В умовах високої конкуренції на ринку доставки їжі, сайту було необхідне оновлення, яке б виділило бренд серед конкурентів і зробило шлях користувача від вибору ролів до оплати максимально коротким.

Етапи дизайну

Ми розділили процес на п’ять етапів, орієнтуючись на те, що в ніші доставки їжі 70% користувачів покидають сайт, якщо не знаходять бажану страву за перші 30 секунд.

1. Дослідження (Research): Аналіз найкращих рішень у ніші доставки їжі та вивчення поведінкових патернів «голодного користувача».
2. Варфрейми: Проєктування структури сторінок та логіки взаємодії без прив’язки до кольору.
3. Дизайн-концепти: Пошук унікального візуального стилю, який підкреслить апетитність страв.
4. Дизайн внутрішніх сторінок: Детальна проробка каталогу, інфо-сторінок та процесу оформлення замовлення.
5. Особистий кабінет: Створення функціонального простору для постійних клієнтів.

01. Дослідження

На етапі дослідження ми проаналізували конкурентів та тренди e-commerce у сфері FoodTech. Ми зосередилися на тому, як користувачі взаємодіють із фільтрами, як обирають сети та які бар’єри заважають їм швидко завершити замовлення. Це допомогло нам впровадити рішення, які роблять інтерфейс Tataki не лише красивим, а й функціональним.

02. Варфрейми

Ми приділили особливу увагу розробці високодеталізованих wireframes. На цьому етапі ми спроєктували шлях користувача (User Flow), враховуючи розташування акційних пропозицій, зручність вибору додаткових соусів та структуру кошика. Це дозволило нам узгодити з SeoEvolution та клієнтом всю логіку сайту ще до початку роботи з візуалом.

03. Дизайн-концепція

Ми розробили кілька варіантів головної сторінки, експериментуючи з подачею контенту. Основний акцент був зроблений на якісних фуд-фотографіях, які є головним тригером у цій ніші. Ми обрали чисту, сучасну естетику, яка не відволікає від продукту, але створює відчуття преміальності сервісу.

04. Внутрішні сторінки

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

• Картка товару: Акцент на апетитному фото та чіткій структурі (склад, вага, ціна).
• Оформлення замовлення: Ми максимально спростили форму, розділивши її на логічні блоки (адреса, час, оплата).
• Доставка та Контакти:Створили інформативні сторінки з чітким зонуванням та швидким доступом до месенджерів.
• Акції та Блог:Розробили шаблони для спецпропозицій та цікавого контенту, що підвищує залученість.
• Вакансії: Окремий розділ для тих, хто хоче стати частиною команди Tataki.

05. Особистий кабінет

Для сервісу доставки їжі особистий кабінет — це інструмент утримання клієнта. Ми спроєктували інтуїтивно зрозуміле меню, що включає:

• Особисті дані: Керування адресами для швидкого замовлення.
• Зміна/відновлення пароля: Зручний механізм захисту облікового запису.
• Історія замовлень: Можливість в один клік повторити попереднє замовлення.
• Улюблені страви: Персоналізований список для миттєвого збору кошика.
• Персональні пропозиції: Розділ із бонусами та індивідуальними знижками.

Мобільна версія

Оскільки понад 80% замовлень їжі здійснюються зі смартфонів. Інтерфейс мобільної версії спроєктований так, щоб оформити замовлення можна було буквально «на ходу» однією рукою. Зручні кнопки додавання в кошик та спрощена навігація забезпечують бездоганний досвід користування.

Результати

Співпраця з SeoEvolution дозволила перетворити сайт Tataki на потужний інструмент продажу. Новий UX/UI дизайн зробив шлях користувача простішим, а взаємодію з брендом — приємнішою. Оптимізована структура та функціональний особистий кабінет стали фундаментом для зростання лояльності клієнтів та збільшення кількості повторних замовлень.

Бажаєте оновити дизайн вашого проєкту?

Зв’яжіться з нами, і ми розробимо інноваційне рішення, яке допоможе вашому бізнесу досягти нових висот.