Азбука Вкуса — Доставка

Главное о кейсе

1. Интуитивно понятный интерфейс для разных ЦА (по возрасту и полу)
2. Соблюдение берндбука компании
3. Cоответствие гайдам iOS
4. Сокращение количества шагов до покупки
5. Повышение конверсии
6. Обновление личного кабинета и других разделов
7. Актуализация UI-элементов

Бизнес-задача и ее решение

Клиент пришёл к нам за редизайном своего приложения «Азбука Вкуса — Доставка». Перед нами стояла задача сделать пользовательский интерфейс понятным и простым для более активного совершения покупок через мобильный интернет-магазин. Кроме того, приложение не соответствовало гайдам iOS, и это нам тоже нужно было исправить.

Чтобы повысить конверсию, мы проанализировали пользовательские сценарии при текущем интерфейсе приложения: смотрели, как люди пользуются каталогом, карточками меню, навигацией и так далее.
Оказалось, что большинство клиентов отваливалось на этапе checkout, когда корзина была уже собрана. У них не получалось дойти до конца операции: оплатить продукты и получить возможность отслеживания своих товаров. Все этапы заполнения информации о клиенте (адрес, телефон, время) были разбиты на большое количество шагов и, в результате, человек просто отказывался справляться с такой нагрузкой: ему было уже неудобно продолжать совершение заказа.

В результате мы собрали много информации, на основе которой сделали редизайн: упростили флоу и checkout.

В каталоге товаров приложения можно найти свежую выпечку. Но пекарня магазина работает до определённого времени, поэтому если клиент закажет булочку на вечер, то она либо приедет не свежеиспеченная, либо может вообще закончиться в магазине. Мы решили эту проблему самым нативным способом: при выборе товара будет всплывать карточка, сообщающая, что булочки, конечно, могут приехать свежеиспечеными, но для этого лучше заказать их доставку на завтра к 9:00, к примеру. Таким образом магазин не отказывает пользователю, а предлагает получить желаемое в лучшем виде.

Похожая карточка будет всплывать, если товары задержались в корзине, а клиент всё не делает заказ. В этом случае приложение напомнит пользователю, что конкретные товары заканчиваются в магазине и стоит уже оформить доставку.

Также мы решили упростить внешний вид карточек, описывающих товары: разбили категории информации на основную и дополнительную.

Как только человек сталкивается с проблемой на моменте покупки всех товаров в корзине, повышается вероятность того, что он просто не совершит заказ. Мы максимально упростили данный этап. Теперь клиент может в 1 клик менять адрес и время, а магазин в зависимости от этого рекомендовать клиенту нужное время доставки для интересующих товаров. Кроме того, уменьшили количество действий: из 10 этапов сделали 3, а из трёх экранов оставили только один.

Обновили сущность личного кабинета: теперь все карты лояльности, личные данные, адреса, управление уведомлениями одном месте, а не раскиданы по разным частям приложения.

Ещё мы изменили раздел «Избранное». Теперь доступна шкала начисления бонусных баллов за всё время использования бонусной программой. Также появились списки покупок: можно добавлять туда товары и обращаться к ним в любое время. Ведь на Новый год и в школу список не меняется. Это решение освобождает покупателя от лишних действий.

Пользовательский интерфейс мы наполнили анимацией и сделали комфортные переходы между экранами.

Прочая информация о кейсе

Trinity Digital предложили сети супермаркетов «Азбука Вкуса» новую UX-стратегию, сделали редизайн приложения в соответствии с гайдами iOS, добавили в приложение анимацию и сократили количество шагов до покупки. Благодаря этому мобильный интернет-магазин стал намного удобнее.

Скриншоты

Комментарий заказчика

«Я доволен стоимостью услуг. Она была вполне рыночная, и мне есть с чем сравнивать. К разработчикам у меня никогда не было вопросов. Важная фича могла быть готова раньше срока. Дизайнеры предлагали свежие идеи для решения проблем и хорошие концепции. В плане коммуникации всё хорошо. На все вопросы отвечали вовремя. Trinity вполне комфортные. Я рекомендую и буду их рекомендовать!»