КарТрак — интернет-магазин пневмоподвесок и автокомпонентов

Исходные данные и цели

• Клиент поставляет пневмоподвески и сопутствующие узлы для Audi, Land Rover, Mercedes, VW, Porsche и ведёт собственный автосервис.

• Задача: создать магазин, где покупатель за 2–3 клика находит совместимые детали, оформляет заказ с доставкой по РФ и/или записывается в сервис.

• Бизнес-цели: повысить конверсию из каталога, сократить время подбора, снизить нагрузку на менеджеров, встроить гарантии/оплату/доставку и отзывы.

Что сделали

UX & Структура

• Главная: баннер с оффером, быстрые плитки марок, два промо-блока «Пневмоподвески для модели» и «Комплектующие», «Лучшее предложение дня», ТОП-20 и «Рекомендуемое».

• Навигация по бренду → модель → серия/год → узел.

• Виджеты доверия: «Бесплатная доставка по Казани», «Гарантия на заводской брак», «Безопасная оплата».

Каталог

• Фильтры по марке/модели/серии и типу узла (стойки, компрессоры, клапанные блоки и т.д.).

• Теги «Хит/NEW/Скидка», блоки перекрёстных продаж: совместимые позиции, ремкомплекты, инструменты.

• Сортировки: по цене/популярности/наличию.

Карточка товара

• Совместимость по марке/модели/годам и короткая справка по симптомам поломки.

• Цена, наличие, фото, статус («в сборе/ремонтная»), рекомендуемые работы в сервисе.

• Кнопки «Купить сейчас», «Записаться в автосервис».

Оформление заказа

• 1-страничный checkout: контакты, способ доставки/оплаты, комментарии.

• Онлайн-оплата (банковские карты, PayPal), наложенный платёж, счёт.

• Доставка: курьер/ПВЗ/ТК по РФ, самовывоз; срок/стоимость показываются сразу.

Сервис и контент

• Раздел «Услуги автосервиса» с прайсом и формой записи.

• Отзывы клиентов (виджет на главной).

• Страницы «Гарантия», «Оплата», «Возврат товара», «Как сделать заказ», «Отследить заказ».

Техника и SEO

• Микроразметка Schema.org (Product, Offer, AggregateRating).

• Канонические ссылки, ЧПУ, карта сайта, robots, кеширование, критический CSS, webp и lazy-load изображений.

• Быстрый поиск по каталогу с подсказками.

• Корзина и лист ожидания для временно отсутствующих позиций.

Ключевые фичи

• Подбор совместимости по марке/модели/году (anti-misfit).

• Блок «Лучшее предложение дня» и ТОП-20 с автоподбором.

• Рекомендательные блоки: «Вместе покупают» и «Аналоги».

• Быстрая запись в автосервис прямо из карточки.

• Виджеты доверия и гарантии в ключевых точках воронки.

Результаты (по данным клиента после запуска)

• Время до первого товара: ≤ 10 секунд (было ~40).

• Конверсия из каталога в корзину: +22–28% в первые 2 месяца.

• Обращений на подбор по телефону: –35% (покупатели находят сами).

• Средняя скорость загрузки ключевых страниц: 1,1–1,3 c (Mobile Lighthouse 80–90).

Технологии

• 1С-Битрикс: Управление сайтом (Интернет-магазин)

• Bitrix D7, Композитный сайт, кеширование, Highload-блоки для справочников совместимости.

• JS: Vanilla/ES6 + lazy-load, debounce; CSS: SCSS + critical CSS.

• Интеграции: платёжные шлюзы (карты/PayPal), расчёт доставки, e-mail/SMS.

Команда и сроки

• Аналитика/прототипы — 2 недели

• Дизайн — 2 недели

• Разработка — 6 недель

• Тестирование/контент/SEO-блоки — 2 недели
  Итого: ~12 недель
  Команда: проджект, UX/UI, верстальщик, Bitrix-разработчик, QA, SEO-специалист.

Roadmap (зарезервировано)

• Личный кабинет с историей авто и VIN-совместимостью.

• РМ/CRM-интеграция для учёта заявок в автосервис.

• Пакетные предложения «Деталь + установка + гарантия».

• Региональные ценовые политики и складские остатки по филиалам.