Разработка сервиса доставки продуктов Danone Direct

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

Результаты редизайна и оптимизации функционала сайта оказались впечатляющими:

с 0,14 до 1,25 % выросла конверсия на сайте;
с 1294,37 до 3111,31 ₽ увеличился средний чек;
с 89 311,82 до 1 051 623,51 ₽ вырос месячный доход.

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

Задача

Сервис доставки продуктов Danone Direct работал на Magento 1. Из-за устаревшей версии Magento он был медленным и забагованным (загрузка каталога могла занимать более 10 секунд). Конверсия сайта составляла 0,06 %. Сайт не позиционировался как сервис подписки.

Решение

Редизайн сайта
Проработка бизнес-логики разовой покупки и подписки на доставку
Бесшовный переход на Magento 2
Внедрение PWA-front’а на Vue Storefront
Реализация двусторонней авторизации через соцсети
Переработка каталога и сервиса подписки
Интеграция «1С» с остатками

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

Обновление версии до Magento 2 и внедрение PWA.
Первым шагом стал бесшовный переход с Magento 1 на Magento 2. Для повышения скорости загрузки сайта была проведена работа по внедрению PWA (Vue Storefront, SPA). В качестве backend’а для frontend-части использовали веб-сервер, написанный на Node.js и Elasticsearch как база данных.

Авторизация через соцсети.
Авторизация через соцсети — нестандартное решение на Vue Storefront. Наши разработчики сделали кастомный модуль на Magento и дополнительно создали endpoint’ы, чтобы пользователи могли авторизоваться через «ВКонтакте», Facebook или аккаунт Google.

Интеграция «1С» с остатками.
На старой версии сайта существовала следующая проблема: количество остатков не имело величины, пользователи сайта часто заказывали то, чего не было на складе. Менеджерам приходилось обзванивать клиентов и предлагать им альтернативные варианты заказанной продукции. Наши разработчики провели интеграцию «1С» с Magento, чтобы на сайте был представлен весь ассортимент продукции и в случае отсутствия товара на складе пользователь мог сделать предзаказ. Если пользователь добавляет в «Корзину» продукт, которого нет в необходимом количестве, на сайте всплывает уведомление, что данный товар будет доставлен через четыре дня.

Редизайн сайта
Основная задача редизайна — переработать сервис подписки на продукты. Custdev показал, что первая версия интерфейса непонятна пользователям: они не были знакомы с возможностями подписки, а на действующем сайте отсутствовали какие-либо пояснения. Много вопросов вызвал календарь подписки, а само оформление пользователи сочли одноразовым.

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

Чтобы снять барьеры у покупателей перед пользованием новой услугой — сервисом подписки, мы решили дополнить сайт, разработав отдельные страницы о сервисах «Подписка» и «Доставка», где дали ответы на основные вопросы покупателей и развеяли их опасения.

Переработка каталога.
В дизайне каталога мы убрали боковой фильтр, перенеся его наверх, чтобы пользователи сосредоточили своё внимание на товарах. Над фильтром разместили категории продукции: «Молоко, сливки», «Йогурты», «Сметана» и пр. Теперь пользователи могут переходить в нужные им разделы без настройки фильтров.

Большая часть целевой аудитории сервиса доставки — мамы с маленькими детьми, а их главная потребность — свежесть продукции. Чтобы наглядно показать это, мы добавили в карточку товара лейбл гарантии, что доставленный товар действительно будет иметь указанный на нём остаточный срок годности.

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

Скриншоты