Подпишись
и получай крутые статьи первым
Выберите рассылку
Нет, спасибо
Подпишись
30.08.2020 Кейсы 10 мин

Создание и развитие интернет‑магазина стройматериалов

Владимир Скороглядов

Backend

Клиент и задача

Альтерра — один из лидеров по продаже строительных и отделочных материалов оптом и в розницу в ряде сибирских регионов: Алтайском крае, Республике Алтай, Кемеровской и Новосибирской областях. У компании более 100 поставщиков и 15 000 позиций, 4 торгово-складских комплекса, собственный колл-центр.

На момент обращения компания работала только в офлайне. Был сайт-каталог, который не продавал.

Поэтому перед клиентом встала задача
— создать полноценный интернет-магазин
, который позволит выйти на онлайн-сегмент рынка.

Сайт сдали в формате MVP в 2016 году. После мы его непрерывно совершенствовали, чтобы сделать удобнее для клиента и пользователей, повысить коэффициент конверсии в покупку и повторную покупку, увеличить средний чек.

Значимые разработки за три года развития проекта

Команда проекта состояла из 2 менеджеров проекта, 2 дизайнеров, 3 front-end и 4 back-end разработчиков. Коммуникация с клиентом была организована в Б24 — максимально комфортной для клиента платформе. Внутренне — проект вели на канбан-доске в Трелло.

Омниканальное решение для программы лояльности

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

Стандартный функционал битрикса позволяет обмен лишь стандартными данными — каталогом и заказами. Плюс, его штатные возможности передают данные только по расписанию. Поэтому мы связали сайт с 1С через WSDL-сервис, к которому может обращаться сайт и сразу запрашивать нестандартные данные, например, бонусы, анкеты, телефоны и т. д. Это позволило реализовать удобную систему лояльности в онлайн и офлайн.

Пользователь на сайте может заполнить клубную анкету и получить бонусы на карту, а эти данные сразу попадут в 1С. Если он сразу придет в офлайн-магазин, там уже будут знать, сколько у него бонусов. И так же наоборот — достаточно заполнить анкету и купить в офлайне, зайти на сайт, ввести номер телефона — бонусы уже готовы к использованию. При этом не обязательна регистрация бонусной карты на сайте.

Результаты поиска с фильтрацией по категориям. Учет синонимов и опечаток пользователей в поиске

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

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

Например, в ситуации, если сантехник, что нужно поменять трубу, но не сказал точного названия — при стандартном поиске из нескольких сотен труб может быть выбрать сложно. Но в нашем случае, как только мы вводим «труба», поиск показывает все разделы, в которых находятся трубы, и можно сразу сориентироваться, какие из них являются сантехническими или, например, полипропиленовыми.

Это есть уже и в выпадающем окошке.

Выпадающее меню с разделами

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

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

Результаты поиска с фильтрацией по категориям

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

Битрикс сохраняет все поисковые запросы, поэтому система регулярно пополняется новыми словами и словосочетаниями, лидерами по количеству опечаток.

Обособленные каталоги для каждого филиала компании

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

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

Создание разделов в соответствии с коллекциями керамической плитки

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

Поэтому мы сформировали подразделы по свойству «Коллекция» в общем разделе «Керамическая плитка, мозаика» и настроили догрузку фото к товарам из коллекций. Это позволило презентовать коллекции, учитывая, что в 1С такая структура не задана, а клиенту на сайте вручную ничего задавать тоже не нужно.

Мы сформировали подразделы по свойству «Коллекция» в общем разделе «Керамическая плитка, мозаика» и настроили догрузку фото к товарам из коллекций

Мониторинг свойств, участвующих в умном фильтре

За годы проекта на сайт выгрузили тысячи свойств с их значениями, при это дорабатывая 1С. В конечном счете, ее полностью доработали и решили обновить на сайте. Но к тому моменту уже очень сложно было понять, так как многие свойства были выгружены хаотично и дублировались, и, например, понять, из какого именно свойства «ширина» формируется фильтр на сайте.

Для решения этой проблемы написали выгрузку в CSV только участвующих в фильтре свойств. Дальше их можно выделить по коду в Битриксе и сформировать точную структуру выгрузки из 1С.

Мы сформировали подразделы по свойству «Коллекция» в общем разделе ,,Керамическая плитка, мозаика” и настроили догрузку фото к товарам из коллекций

Объединение множества складов в склады по филиалам

На сайте необходимо фильтровать товары, доступные в наличии и под заказ, в соответствии с филиалом, который выбрал покупатель. Однако 1С передает данные по своим складам, которые не имеют связи с филиалами.

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

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

Каталог акций, управляемый из 1C

Товары для страницы акции подтягиваются напрямую из 1С. Клиенту это удобно, так как не нужно формировать контент для акций вручную. Также они являются более оптимизированными для поисковиков. А пользователю удобнее — к странице акции привязаны все товары, участвующие в ней.

Товары для страницы акции подтягиваются напрямую из 1С

Товары по акции

А на странице со списком акций есть фильтр по категориям товаров, чтобы посмотреть, на какие категории сейчас есть акции.

А на странице со списком акций есть фильтр по категориям товаров

Сопутствующие товары с привязкой разделов к разделу и к товару

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

Сопутствующие товары с привязкой разделов к разделу и к товару

Карта доставки с зонами, поиском, учетом веса и габаритов посылки

Так как у компании полностью своя логистика, доставка работает нескольким районам Алтайского края, а товар тяжелый и негабаритный — была огромная нагрузка на колл-центр.

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

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

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

Акция «Вместе дешевле»

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

Результаты поиска с фильтрацией по категориям

Дополнительные вкладки в корзине — «Смета» и «Купить снова»

Чтобы пользователю удобнее было покупать, предложили и реализовали две дополнительные вкладки в корзину.

Во вкладку «Смета» пользователь может набрать полную смету, которая нужна ему на реализацию проекту, и постепенно выкупать оттуда нужные товары. Так, он может один раз сформировать план покупок, собрать все товары — все сразу покупать не придется, но и товары не затеряются.

Во вкладке «Купить снова» лежат все товары, которые пользователь покупал ранее. Их оттуда одной кнопкой можно вернуть в корзину, что намного удобнее, чем вытаскивать из списка в личном кабинете или формировать заказ заново вручную. Если пользователь покупает всегда один тип гвоздей, он может это сделать одной кнопкой прямо в корзине, не проверяя артикул товара.

Дополнительные вкладки в корзине — «Смета» и «Купить снова»

Если вы хотите внедрить эти изменения на своём DIY-проекте или получить консультацию по его развитию
остатьте заявку на наше специальное приложение для DIY

Обратная связь
Напишите нам, и мы с вами свяжемся

Теги:Кейсы

Возможно, вам понравится:

Let's Rock, 2012-2020. Разработка, поддержка и развитие интернет-магазинов. Золотой партнер 1С-Битрикс и активный член авторитетного клуба e-Commerce Сибирь.