Как увеличить продажи в интернет-аптеке: что мы сделали, чтобы клиент выкупал в 5 раз больше заказов

Семантическое ядро разработано, страницы оптимизированы, сегменты собраны и на них запущена реклама с ретаргетингом и учетом ограничений закона о рекламе, аналитика настроена. А клиенты всё равно бросают корзины и не выкупают заказы.

Иногда, дело совсем не в том, что вы продаете товар чуть дороже или не отсылаете напоминание на e-mail. Может быть дело в том, что:

• ваш сайт слишком медленный, потому что работает на тиражном решении и не оптимизирован?

• или покупатель вынужден совершать кучу лишних действий, чтобы дойти до заказа?

• или ему не хватает информации для принятия решения на последнем шаге?

Летом 2021 года ИНТЕРВОЛГА начала сотрудничать с брендом “Добрая аптека”. Ранее мы уже писали о том, как улучшили юзабилити их сайта, провели поисковую оптимизацию и увеличили органический трафик на 100%. Сегодня расскажем про дальнейшее развитие этого проекта.

«Добрая аптека» – региональная сеть аптек сегмента “эконом” в Архангельске, Архангельской области, Ненецком автономном округе и Санкт-Петербурге. Недавно аптечная сеть провела ребрендинг, изменив логотип, оформление экстерьера аптек и торговых зон, рекламных материалов, тем самым переработав и усилив коммуникацию с покупателем.

Аптечная сеть постепенно расширяется, открываются новые точки продаж. Для повышения объемов продаж и удобства пользователей был открыт интернет-магазин, где можно выбрать лекарства, забронировать их и получить в ближайшей аптеке. Онлайн торговля лекарственными препаратами узаконена с 2020 г., но требует соблюдения особых логистических правил. Для доставки лекарств из интернет-аптеки на дом требуется специальное разрешение, поэтому “Добрая аптека” пока не предоставляет такую услугу.

Примерные цифры проекта:

• 28 лет на рынке;

• 12 городов присутствия;

• > 18 тыс. позиций в каталоге;

• > 85 тыс. пользователей;

• > 250 тыс. онлайн заказов за 4 года;

• рост количества онлайн заказов в 5 раз за год.

Компания обратилась к нам с предложением провести технический и SEO-аудит проекта. В момент обращения сайт работал на готовом решении для интернет-магазинов на Аспро в связке с 1С. Конфигурация 1С была написана с нуля, поэтому и обмен данными был нестандартным и сложным, иногда возникали ошибки:

• на сайте продолжал отображаться остаток у проданного товара. Это ежедневно приводило к 50+ отказам при бронировании в аптеке из-за физического отсутствия на остатке.
  Причина – ошибка логики работы скрипта обмена остатками, из-за которой скрипт почти никогда не отрабатывал полностью;

• при обмене данными не происходила очистка файлов. Диск забивался бесполезными данными, свободное место на нем заканчивалось, возникали ошибки иного характера.
  Причина – отсутствие системы чистки и/или архивации на фоне плохой структуры расположения файлов с данными (json, csv, jpg);

• на сервере создавались лишние файлы и директории не участвующие в обмене.
  Причина: недокументированные доработки кода;

• в момент загрузки остатки на сайте пропадали на 5-15 минут из-за проблемы в логике загрузки остатка поставщика

• в планировщике cron у части заданий скрипты имели нерабочий код, оставшийся после предыдущих этапов разработки.

У компании накопился большой бэклог задач. Своих сил для реализации не хватало, фрилансеры и мелкие подрядчики не устраивали по качеству. Мы сразу были готовы выделить команду, решать задачи в высоком темпе и с хорошей проработкой – помимо разработчиков, в поддержке участвует менеджер-аналитик.

Нашими целями были:

• повышение устойчивости работы сайта и его обмена с 1С;

• минимизация количества “отказов” на этапе оформления заказа;

• сокращение количества невыкупленных заказов;

• сокращение пути пользователя от выбора товара до его оплаты.

Что мы сделали:

1) Провели технический аудит и устранили выявленные проблемы: ускорили загрузку страниц и оптимизировали работу с запросами;

ДО	ПОСЛЕ

2) Обновили макеты страниц на основе ui-kit (для мобильной и десктоп версий);
3) Не меняя логики оптимизировали процесс обмена данными между 1С и 1С-Битрикс: Управление сайтом (1С:БУС). Обычно инициатор обмена – 1С. Мы же создали интерфейс на БУС, в котором можно управлять очередью: останавливать одни процессы, перезапускать другие, удалять третьи и т.д. Это повысило гибкость управления информацией на сайте в части номенклатуры, остатков, цен, статусов заказов, маркетинговых активностей и т.д. 

Теперь, в случае форс-мажора, можно вручную, на уровне админа, вернуть на сайт данные из 1С и посмотреть причины сбоя в логах;

4) Ранее, на этапе добавления товара в корзину и оформления заказа, происходило много отказов. Покупатели бросали корзину и уходили с сайта или не выкупали заказы в аптеке.

Когда проанализировали причины, поняли, что есть 2 проблемы:

1. при выборе пункта выдачи, если в заказе есть товары с остатков аптеки и с остатков поставщика, то он разбивается на 2 заказа с 2-мя разными датами выдачи. Никто не хочет ходить в аптеку 2 раза.
2. пользователю не хватает информации на экране, на котором происходит принятие решения о заказе. Ему не понятно:

• в какой аптеке можно забрать заказ целиком, а в какой частично;

• какая аптека располагается ближе;

• когда подвезут то, чего нет в наличии.

Для их решения провели ряд оптимизаций:

1) В карточках товаров разместили информацию о наличии лекарств в аптеках и сроках ожидания его подвоза в случае отсутствия;

2) На странице товара и заказа добавили (альтернативный списку) способ выбора аптеки на карте. Встроили фильтр, который убирает с карты аптеки, в которых нет выбранной позиции. Если фильтр не применен, то отображается срок доставки лекарства из ближайшего аптечного хаба;

3) Настроили вариативный показ значков аптек, в которых заказ можно забрать полностью (красный) или частично (желто-красный);

4) Доработали страницу заказа. Теперь при отсутствии товара на складе выводятся еще и аналоги. Это сокращает количество “отказов” из-за того, что невозможно приобрести всё в одном месте;

5) Для предоставления необходимой пользователю информации в одном месте, повышения скорости загрузки и обновления данных, разделы “Корзина и “Заказ”” реализовали как SPA – Single Page Application (одностраничное приложение) на Vue.js. Такие приложения умеют динамически подгружать с сервера нужный контент без обновления интерфейса. Они работают быстро и меньше нагружают сервер, а у пользователя создается ощущение, что все действия он совершает на одной странице.

В решении ряда задач у SPA-архитектуры больше преимуществ:

• SPA хорошо работает там, где много динамичных форм и действия могут совершаться без переходов по страницам;

• для покупателя важна скорость работы сайта, а SPA работает быстрее, потому что ему нужно обновлять только определённые модули, а не всю страницу. Сервер возвращает не тяжеловесный HTML, а лёгкий JSON. Часть контента кэшируется, поэтому обновление может происходить почти мгновенно;

• сайт на этой архитектуре сохраняет данные и исходное состояние до тех пор, пока открыта вкладка в браузере, а это удобно при одновременной работе с каталогом, корзиной и заказом;

• т.к. SPA дает возможность полностью разделить фронтенд и бэкенд, то, при последующем создании мобильного приложения или глобальном переносе сайта, больших изменений в бэкенд вносить уже не потребуется. Это сильно экономит бюджет заказчика.

Рисунок иллюстрирует разницу в работе со страницей в браузере.

На SPA работают крупные ритейлеры (Ozon, MVideo), доставка (Delivery-club, Utkonos), почтовые сервисы, которые оценили скорость работы и масштабируемость решения.

О нюансах реализации расскажем подробнее.

Бизнес-задача выглядела просто и понятно – помочь пользователю с выбором аптеки, в удобной форме показав, где заказ может быть выдан полностью, а где частично. Раньше местоположение товара было видно только внутри его карточки в разделе самовывоз, на нее нужно было переключаться и скроллить весь список аптек.

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

Но и детальную карточку товара тоже обновили, добавив геокарту с инфоблоками.

Итоги работы:

1. Клиент  сразу видит где доступен товар. Если сегодня что-то недоступно для заказа, то сайт проинформирует о ближайшем времени поставки.

2. Сложив товары в корзину, пользователь увидит аптеки в которых заказ можно получить полностью или частично. В этот момент можно заменить отсутствующий товар на аналог, чтобы не ждать поставку или не искать его в других аптеках. После создания заказа сайт пошлет уведомление на почту, все остальные “касания” до момента выкупа сделает 1С.

3. Весь процесс заказа занимает не более минуты, а сокращение количества действий в процессе покупки положительно влияет на пользовательский опыт. 

4. Мы показали что применение SPA и реализация интерфейсов на Vue.js полезны в интернет магазинах (в частности, интернет-аптеках). Наш подход к решению не ломает логику Битрикса и хорошо работает.

Построение сайта на одностраничной архитектуре предъявляет более высокие требования к квалификации программистов. В штате ИНТЕРВОЛГИ есть опытные разработчики, которые могут создавать одностраничные приложения, и специалисты по SEO, которые знают как подружить сайт на JavaScript с поисковой системой, чтобы он индексировался и хорошо ранжировался.

Что дали заказчику работы над интерфейсом и реализация “Корзины”-“Заказа” на SPA:

• вырос трафик, сократилось время на сайте, а отказы остались на прежнем уровне

Время и путь оформления заказа сократились вследствие оптимизации. Чтобы полностью завершить цикл покупки –  выбрать товар, подобрать аналоги, сделать заказ – достаточно посетить 2-3 страницы с каталогом и корзиной.

• выросло количество выкупленных заказов и общее их количество;

Затраты на разработку SPA составили 400 часов. После запуска функционала в декабре 2021 года выручка нашего клиента выросла на 16%.

В ближайшей перспективе мы проведем рефакторинг обмена и подключим к сайту программу лояльности Maxma.

Если вы на себе ощущаете все сложности самостоятельного администрирования интернет-проекта, хотите больше времени уделять развитию продукта и продаж, сосредоточиться на стратегических задачах и развитии – передайте вопросы обслуживания сайта опытной команде ИНТЕРВОЛГИ.

Мы умеем создавать, поддерживать и переводить живые интернет-проекты на Битрикс. Работаем с ним более 14 лет, знаем все его возможности и особенности, интегрируем его с любыми бизнес-системами, имеющими API или поддерживающими иные технологии обмена.

• 850 проектов на Битрикс и Битрикс24;

• 75 штатных, сертифицированных разработчиков;

• Отработанная процедура разработки и развертывания;

• Все компетенции по Битрикс и Битрикс24.

Готовы формировать команду под проект – от 20 до 500 часов разработки в месяц. Гибко подходим к процедуре работы и контрактования. Нас рекомендуют клиенты, коллеги по цеху и 1С-Битрикс.

Решаем любые задачи по поддержке Битрикса:

• Подключение новых методов оплаты и доставки;

• Доработка процедуры заказа;

• Доработка страниц;

• Интеграции с внешними системами;

• Сложные скидки и логика;

• Передача чего угодно в 1С и обратно;

• Корректировка под SEO-требования;

• Улучшение UI и UX.

Расскажите о вашей задаче – наши эксперты подскажут способ решения и дадут оценку реализации.