Стандартные решения в нестандартных условиях или, как «Логема» обновляла сайт для «Трансавтомаш»

28.06.2024

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

Компаниям нередко нужна экспертиза в вопросах повышения лояльности пользователей, конверсии, роста эффективности внутренних бизнес-процессов. Это происходит за счет улучшения функциональности существующего интернет-магазина или сайта. В кейсе поделимся историей о том, как можно за 2 месяца обновить сайт крупной компании, настроить e-commerce функционал для интеграции с Авито и Яндекс Директом и все это с использованием готового решения «Аспро: Лайтшоп».

Старый сайт компании «Трансавтомаш»
tavtomash 2
Новый сайт компании «Трансавтомаш»

О клиенте

ООО «Трансавтомаш» — один из ведущих игроков на российском рынке поставок запасных частей для коммунальной и дорожно-строительной техники отечественных и импортных производителей. Компания специализируется на запасных частях для комбинированных, илососных, вакуумных машин, мусоровозов, на шасси ГАЗ, ЗИЛ, МАЗ, КАМАЗ, подметально-уборочной техники и лаповых погрузчиков и не только.  Для руководства было важно, чтобы сайт, с которым ежедневно взаимодействуют тысячи пользователей по всей России отвечал современным требованиям user-friendly интерфейса и удобства. Положительный пользовательский опыт — это ключ к успеху в установлении лояльности аудитории и роста конверсий.

О задаче

Сайт компании устарел и больше не соответствовал современным требованиям, как в плане функциональности, так и дизайна. Отсутствовала интеграция с 1С, которая могла бы облегчить работу с товароучетом, а текущая (на момент обращения клиента в «Логему») оказалась недостаточно эффективной. Сотрудники тратили много времени и усилий впустую.

Наша команда предложила клиенту декомпозировать процесс на несколько задач:

  1. Настроить интеграцию сайта с 1С;
  2. Перенести сайт на готовое решение «Аспро: Лайтшоп», что позволило бы клиенту легко управлять сайтом без необходимости привлечения программистов в будущем;
  3. Настроить товарные фиды для Авито и Яндекс Директа, чтобы выводить отдельные цены и параметры для каждой площадки;
  4. Перенести структуру со старого сайта на новый;
  5. Установить и настроить модуль для оптимизации изображений, чтобы повысить удобство и скорость работы сайта;
  6. Реализовать работу умного поиска с исправлением ошибок в запросе.

Обновление сайта происходило через использование готового решения «Аспро: Лайтшоп», а стек технологий включал использование 1С-Битрикс, PHP, HTML, CSS и JS, что обеспечивало гибкость и надежность выбранного решения. Проект был выполнен за два месяца.

1. Перенос сайта на решение «Аспро: Лайтшоп»

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

Какие проблемы мы решили с помощью «Аспро: Лайтшоп»:

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

Список работ:

  1. Настроили «Аспро: Лайтшоп» — готовое решение на 1С-Битрикс под требования клиента;
  2. Перенесли структуру предыдущего сайта, сохранив иерархию и адреса страниц;
  3. Настроили форму обратной связи;
  4. Доработали отображение второго телефона и соцсетей: на готовом решении они отображались в выпадающем списке при наведении на первый телефон. Теперь телефоны и социальные сети видны пользователю сразу в шапке сайта;
  5. Перенесли все метатеги (заголовки и дескрипшены) со старого сайта на новый;
  6. Создали новые разделы, такие как «Реквизиты» и «Блог»;
  7. Доработали отображение контактов — появилась ссылка на детальную страницу «склад-магазин», где есть более подробная информация.
Было: шаблон «Аспро: Лайтшоп» с двойным телефоном и соцсетями, которые видны при наведении
Стало: сайт компании «Трансавтомаш» с двойным телефоном и соцсетями

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

2. Настроили обмен с 1С

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

Разделили реквизиты на отдельные свойства и запустили обработку событий изменения товаров

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


❛❛В 1С вся важная информация хранится в реквизитах номенклатуры. Стандартная выгрузка товаров из 1С в Битрикс выгружает реквизиты так, что по ним нельзя ни искать ни фильтровать товары. Вся информация сыпется в один список. Поэтому, в своих проектах мы реализовываем механизм, который буквально раскладывает все по полочкам. Это позволяет информацию о цвете положить в свойства «цвет» и т.д. В результате мы получаем структуру данных, с которой могут работать стандартные компоненты 1С-Битрикс: фильтр, поиск выбор SKU и т.д.❜❜

Павел Машанов,
технический директор компании «Логема»

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

3. Скорректировали товарный фид для Авито

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

  • добавили дополнительный реквизит для каждой товарной позиции в 1С, чтобы можно было указать конкретную цену для Авито;
  • запустили процесс импорта второй цены на сайт.

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

4. Интеграция и настройка модуля для генерации фида для Яндекс Директ

Для запуска рекламной кампании в Яндекс Директ требовалось настроить генерацию фида. Это необходимо для того, чтобы автоматизировать запуск рекламных кампаний. С фидом в Яндекс Директ генерация рекламных объявлений происходит автоматически, достаточно при настройке рекламных кампаний выбрать нужные категории товаров. Если при очередном обновлении товары в фиде отсутствуют — товар, которого уже нет в продаже будет скрыт.

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

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

5. Настройка фильтров, корзины и модуля сравнения

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

Настройка фильтра каталога

  • Команда «Логемы» произвела настройку фильтров каталога, чтобы пользователи могли быстро и удобно находить нужные товары: теперь такие свойства, как «Длина, Ширина, Высота, Объем» были «разнесены» в отдельные свойства, а не находились в одном поле, как ранее.
  • В десктопной версии сайта мы убрали список разделов, который отображался дважды и мешал обзору товаров, улучшив тем самым пользовательский опыт.
Было: десктопная версия старого сайта и список разделов вверху
Стало: десктопная версия нового сайта без списка разделов вверху

Настройка корзины

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

Настройка функционала сравнения товаров и спец.сниппета

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

Сравнение товаров

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

Водяной знак на изображениях товаров

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

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

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

6. Настроили умный поиск

Использование готового модуля с маркетплейса 1С-Битрикс позволило реализовать функционал умного поиска с исправлением ошибок в запросе. Теперь пользователи могут быстрее находить нужный товар. Что получил клиент:

  • Автоматическое исправление орфографических ошибок в словах и словосочетаниях для улучшения точности поискового запроса. Например, запрос «вакумный насос» будет успешно найден как «вакуумный насос»;
  • Возможность поиска по транслитерации запроса. Например, поиск запроса «щО-822» успешно находит «ЩО-822»;
  • Внедрение усиленного режима исправления раскладки клавиатуры для более точного поиска даже при использовании неправильной раскладки. Например, запрос «otnjxyjt» будет найден как «Щеточное»;
  • Расширение области поиска для учета тегов товара и свойств. Например, поиск товаров по тегам или артикулам;
  • Возможность настройки приоритетов разделов и областей поиска для учета особенностей бизнеса и предпочтений пользователей. Например, приоритетный поиск товаров, которые находятся в наличии или в определенных разделах.

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

7. Настройка стандартных почтовых шаблонов

Реализовали кастомный шаблон писем, который предоставил клиент. Теперь стиль email-писем, которые отправляются при оформлении заказа, перекликается со стилем сайта. В результате:

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

8. Установка кодов систем аналитики

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

Почему вам стоит выбрать «Логему», если у вас есть желание обновить сайт компании?

Клиенты, подобные «Трансавтомашу», могут обращаться в «Логему» по нескольким причинам:

  1. Компании, специализирующиеся на продаже автозапчастей для коммунальной или иной техники часто не имеют внутренних ресурсов или экспертизы в области веб-разработки, маркетинга и оптимизации электронной коммерции. Обращение в агентство, такое как «Логема», позволяет получить доступ к специалистам, которые могут помочь улучшить их онлайн присутствие и эффективность в интернете;
  2. Стандартные решения, такие как «Аспро: Лайтшоп» и интеграции с 1С, Яндекс Директом и другими платформами, предлагаемые «Логемой», могут обеспечить компаниям современные и эффективные инструменты для управления и развития их онлайн бизнеса;
  3. Обновление сайта и внедрение новой функциональности требует времени, усилий и специализированных знаний. Многие компании предпочитают обратиться к профессионалам, чтобы убедиться, что проект будет выполнен качественно и в срок.

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

Подытожим

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

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