Концепт сайта для транспортной компании «Сорок колёс»: цена перевозки за 20 секунд

«Сорок колёс» — перевозчик из Екатеринбурга: сборные грузы и отдельные машины по Уралу для заводов, дистрибьюторов и интернет-магазинов. Сайт должен называть цену и срок быстрее конкурентов и забрать у диспетчеров звонки «где мой груз».

Концепт-проект: «Сорок колёс» — вымышленная компания. Результатов работы здесь нет: только решения и гипотезы.

О заказчике

Задача

«Сорок колёс» возит грузы для бизнеса по Уралу: сборные отправки от 50 кг до 5 тонн и отдельные машины от «газели» до 20-тонной фуры. Склад в Екатеринбурге, регулярные рейсы на Челябинск, Пермь, Тюмень, Курган, Уфу и Магнитогорск. Компания живёт на повторных клиентах: снабженцы заводов, дистрибьюторы стройматериалов, интернет-магазины со своим складом.

Новых клиентов сайт почти не приводит. Страница с тарифами — таблица на 140 строк в PDF, заявка — форма из девяти полей, после которой нужно ждать звонка. Снабженец, которому груз нужно отправить сегодня, так не работает: он открывает пять вкладок и оставляет заявку там, где цену назвали сразу. Транспортные биржи и крупные сети выигрывают у регионального перевозчика не ценой, а тем, что отвечают мгновенно.

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

Бизнесу нужен сайт, который делает три вещи: называет цену и срок быстрее конкурентов, принимает заявку в один шаг и сам отвечает на вопрос о статусе груза. И всё это — без обещаний, которые склад не сможет выполнить.

Что мешает купить

Цену нужно ждать

Снабженец сравнивает перевозчиков за десять минут. Если цены нет на экране, заявка уходит тому, кто её показал. Калькулятор на первом экране отдаёт сумму и срок до разговора с менеджером.

Непонятно, когда уедет груз

«Доставка 1–3 дня» ничего не говорит о ближайшем рейсе. Карта маршрута и график отправок показывают конкретную дату погрузки и прибытия, поэтому планировать можно без звонка.

Страх потерять груз

Для закупщика повреждённая партия — сорванное производство и личная ответственность. Сайт отвечает фактами: страхование каждой отправки, фотофиксация на складе, трекинг статусов по номеру накладной.

Бумажная волокита

Бухгалтерии нужны договор, счёт, акт и УПД. Блок для бизнеса сразу говорит: работаем по договору, с НДС, документы через ЭДО, для постоянных клиентов — отсрочка платежа.

Региональный перевозчик — значит мелкий

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

Решение

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

Рядом с расчётом — карта маршрута, свёрстанная SVG. Она показывает не красивую линию, а реальную логистику: склад отправки, транзитные точки, день отгрузки и день прибытия. Для снабженца это аргумент надёжности: компания знает свои рейсы и показывает их открыто.

Трекинг встроен в тот же блок: поле для номера накладной и лента статусов — принят на складе, погружен, в пути, прибыл, выдан. Данные приходят из учётной системы перевозчика, поэтому сайт не рисует статусы, а транслирует их. Цель — перевести вопрос «где груз» из телефона в интерфейс.

Дальше страница разводит два сценария. Сборный груз продаётся ценой за килограмм и графиком отправок. Отдельная машина — временем подачи и составом парка. Для постоянных клиентов — отдельный блок про договор, ЭДО, отсрочку платежа и личный кабинет. Визуальный язык — графит и сигнальный оранжевый, плотная типографика с табличными цифрами: сайт выглядит как рабочий инструмент, а не как рекламный буклет.

Посадочная блок за блоком

  1. Первый экран. Заголовок «Грузоперевозки по Уралу. Цена — сразу», подзаголовок о сборных грузах и отдельных машинах, мини-калькулятор с полями маршрута и веса, поле трекинга, телефон диспетчера. Зачем: Снимает главный вопрос — «сколько стоит» — без прокрутки. Трекинг здесь же, потому что для действующих клиентов это самая частая задача на сайте.
  2. Калькулятор и карта маршрута. Полный расчёт: города, тип отправки, вес, объём, число мест, забор от двери. Итоговая цена, срок, дата ближайшего рейса, SVG-карта с плечом маршрута и лента трекинга по номеру накладной. Зачем: Главная механика конверсии: цена, срок и дата отгрузки в одном месте. Кнопка «Оформить заявку» переносит все параметры в форму, пользователю остаётся оставить телефон.
  3. Два формата перевозки. Карточки «Сборный груз» и «Отдельная машина» с ценой от, сроками, ограничениями и кнопкой расчёта. Зачем: Разводит два разных сценария покупки. Сборный груз выбирают по цене, машину — по скорости подачи, поэтому аргументы в карточках разные.
  4. Направления и график рейсов. Таблица восьми направлений: дни отправки, срок в пути, цена за кг, ссылка на страницу направления. Зачем: Отвечает логисту, который планирует неделю. Страницы направлений работают на поисковые запросы вида «грузоперевозки Екатеринбург — Пермь».
  5. Автопарк. Четыре класса машин: от 1,5 до 20 т, объём кузова, тип загрузки, время подачи по Екатеринбургу. Зачем: Показывает ресурс компании и помогает выбрать машину без консультации.
  6. Как проходит перевозка. Пять шагов от заявки до выдачи груза с указанием, что делает клиент и что делает перевозчик. Зачем: Снимает неопределённость у тех, кто работает с перевозчиком впервые, и заранее отвечает на вопросы про упаковку и документы.
  7. Надёжность и отзывы. Страхование груза, фотофиксация, собственный склад, отзывы клиентов с именем и городом, документы компании. Зачем: Закрывает страх потери груза и сомнения в масштабе. Факты стоят перед отзывами: снабженцу важнее условия ответственности, чем комплименты.
  8. Для постоянных клиентов. Договор, ЭДО, отсрочка платежа, персональный менеджер, личный кабинет с историей отправок. Зачем: Переводит разовых клиентов в договорных. Для логиста дистрибьютора это главный аргумент в пользу перевозчика.
  9. Частые вопросы. Упаковка, опасные грузы, страхование, оплата, возврат документов, работа в выходные. Зачем: Добирает возражения, которые остались после расчёта, и работает на поисковые запросы с вопросительным интентом.
  10. Заявка и контакты. Короткая форма (телефон и комментарий), адрес склада, часы работы, телефон диспетчера. Зачем: Последняя точка для тех, кто прочитал страницу целиком и готов говорить с человеком.

Механики заявки

Цена до разговора

Калькулятор считает стоимость сразу при изменении полей, без кнопки «Рассчитать». Под ценой — строка «Цена фиксируется в заявке на 3 дня», которая снимает страх, что при звонке сумма вырастет.

Ближайший рейс вместо «1–3 дня»

Вместо диапазона сроков калькулятор показывает конкретные даты: «Погрузка — чт, 24 сентября. Прибытие в Пермь — пт, 25 сентября». Для снабженца это готовый ответ начальнику.

Заявка в одно поле

Кнопка «Оформить заявку» переносит маршрут, вес и объём в форму. Остаётся телефон. Детали — адрес забора, контакт на выдаче — диспетчер уточняет при подтверждении.

Трекинг без регистрации

Номер накладной формата ЕК-000000 вводится в поле на первом экране и в блоке расчёта. Лента статусов показывает время каждого события и склад, где груз находится сейчас.

Подсказка про отдельную машину

Под итогом сборного груза калькулятор показывает альтернативу: «Нужно сегодня? Отдельная машина на 1,5 т выйдет на 6 900 ₽ дороже и уедет через 2 часа». От 3,5 т, когда машина становится выгоднее, подсказка меняет тон и предлагает её первой. Так компания не теряет срочных клиентов.

Что замеряем после запуска

Стек

Next.js, TypeScript, PostgreSQL, REST API 1С:УАТ, SVG, Яндекс Метрика, Яндекс Карты API.

Все кейсы · Услуга · Калькулятор стоимости