Токарев Lab Написать

СайтЛогистикаРаботает у заказчика

ТСТ Логистика: лендинг экспедитора опасных грузов

Лендинг компании, которая экспедирует опасные грузы из Китая, Индии и Турции. Структура построена на анализе аудитории: каждый блок снимает конкретное сомнение клиента, а расчёт можно запросить короткой или подробной формой.

Сергей Токарев

Сергей ТокаревРазработчик проекта. Делаю похожее на заказ.

ТСТ Логистика

Задача

Компания экспедирует опасные грузы всех девяти классов из Китая, Индии и Турции: морем, автотранспортом, авиа и по железной дороге. Её клиенты делятся на две группы: менеджеры по ВЭД и директора по закупкам в компаниях и владельцы небольших интернет-магазинов и производств. Первые знают, что такое ADR и MSDS, вторые впервые везут партию аккумуляторов и боятся, что груз застрянет на таможне.

Лендинг должен за несколько секунд снять главное сомнение обеих групп: «а они точно умеют возить опасное?»

С чего начали: анализ аудитории

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

Структура лендинга

  1. Первый экран с быстрой формой: откуда, куда, тип груза, телефон.
  2. Почему экспедитор: что берёт на себя компания.
  3. Стандарты и допуски: ADR, IMDG Code, IATA DGR, FIATA.
  4. Риски и девять классов опасности со знаками.
  5. Услуги по видам транспорта и страны отправки.
  6. Примеры перевозок с номерами ООН и маршрутами.
  7. Типы грузов, пять шагов работы, восемь частых вопросов.
  8. Подробная форма расчёта и контакты с обратным звонком.

Примеры перевозок вместо общих слов

Блок примеров показывает, что компания понимает специфику: кислоты 8 класса морем и по железной дороге с паспортом безопасности и декларацией, литий-ионные батареи UN3481 авиа с согласованием авиакомпании до бронирования, аэрозоли UN 1950 сборным морским грузом. На странице прямо указано, какой пример взят из практики, а какие показывают типовые направления.

Две формы расчёта

Быстрая форма на первом экране для тех, кто спешит: четыре поля. Подробная внизу для тех, кто готов описать груз: вид транспорта, вес, объём, комментарий. Обе отправляются без перезагрузки страницы.

Заявка приходит на почту компании фирменным письмом. От спама защищают скрытое поле-ловушка и ограничение частоты отправки с одного адреса. Настройки почты вынесены в отдельный файл, закрытый от доступа извне.

Как устроено

HTML, CSS и JavaScript без фреймворков и один PHP-обработчик заявок. Шрифты лежат локально, главное изображение подгружается в размере под экран. Есть микроразметка организации, страница благодарности, политика конфиденциальности и заголовки безопасности. Сайт работает на домене заказчика.

Скриншоты

ТСТ Логистика: Почему экспедитор, а не перевозчик: 30+ агентов в Азии и 2–3 варианта под каждый груз
Почему экспедитор, а не перевозчик: 30+ агентов в Азии и 2–3 варианта под каждый груз
ТСТ Логистика: Опасный груз как система: что берём на себя и классы опасности с маркировкой
Опасный груз как система: что берём на себя и классы опасности с маркировкой
ТСТ Логистика: Карта направлений: Китай, Индия и Турция с маршрутами и особенностями каждой страны
Карта направлений: Китай, Индия и Турция с маршрутами и особенностями каждой страны
ТСТ Логистика: Кейсы на реальных грузах: маршрут, класс опасности и что сделали по документам
Кейсы на реальных грузах: маршрут, класс опасности и что сделали по документам
ТСТ Логистика: От заявки до выгрузки за пять шагов
От заявки до выгрузки за пять шагов
ТСТ Логистика: Форма расчёта: маршрут, тип груза и вес, ответ с вариантами в течение часа
Форма расчёта: маршрут, тип груза и вес, ответ с вариантами в течение часа

Частые вопросы

Что важно показать на сайте экспедитора опасных грузов?

Допуски и стандарты, с которыми работает компания, классы опасности, конкретные примеры перевозок с номерами ООН и понятный способ запросить расчёт.

Зачем две формы на одной странице?

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

Как защитить форму заявки от спама без капчи?

Скрытое поле-ловушка отсеивает ботов, а ограничение частоты не даёт слать заявки пачками.

Нужно похожее?

Напишите, что хотите автоматизировать или сделать: отвечаю лично и быстро. Работаю по договору, цена фиксируется до начала. Как я работаю и сколько это стоит

Написать в Telegram MAX