Лендинг · WordPress · 2023

MH Shipping Inc — промо-сайт логистической компании из Чикаго

Промо-сайт asset-light логистического брокера с SLA «5 минут» и 21 партнёром в маркизе доверия

WordPress

MH Shipping Inc — asset-light логистический брокер из Park Ridge (штат Иллинойс, США), который грузовладельцам в Соединённых Штатах продаёт не парк фур, а доступ к проверенной сети подрядчиков и человеческую скорость реакции. Задача сайта — за один-два экрана доказать, что компания действительно покрывает пять разных логистических сценариев (от дрейджа контейнера из порта до перевозки частного авто), показать «лого-стену» из 21 партнёра как трастовое доказательство и собрать лид в форму под обещание «we respond within 5 minutes».

Один сфокусированный CTA — Schedule a Call

Hero построен на трёх опорах: насыщенно-зелёный брендовый фон (#004225) поверх ночного фото порта с контейнерами Maersk / Hyundai / HMM, минималистичный бренд-знак «MH SHIPPING INC» в виде контурных букв-зданий, и два зеркальных CTA — круглая капсульная кнопка «Schedule a Call» в правом углу nav и «Request a Quote» прямо под заголовком. Сама шапка тонкая (80px), сам hero — ниже 600px, без лишних элементов. Это не «витрина услуг», а воронка с одним действием: связаться с менеджером.

5 сервисов — нумерованные карточки с тематическими фото

Секция Services — горизонтальная сетка из пяти карточек, каждая с собственным фоновым фото и круглым белым номером в левом верхнем углу: 1. Drayage (фото аэросъёмки порта с контейнерным терминалом), 2. Transloading (склад с картонными коробами), 3. Warehouse / Cold-Storage (высотный стеллажный склад с reach-truck), 4. Hot-Shot / Expedited (белый sprinter-фургон на горной трассе), 5. Car Transport (двухэтажный автовоз с кроссоверами). Вместо сухого перечня услуг — пять отдельных визуальных миров, в каждом из которых потенциальный заказчик сразу узнаёт свой кейс.

Сетка из 5 сервисов — Drayage, Transloading, Warehouse, Hot-Shot, Car Transport — Нумерация карточек (1…5) и тематические фото вместо иконок — типичный B2B-логистический приём «один кадр = одна услуга». Каждая карточка ведёт на собственную service-страницу с идентичным шаблоном «Why Partner With Us + 4 advantages».

Who We Are — лаконичная позиция бренда

Отдельный «тёмный» блок Who We Are: слева — большая контурная репродукция брендового логотипа MH SHIPPING INC, справа — один абзац о позиционировании («trusted partner for top-tier logistics solutions … customer-centric approach … intermodal shipping, warehousing, or tailored logistics») и кнопка «Read More». Под ним — большая панорама контейнерного двора с вертолётной съёмки с тем же зелёным overlay-фильтром. Без CEO-фото, без «our story», без перечня лет — позиция компании проговаривается одним абзацем и одним кадром.

Секция «Who We Are» с большим брендовым логотипом и панорамой контейнерного двора — Целый экран занимает одно типографическое заявление + один аэрофотоснимок ярда. Это характерная черта бренд-сайта, который работает не на «прочитать всё», а на «запомнить кадр» — клиент возвращается к Schedule a Call после того, как увидел масштаб операций.

Companies That Trust Us — маркиза с 21 партнёром

Секция доверия построена как slick-маркиза с 21 логотипом партнёров — и цифра здесь принципиальна. Среди клиентов — Remant Cool Logistics, Tasman (made in USA since 1947), Access World, Concord Express Worldwide Total Distribution, FNS Inc и ещё 16 компаний из сфер cold-chain, freight forwarding, customs brokerage и intermodal. Логотипы в цвете, в оригинальных пропорциях, без серого «logo cemetery» — это сигнал, что партнёрства реальны и компания готова стоять за них.

Маркиза «Companies That Trust Us» — 21 логотип партнёров — Slick-маркиза с бесконечной прокруткой вместо статичной сетки — на мобильном это работает как сторис-лента, на desktop подчёркивает «количество». Логотипы Tasman, Access World, Concord Express, FNS — компании из freight-forwarding и cold-chain экосистем, что валидирует позиционирование MH Shipping как интегратора.

Get a Quote с SLA «5 минут» и chip-выбором сервиса

Вместо отдельной страницы «Contact» — инлайн-форма на главной с заголовком «Get a Quote (we respond within 5 minutes)». Четыре поля данных (Your name, Your phone number, Your email, Project Details) плюс ряд чипов-переключателей «You are interested in: Drayage / Transloading / Warehouse-Cold-Storage / Hot-Shot-Expedited» — и одна зелёная кнопка Submit с reCAPTCHA v3 в фоне. Квалификация запроса происходит ещё до нажатия кнопки: менеджер видит тип сервиса сразу из тега, а 5-минутный SLA — это не маркетинговый слоган, а явное обязательство, вынесенное в заголовок.

Форма «Get a Quote» с 4-чиповым переключателем сервиса и SLA «we respond within 5 minutes» — Четыре chip-варианта вместо селекта — быстрее на тач и честнее показывает ассортимент. Подпись «we respond within 5 minutes» в скобках при заголовке — редкий для логистической ниши явный SLA, снимающий сомнение «не потеряется ли запрос в почте».

Сервисные страницы — одинаковый шаблон с 4 преимуществами

Для каждого из пяти сервисов — отдельный лендинг (/services/drayage/, /services/transloading/, /services/warehouse-cold-storage/, /services/hot-shot-expedited/, /services/car-transport/), построенный по единому шаблону: hero с фото типичного сценария + большой заголовок-сервис + один абзац-summary + CTA «Request a quote», дальше секция «Why Partner With Us?» с четырьмя нумерованными преимуществами (Dependable Reliability, Logistics Expertise, Streamlined Supply Chain Management, Cargo Security — на примере Drayage), и та же contact-форма в футере. Вся иерархия держится на тех же четырёх контентных блоках, что даёт быстрое масштабирование: новый сервис добавляется за 30 минут редактирования.

Страница сервиса Drayage — hero + Why Partner With Us с 4 нумерованными преимуществами — Один шаблон на 5 сервисов — и каждый сохраняет индивидуальный визуальный кадр в hero (для Drayage — порт с высоты, для Car Transport — автовоз). Четыре преимущества («5000+ reliable drayage partners nationwide» как один из подпунктов) — это быстрое доказательство компетентности без погружения в юридические детали ставок или договоров.

Двухканальная команда — owner и COO с прямыми линиями

В футере — два руководителя с персональными контактами: Mike Hoffman (Owner) и Mark Humenchyk (Chief Operating Officer). У каждого — прямой email и прямой мобильный с кодом штата 224 (северные пригороды Чикаго). Это не «info@» почтовый ящик, а персональная доступность первого и второго лиц компании — типичная черта asset-light брокериджа, где клиент покупает не логистику, а конкретного менеджера-решателя.

Стек, интеграции, маркетинг

WordPress на собственной теме — быстрый цикл правок контента по 5 сервисам без вмешательства разработчика.
Contact Form 7 — инлайн-форма «Get a Quote» с chip-переключателем сервиса, дублируется на главной, About и каждой service-странице.
Slick slider — маркиза с 21 логотипом партнёров (Companies That Trust Us) с бесконечной прокруткой.
WOW.js + анимации fadeInUp — мягкое появление секций при скролле без агрессивных параллаксов.
Google reCAPTCHA v3 — невидимая защита формы от ботов без UX-препятствий (без галочки «I’m not a robot»).
jQuery 3.4 + Migrate — клиентская логика интерактивных чипов и слайдеров.
SEO — отдельные landing-страницы под каждый сервис с собственным URL-путём /services/<name>/, полный footer-каталог услуг и прямые telephone-links для тач-конверсии.

Итог

MH Shipping Inc — компактный промо-сайт asset-light логистического брокера, в котором каждый компонент настроен на одно действие: заставить грузовладельца нажать «Schedule a Call» или заполнить «Get a Quote» с SLA на 5 минут. Вместо большого корпоративного сайта с прайс-листами и калькуляторами — пять сфокусированных лендингов сервисов, 21 партнёрский логотип как соцпруф и два руководителя с прямыми номерами. Это сайт-визитка для B2B-сегмента, где клиент покупает скорость и человека, а не каталог.