WEBCRAFT
Создание сайта под ключ · вёрстка и подключение заявок · 2026

Сайт для логистов: объясняет услугу за 5 секунд и собирает заявку на расчёт груза в первый же экран

В логистике решение принимают быстро: если сайт не объяснил услугу и маршрут за первые секунды — человек ушёл к конкуренту. Сайт «Орион» отвечает с первого экрана: экспедирование, таможня, контейнеры через Новороссийск и Владивосток — и сразу даёт форму быстрого расчёта с телефоном и маршрутом. Ниже — весь путь груза, 6 услуг, процесс из 5 шагов и ответы на возражения. Заявки с форм приходят менеджеру в Telegram.

Обсудить похожий проект →

Дизайн Вёрстка Адаптив Чистый HTML/CSS Формы в Telegram ВЭД и логистика
Сайт: Орион — ВЭД и контейнерные перевозки Клиент: ООО «Орион», Краснодар и Новороссийск Ниша: экспедирование, таможенное оформление, морские контейнерные перевозки CMS: нет — статичный HTML Период: 2026
Первый экран сайта на большом экране
Первый экран: услуга и маршрут понятны сразу, форма расчёта — в один клик
12
секций: от расчёта груза до заявки — страница читается как воронка
услуга понятна с первого экрана
2
формы заявки: быстрый расчёт в первом экране и полная заявка с грузом в конце
заявки уходят в Telegram сразу
6
услуг в одном лендинге: перевозки, таможня, ВЭД, доставка, склад, маркировка
клиент не ищет, чем вы занимаетесь
5
шагов процесса: от заявки до доставки груза на склад
менеджеру приходят понятные заявки
0
лишних тапов: на мобильном всегда видна панель «Позвонить / Рассчитать»
логистику чаще открывают с телефона

Что вы получите

Сайт, который объясняет услугу с первого экрана

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

Заявки, которые не теряются

Две формы — быстрый расчёт и полная заявка с описанием груза. Менеджер получает телефон, маршрут и тип услуги прямо в Telegram, без CRM и настройки почты.

Готовый сайт под ваш хостинг

Чистый HTML/CSS без конструкторов: 12 секций, адаптив под телефон, мобильная панель звонка. Исходники остаются у вас, править можно без подрядчика.

Задача

Транспортно-экспедиционная компания «Орион» работала с юрлицами: возила контейнеры через Новороссийск и Владивосток, оформляла таможню и сопровождала ВЭД. Нужен был сайт-одностраничник, который объясняет услугу за первый экран и сразу собирает заявку на расчёт груза — без конструкторов, на чистом HTML.

Что требовалось от сайта

Что сделано

Сайт собран с нуля: четыре работы — дизайн, вёрстка, адаптив и заявки.

1.1 · Дизайн
Выполнено

Портовая стилистика с фокусом на расчёт

Замысел

Логистика — бизнес доверия и сроков: сайт должен выглядеть как надёжный оператор, а не как рекламный лендинг. Фоновая фотография контейнеровоза, сдержанная палитра, белый текст поверх затемнения.

Результат

Hero с крупным заголовком «Экспедирование, таможня и доставка контейнеров для бизнеса», подстрокой-разъяснением «берем на контроль документы, сроки и риски» и двумя кнопками. Справа — белая карточка «Быстрый расчёт»: телефон, маршрут (плейсхолдер «Китай → Новороссийск») и выбор услуги. Под hero — три факта: «2 порта», «Контейнеры», «Под ключ».

1.2 · Вёрстка
Выполнено

12 секций: сначала польза, потом доверие, в конце — заявка

Задача

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

Результат

12 секций, 10 заголовков h2 и 24 подзаголовка h3: сценарии «груз уже в порту» и «поставка из-за рубежа», блок про экономику заявок, таблица на простых цифрах, 6 карточек услуг (морские перевозки, экспедирование в порту, таможенное оформление, ВЭД, доставка по РФ, маркировка и склад), популярные сценарии маршрутов, процесс из 5 шагов, ответы на частые вопросы, примеры задач и большая форма расчёта. Тексты размечены вёрсткой, а не зашиты в графику.

1.3 · Адаптив
Выполнено

Три брейкпоинта под телефон и планшет

Замысел

Часть аудитории открывает сайт с телефона в момент разговора с подрядчиком — страница должна читаться без горизонтального скролла и лишних тапов.

Результат

Медиазапросы на 1100, 860 и 620 px: hero-форма уходит в поток, услуги и процесс перестраиваются в колонку, таблицы получают «мобильную» подпись столбцов (data-label). На мобильном внизу всегда видна плавающая панель «Позвонить / Рассчитать груз».

1.4 · Заявки
Выполнено

Формы подключены к отправке в Telegram

Задача

Две формы (быстрая в hero и полная с описанием груза) должны доставлять заявки менеджеру моментально, без настройки CRM и SMTP.

Результат

Отправку настроили на Telegram-бот: менеджер получает телефон, маршрут, тип услуги и описание груза сразу после отправки. Ключи и адрес чата не публикуем в кейсе; в публичной демонстрационной копии отправка приглушена — там кнопка лишь подтверждает, что заявка собрана.

Этапы и сроки

  1. Разбор услуги и структуры — 1–2 дня. Собираю услуги, маршруты и вопросы клиентов в логику страницы.
  2. Дизайн — 2–3 дня. Стиль под нишу и первый экран с формой расчёта.
  3. Вёрстка и адаптив — 3–4 дня. 12 секций, мобильная версия и панель «Позвонить / Рассчитать».
  4. Подключение форм и проверка — 1–2 дня. Заявки в Telegram, публикация на вашем хостинге.

Ориентир по такому сайту — 1–2 недели. Точный срок по вашей задаче назову после бесплатного разбора.

Стало — результат

Сайт создавался с нуля, поэтому «старой версии» для сравнения не было. Ниже — цифры разметки готового сайта: замер сделан по сохранённой копии проекта 08.10.2026.

ПоказательЗамер (08.10.2026)
Секций на странице12
Узлов DOM (элементов страницы)314
Размер HTML26,5 КБ
Размер CSS / JS18,1 КБ / 535 Б
Заголовки h2 / h310 / 24
Форм заявок2 (быстрый расчёт в hero + полная с описанием груза)
Картинок через <img>0 — вся графика фоном через CSS, 2 файла (1,5 МБ)
Брейкпоинты адаптива1100, 860, 620 px
Meta descriptionзадан
og:image (превью для соцсетей)не задан
langru

Честная пометка: это замер структуры сохранённой копии, не сетевой замер живого сервера — TTFB (скорость ответа сервера) и время загрузки на живом домене не измерялись. Точка роста, видимая по разметке: добавить og:image и сжать два фоновых JPG (сейчас 877 и 686 КБ).

Верх сайта: заголовок про экспедирование и таможню плюс форма быстрого расчёта
Верх главной страницы: шапка Орион, заголовок про экспедирование и таможню, форма быстрого расчёта на фоне контейнеровоза
Мобильная версия: те же услуги и кнопки без лишних тапов
Верх страницы на мобильном экране: шапка, телефон 8-800 и заголовок услуги

Полная прокрутка главной (desktop, высота 8440 px) — ниже, в «Пруфах»: все 12 секций подряд.

Пруфы

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

Сколько стоит

Разбор и план

Бесплатно: смотрю вашу услугу и нишу, показываю структуру и точки, где теряются заявки, и называю срок.

Сайт под ключ

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

Цены не публикую: они зависят от задачи. Оставьте заявку — пришлю вилку под ваш случай в тот же день.

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

Куда приходят заявки?
С форм — сразу в Telegram менеджеру: телефон, маршрут, тип услуги и описание груза. CRM и почта не нужны.

Нужна ли мне CRM?
Нет. Если захотите — заявки можно дополнительно складывать в CRM или на почту, подключим при публикации.

Можно добавить услуги или языки?
Да, страница статичная: новые услуги, маршруты и языковые версии добавляются без пересборки проекта.

Telegram-бот уже работает?
В публичной демонстрационной копии отправка приглушена, чтобы не раскрывать ключи и чат. На боевом сайте форма отправляет заявки в Telegram-бот.

Что нужно от меня для старта?
Описание услуг и контакты, 15 минут на вводные. Дизайн, вёрстку, адаптив и формы беру на себя.