Как заставить человека зависнуть на сайте в Новый Год

В июне 2021 года к нам поступило обращение от бренда elka.bio с задачей разработки B2C интернет-магазина по продаже премиальных новогодних деревьев. В проекте было особенно важно реализовать каталог товаров с функцией подбора деревьев по фотографии.

Задачи:

1. Увеличение количества продаж при помощи сайта

2. Облегчение и ускорение процесса покупки деревьев, а также сопутствующей атрибутики

3. Обеспечить на сайте полный цикл обслуживания клиента — подбор, сравнение, выбор способа доставки, оплаты заказа, а также дополнительных услуг: демонтажа и установки деревьев, консультаций по их содержанию и посадке

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

5. Сопроводить пользователя на сайте подсказками на всех этапах взаимодействия: на детальных страницах товара, при фильтрации и сортировках, на страницах сравнения, корзины и оформления заказа

6. Реализовать конструктор блоков на сайте для дальнейшего наполнения его контентом и SEO продвижения

7. Реализовать интеграции с ERP системой заказчика, агрегатором SMS-рассылок, платежной системой (ОФД от Альфа-Банка) и CRM-системой Битрикс24

8. Реализовать кастомизированные калькуляторы расчета стоимости доставки собственной курьерской службой, и стоимости заказа, в зависимости от условий покупки (количество товара, общая сумма заказа) — розничные продажи, мелкий и крупный опт

9. Реализовать для пользователей функционал приобретения деревьев в подарок (розница и опт)

10. Полнотекстовый поиск на сайте

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

К дизайн макетам предъявлялись следующие требования:

1. Дизайн-макеты должны были быть современными, отвечающими требованиям mobile-first разработке, а также сохранять UI/UX вне зависимости от разрешения

2. Дизайн-макеты должны были отражать удобную навигацию пользователя на сайте, основные точки взаимодействия, а также функциональные особенности в виде подсказок, сортировок, фильтраций и при этом учесть особенности различия товаров в каталоге (деревья - прямоугольные, а остальные товары, как правило — квадратные)

Так как объем задач был крупным, было принято решение реализовывать сайт в несколько этапов, с крупными релизами.

На первом этапе были реализованы:

1. Создание общей структуры сайта, механизмы загрузки товаров на сайт;

2. Реализованы каталоги Выбора деревьев по фотографиям, Выбора деревьев из каталога и Новогодних Товаров и их детальные карточки;

3. Произведена интеграция с ERP системой МойСклад, реализован функционал страницы корзины и оформления заказа;

4. Реализована интеграция с платежной системой (Альфа-банк касса).

На втором этапе были проведены работы:

1. Интегрирована платежная система, подключено SMS-уведомление пользователей;

2. Разработаны кастомные калькуляторы для страницы оформления заказа;

3. Реализован «Конструктор страниц», позволяющий наполнять сайт новыми блоками контента.

На третьем этапе были проведены работы по:

1. Интеграциям подсказок на сайт для товарных страниц, корзины и оформления заказа;

2. Реализации функционала сравнения товаров;

3. Разработке функционала аддитивных товаров и услуг, а также их корректная обработка для передачи в CRM и ERP системы.

Произведена SEO-оптимизация и оказана помощь в наполнении контентом части страниц.

Для администрирования интернет магазин были созданы виджеты импорта картинок, товаров их свойств, а также конструктор блоков («Конструктор блоков»), позволяющий на zero-code функционале заниматься наполнением сайта контентом.

Кроме возможности покупки товара в один клик, была реализована возможность быстрого подбора дерева по его основным характеристикам: тип, вид и высота дерева. Это позволило покупателю подобрать необходимый товар в максимально короткий промежуток времени.

Также был реализован бизнес-процесс дарения дерева. Пользователю необходимо выбрать интересующий товар, пометить его как «в подарок» и оплатить, после чего с ним связывался менеджер для уточнения всех деталей.

Проведена интеграция с сервисом «Stream Telecom» для автоматической отправки SMS, Email-сообщения клиентам компании. Выполнена интеграция с CRM-системой Битрикс24 для автоматизации бизнес-процессов обработки заказов. А также с ERP-системой МойСклад и интернет-эквайрингом — ОФД АТОЛЛ, Альфа-Банк касса

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

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

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

Последующие релизы не сказались на работоспособности сайта для пользователей и прошли в штатном режиме.

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

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

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

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