Разработка сайта-каталога грузовой техники trucks.market
Клиент: TRUCKS.market
Год реализации: 2025
Результат: современный продающий каталог с удобным поиском и «витринной» карточкой техники
Технологии
- 1С-Битрикс: Управление сайтом
- Шаблон Аспро
- Figma (прототипирование)
- PHP / JS / HTML / CSS
О клиенте
Sinoway Group — компания по продаже новой и подержанной грузовой техники китайских и европейских брендов с фокусом на Shacman. Техника проходит отбор и диагностику, клиентам доступны гарантийные программы, сервис, лизинг и trade-in; компания работает на рынке с 2008 года.
Запрос и проблема
Клиент пришёл с задачей полностью обновить сайт, так как предыдущая версия выглядела устаревшей и не помогала продажам:
- парк техники большой, но представлен «неубедительно»;
- пользователям сложно быстро находить нужные машины;
- сайт не транслировал ключевое: диагностику, гарантию, экспертизу и прозрачность сделки.
Цель проекта
Сделать современный сайт-каталог, который:
- наглядно показывает парк техники и состояние каждой машины (фото/видео/диагностика);
- подчеркивает преимущества компании (гарантия, сервис, опыт, прозрачность);
- обеспечивает удобный поиск по ключевым параметрам и быстрые заявки.
- Спроектировать структуру и пользовательские сценарии: «нашёл → проверил → оставил заявку/запросил диагностику/записался на просмотр».
- Сделать карточку техники главным продающим элементом (визуал, доверие, CTA).
Решение
В качестве платформы был выбран 1С-Битрикс: Управление сайтом с использованием шаблона Аспро Премьер, который мы доработали под задачи проекта:
- Главная страница (упор на каталог, офферы и доверие);
- Ключевой акцент сделали на карточке товара — именно она стала центральным элементом UX и основным инструментом продаж.
UX-прототипирование в Figma (2 варианта карточки)
Перед дизайном мы сделали интерактивные прототипы в Figma и подготовили 2 варианта карточки товара. Совместно с клиентом выбрали наиболее понятную и удобную для покупателей структуру, ориентированную на:
- техническую прозрачность;
- удобство восприятия больших объемов данных;
- повышение конверсии.
Карточка товара — сердце проекта
Карточка сделана как центральная точка конверсии: пользователь сразу видит статус, цену, ключевые параметры и может быстро оставить заявку.
В ней реализованы:
- фотогалерея по узлам (двигатель, кабина, КПП, мосты, подвеска, документы);
- видеообзоры техники;
- подробные технические характеристики;
- формы заявок и запрос техкарты;
- быстрые CTA-кнопки.
Карточка формирует ощущение: «Мне нечего скрывать — вот вся информация о машине». Это напрямую влияет на доверие и рост конверсии
Главная страница
Помимо карточки техники, мы уделили внимание главной странице — она формирует первое впечатление и быстро отвечает на ключевой вопрос пользователя: «какая техника есть в наличии и почему этой компании можно доверять».
Так как сайт строился на шаблоне, мы не «перерисовывали всё с нуля», а предложили несколько вариантов реализации главной (несколько компоновок и логик подачи контента) и вместе с клиентом выбрали наиболее сильный по продажам и удобству.
Каталог и фильтрация
Мы разработали удобную систему каталога:
- фильтрация по типу техники, марке, модели, году выпуска, цене и пробегу;
- сортировка по ключевым параметрам;
- быстрый доступ к популярным категориям.
Это снижает путь до нужной техники и делает каталог удобным как для «быстрого выбора», так и для тщательного подбора.
Интеграции и техническая часть
- реализация форм заявок и лид-магнита «Запросить лист диагностики»;
- SEO-настройка: ЧПУ, метатеги, микроразметка;
- адаптивная верстка под мобильные устройства;
- оптимизация скорости загрузки.