НАЗАД К СПИСКУ КЕЙСОВ
КЕЙС #12Лендинги / Промо
КПП21 — продажа коробок передач и ДВС
Презентационный лендинг с интерактивным каталогом трансмиссий, двигателей и редукторов для грузовых авто и сельхозтехники
Конверсия в подбор узла
+44%
подбор по марке авто и VIN-номеру
Продажи
Скорость загрузки каталога
0.5s
легкая статическая сборка без лишних скриптов
Speed
Позиций агрегатов
150+
КПП ZF, ЯМЗ, КамАЗ, МТЗ и двигатели в наличии
Ассортимент
Отказы на мобильных
-31%
крупные кнопки звонка и быстрый переход в мессенджеры
UX
[01]/КОНТЕКСТ И ЗАДАЧА
Проблема и бизнес-контекст
Разработка целевого лендинга для торговой компании «КПП21», специализирующейся на поставках новых и восстановленных коробок переключения передач (КПП), редукторов и двигателей внутреннего сгорания (ДВС) для грузовых автомобилей (КамАЗ, МАЗ, УРАЛ, ГАЗель) и сельхозтехники.
Ключевой вызов:Покупателям агрегатов критически важно оперативно проверить совместимость модификации КПП со своим шасси или двигателем. Требовалось разработать интуитивную навигацию по маркам, таблицу взаимозаменяемости и форму подбора с возможностью прикрепить фото шильдика старого агрегата.
[02]/АРХИТЕКТУРНОЕ РЕШЕНИЕ
Инженерная архитектура
Быстрый компонентный фронтенд на HTML5/CSS3/JS с модульной фильтрацией агрегатов, интеграцией с мессенджерами (WhatsApp/Telegram) и серверным скриптом сбора заявок.
Interactive CatalogFrontend UI
Фильтрация КПП и двигателей по моделям и производителям
VIN/Tag LookupLead Form
Форма запроса совместимости узла с прикреплением фото
Notification HubPHP / Telegram API
Мгновенная доставка заявки менеджерам склада
Messenger Deep-linksIntegration
Прямые чаты в мессенджерах для экспресс-консультаций
Интерактивная таблица агрегатов с фильтрацией по брендам (ZF, ЯМЗ, КамАЗ, Т-150) без перезагрузки страницы
Форма оперативного запроса наличия и цены с автоматической подстановкой выбранного узла
Прямой переход в WhatsApp и Telegram с предзаполненным текстом вопроса о конкретной детали
Сжатие и ленивая загрузка фото узлов и заводских паспортов агрегатов
[03]/РЕАЛИЗАЦИЯ
Ключевые этапы реализации
01.Спроектировал структуру одностраничника с блоками преимуществ (гарантия, обменный фонд, доставка по РФ) и витриной популярных КПП/ДВС.
02.Реализовал быстрый JS-фильтр категорий узлов (КПП, ДВС, редукторы, сцепление, запчасти) с плавной анимацией.
03.Встроил плавающие кнопки связи для моментального звонка и диалога в WhatsApp/Telegram.
04.Настроил систему почтовых и Telegram-уведомлений о заявках с защитой от спам-ботов.
[04]/ИТОГИ И ВЫГОДА
Результаты внедрения
Более 60% заявок стали поступать через быстрый подбор и чаты мессенджеров.
Конверсия холодного трафика из Яндекс.Директ выросла на 44%.
Увеличилась глубина просмотра страницы и снизился процент отказов среди региональных клиентов.
ТЕХНОЛОГИЧЕСКИЙ СТЕК
Frontend
HTML5SCSSJavaScript (ES6)CSS Grid / Flexbox
Backend & Уведомления
PHP 8.xTelegram APIPHPMailerSMTP
Интеграции
WhatsApp Business APIЯндекс.МетрикаCalltouch
Нужен сайт или доработка?
Разработаю сайт под ключ или настрою кастомный модуль с гарантией качества и точных сроков.