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

MH Shipping Inc — асет-лайт-логістичний брокер з 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 (двоповерховий автовоз із кросоверами). Замість сухого переліку послуг — п’ять окремих візуальних світів, у кожному з яких потенційний замовник одразу пізнає свій кейс.

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

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

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» — це сигнал, що партнерства реальні і компанія готова сваритися з ними під своєю крилом.

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 — це не маркетинговий слоган, а явне зобов’язання, винесене у заголовок.

Сервісні сторінки — однаковий шаблон з 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-form у футері. Уся ієрархія тримається на тих самих чотирьох контентних блоках, що дає швидке масштабування: новий сервіс додається за 30 хвилин редагування.

Двоканальна команда — owner і COO з прямими лініями

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

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

• 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 — компактний промо-сайт асет-лайт-логістичного брокера, у якому кожен компонент налаштований на одну дію: змусити вантажовласника натиснути «Schedule a Call» або заповнити «Get a Quote» з SLA на 5 хвилин. Замість великого корпоративного сайту з прайс-листами і калькуляторами — п’ять сфокусованих лендингів сервісів, 21 партнерський логотип як соцпруф і два керівники з прямими номерами. Це сайт-візитка для B2B-сегмента, де клієнт купує швидкість і людину, а не каталог.