О клиенте

Компания ООО Лед-Стиль — мультибрендовый реселлер, со специализацией в области поставок светотехнического оборудования для b2b, b2g и b2c сегментов.

Задачи, с которыми пришел клиент

Глобальная цель — увеличить конверсию в продажу на сайте.

В момент обращения, клиент обратил внимание на некоторые, важные для него, моменты:

1. Необходима наследственность инфраструктуры — старый сайт был создан на CMS 1С-Битрикс. У клиента был положительный опыт работы с этой CMS и вся IT-инфраструктура на стороне клиента уже была настроена.
2. Для сокращения бюджета и сроков разработки, необходимо было использовать современное готовое решение.
3. Сохранение целостности кода для возможности последующих обновлений.
4. Наличие стабильного хостинга, соответствующего требованиям CMS 1С-Битрикс при расчетной нагрузке до 10 000 посетителей в день и с общим uptime не менее 97% в среднем по году.
5. Глубокая SEO-оптимизация, соответствие требованиям по GooglePageSpeed («зеленая зона» для десктопной и мобильной версий).

Что не устраивало заказчика и его покупателей на старом сайте:

• Существующий сайт был создан на устаревшем старом шаблонном решении.
• Не очевидная и не всегда понятная клиентам структура меню.
• На старом сайте не было возможности оплатить заказ.
• Наличие вирусов
• Не удобен и не нагляден фильтр в каталоге. Значений в фильтре было очень много, и приходилось несколько раз листать страницу, чтобы найти нужный параметр фильтрации.
• Отсутствие синхронизации со складской системой 1С
• Карточка товара на старом сайте не позволяла показать все конфигурации товара (SKU: цветовая температура, рассеиватель, цвет и т.д.) Это ограничение очень мешало раскрыть полноту номенклатуры для конечного покупателя и увеличивало нагрузку на менеджеров компании — по каждой позиции им приходилось консультировать клиентов, раскрывая информацию о возможных параметрах товаров по телефону, в чатах и мессенджерах.
  

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

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

Для обеспечения высокого уровня отказоустойчивости (средний uptime на протяжении года у нас выше 99%) мы используем VPS-системы с серверным окружением, специально доработанным под наши требования (которые, кстати, сильно более жесткие, нежели типовые стандарты Битрикс).

В рамках этого подготовительного этапа мы развернули сервер, настроили необходимое окружения, установили VM Bitrix последней версии и все необходимое серверное ПО.

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

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

Работа с навигацией

Следующий важный этап — проанализировали существующую номенклатуру и выстроили структуру сайта в целом и каталога товаров заново.

Проанализировав старый сайт, сайты конкурентов и ТЗ заказчика, мы сформировали структуру основных разделов и согласовали ее с заказчиком.

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

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

Настройка систем расчета доставки

Настроили курьерскую доставку и подключили модуль ТК Деловые Линии для автоматизированного расчета стоимости доставки.

Теперь у покупателя теперь есть возможность сразу в карточке товара увидеть ориентировочную стоимость доставки именно в его город (город определяем автоматически).

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

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

У клиента 3 склада отгрузки. Отдельный склад под определенную группу брендов. Разные склады находятся в разных регионах России. Соответственно, стоимость доставки с каждого их складов (по каждому отдельному бренду) должна рассчитываться с учетом этого нюанса.

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

Система дополнительных ссылок между товарами по свойствам

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

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

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

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

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

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

Отзывы и работа с репутацией

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

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

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

Модернизация оплат на сайте

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

Стандартный счет (образец заполнения платежного поручения, если говорить бухгалтерским языком) имеет неприятную особенность — только бухгалтера точно знают как им пользоваться, а вот у розничных покупателей были с этим проблемы. При этом, сегодня уже все наслышаны про то, что можно оплатить любой товар или услугу с помощью QR-кода. Вот именно их мы и добавили на счета, которые генерируются магазином.

Нашими специалистами был изучен «ГОСТ Р 56042-2014 «Стандарты финансовых операций». В ГОСТе содержится перечень всех возможных вариантов данных, которые можно «прошивать» в платежном QR. Из этого набора мы выбрали то, что необходимо для удобной оплаты — данные о товарах, реквизиты для оплаты, коды для корректной работы счета в банковских программах и доработали модуль, который генерирует счета.

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

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

Сейчас при помощи qr-кода мы сокращаем время оплаты счета до 2-х действий: отсканировал qr-код, нажал на кнопку оплаты.

В отличие от стандартного эквайринга (оплаты картой), у этого способа есть небольшой минус — информация о том, что клиент оплатил заказ не приходит автоматически на сайт. Владельцу магазина или менеджеру, который обрабатывает заказы, приходится отслеживать момент оплаты самостоятельно. Но у нас в WEB-AiM, только на другом проекте мы создали модуль, который позволяет получать статусы оплаты заказов и в случае использования QR. Если вам тоже нужно — обращайтесь, мы такое умеем :)

Библиотека документации

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

Такой документации много, некоторая документация делается не под конкретный товар, а под целую линейку.

А еще, есть нюанс — у сертификатов есть срок «жизни», по окончанию которого они должны переставать отображаться в карточке товара.

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

Теперь у клиента нет необходимости загружать кучу копий одного и того же документа для каждого товара и следить за актуальностью каждой из копий.

Все документы хранятся в единой библиотеке и автоматически «подтягиваются» в карточку товара по определенным привязкам (по разделу/ группе разделов, бренду, конкретным свойствам), поэтому мы создали гибкие условия для их размещения.

Автоматическое обновление каталога без 1С

В данный момент у клиента еще не подключена складская система — она пока дорабатывается.

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

Нами был предложен удобный импорт/экспорт товаров из excel, так как от поставщиков клиенту приходят прайс-листы и файлы с каталогами новой продукции.

Загрузка каталога товаров осуществляется через файл excel с помощью модуля Экспорт/Импорт товаров в Excel.

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

Также было сделано:

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

Поисковая оптимизация — SEO

В рамках этих работ мы настроили специальные шаблоны для автогенерации meta-тегов. Теперь для каждого раздела и каждого из тысяч товаров на сайте корректно создаются:

• title,
• description,
• keywords,

Был настроен robots.txt — теперь в индексе поисковиков не будет "дубликатов«(сеошники поймут), также для решения этой же типовой задачи, настроены корректные seo-редиректы и корректная генерация канонических ссылок в коде страницы (rel=cannonical).

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

Дополнительные каналы коммуникации

Настроили чат Битрикс24 и добавили его код на сайт.

Его преимущества очевидны — покупатели имеют возможность оперативно консультироваться с менеджерами и консультантами магазина.

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

Это также удобно для тех сделок, в которых участвует несколько сторон, а это почти все b2b и b2g клиенты. Чаты можно объединять внутри сделки или лида, что удобно для анализа и полноценной работы с полным пулом информации в процессе переговоров.

Что в итоге?

Клиент получил полностью работоспособный интернет-магазин с логически построенной структурой, заполненным каталогом, настроенными доставками и удобным, современным интерфейсом.

Сайт позволяет легче совершать покупки и быстрее оплачивать заказ и генерировать прибыль для нашего клиента.

В следующих этапах мы планируем:

1. Сделать интеграцию со складской системой 1С (двусторонний обмен). Покупатели смогут видеть актуальную информацию о наличии, цене и количестве товара на складах. А данные о заказах (перечень товаров, цены со скидками, данные о контрагентах) будут поступать в 1С.
2. Личный кабинет оптовиков — специализированный вид интерфейсов для создания и оформления заказов, который мы в WEB-AiM разработали с учетом требований стейкхолдеров из B2B и B2G сегментов. У этих клиентов процесс взаимодействия с сайтом существенно отличается, а еще эти пользователи работают с совсем другими типами документов. Также для этих групп на сайте может быть реализован другой подход к работе по заказам (кредитные линии, отсроченные платежи, логика «товары под реализацию», регулярные повторы заказов и многое другое.)