Каталог отменяется. Спрятали 2 000 товаров в поисковой строке и увеличили продажи в 2,4 раза

Главное о кейсе

Когда продажи не растут, первая мысль — перерисовать дизайн. В случае с Transopt платформа мешала оформлять заказы.

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

Мы на время отложили отрисовку макетов и полностью пересобрали внутреннюю механику платформы: от поиска до архитектуры обмена данными, чтобы повысить конверсию.

Как проект изменил жизнь пользователей

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

Сильный B2B-продукт пришел к нам с полным непониманием, что с этим делать.

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

При этом запрос клиента был конкретным: сделать редизайн и как-то ускорить загрузку.

Мы отказались от идеи делать косметический редизайн поверх старой логики. Сначала отвязали интерфейс от тяжелой базы с помощью нашего кастомного модуля bxapi и перевели интернет-магазин на легкий Vue.js. А потом заменили списки характеристик на одну умную строку поиска с рекомендациями для каждого семейства АКПП.

В результате:

1. Объем заказов вырос в 2, 4 раза. До релиза объем продаж держался на уровне 4 600 проданных деталей в месяц, но в первые 4 недели он вырос до 11 040.

2. Скорость работы сайта выросла в 6 раз, при этом клиент сэкономил 2 месяца разработки и 1,5 млн рублей за счет нашего авторского модуля bxapi.

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

4. Обмен остатками с 1С стал моментальным: как только товар забирают, данные пересчитываются, и если деталь есть на экране — она есть в наличии на одном из складов.

5. Пользователи не торопятся уходить с сайта: они спокойно присматривают детали, которые могут дополнительно понадобиться в ремонте, из-за чего среднее время визита выросло до 6,5 минут (за неделю пользователи открывают 10,9 тысячи страниц).

Бизнес-задача и ее решение

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

Но настоящая бизнес-задача Transopt заключалась в другом: магазину нужно было кардинально сократить путь мастера от поиска нужной запчасти до заказа и избавить менеджеров от ручной обработки накладных.

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

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

1. Переработали каталог и поиск. Убрали объявления, многослойные фильтры и оставили одну строку поиска. Для этого мы изучили маркировки коробок передач и ассортимент из 2 000 товаров, чтобы заточить поиск под запросы пользователей.

2. Добавили поиск по семействам коробок. Теперь мастер видит все модели семейства и подходящие к ним детали, а не только одну коробку по маркировке.

3. Внедрили квиз «Определить АКПП». Сложные фильтры превратили в короткий опрос: если пользователь не знает маркировку коробки, он отвечает на простые вопросы.

4. Перенесли фронтенд на Vue и разработали модуль bxapi. Ускорили работу интерфейса, сохранили каталог, заказы и интеграцию с 1С-Битрикс.

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

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

Крафт (мастерство), реализация, технические детали

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

Зачем?

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

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

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

Если внутренний алгоритм этого не учитывает, поиск либо выдаст пустую страницу, либо покажет несовместимые товары.

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

Но оставалась еще одна задача: тяжеловесная логика замедляет работу каталога. Для этого мы использовали кастомный модуль bxapi. Он моментально отдает данные по единому интерфейсу, при этом вся базовая инфраструктура клиента (склады, ценообразование и обмен с 1С) остается на своих местах и работает без перебоев.

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Автомобильные сайты можно разделить на два типа. Первые продают мечту: машина на фоне заката, роскошный дизайн, удовольствие от покупки и желание обладать. Здесь «вау-эффект» — эмоции, которые вызывает автомобиль.

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

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