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

Клиент

Danone Direct — интернет-магазин крупного международного производителя продуктов питания.

Задача

Сервис доставки продуктов 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 показал, что первая версия интерфейса не совсем понятна пользователям: они не были знакомы с возможностями подписки, а на действующем сайте отсутствовали какие-либо пояснения. Календарь подписки также был недостаточно понятным, а само оформление пользователи сочли одноразовым.

Данные Google Analytics показали, что на этапе оформления заказа около 70 % пользователей уходят с сайта, так и не совершив покупку. Опираясь на аналитические данные, наши дизайнеры полностью переработали интерфейс подписки, сделали его более понятным, выделив в нём три основных этапа: периодичность, день и время доставки.

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

Переработка чекаута

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

Результаты

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

с 1294,37 ₽ до 3111,31 ₽ увеличился средний чек

с 89 311,82 ₽ до 1 051 623,51 ₽ вырос месячный доход

с 0,14 % до 1,25 % выросла конверсия на сайте

‍