LynxHaul — сайт компании международных автоперевозок

Разработка быстрого мультиязычного корпоративного сайта для LynxHaul s.r.o. — чешской логистической компании, которая выполняет международные грузовые автоперевозки по Европе и Великобритании. Сайт работает сразу на две аудитории: B2B-грузоотправителей, которым нужен надёжный транспортный партнёр, и перевозчиков, желающих присоединиться к партнёрской сети.

Объём работ:

Разработка сайта:

• Перенос существующего сайта на SvelteKit с серверным рендерингом с сохранением исходной вёрстки, анимаций и тёмного визуального стиля.
• Модульная структура: каждая секция — отдельный компонент, а все тексты вынесены в JSON-файлы, а не зашиты в код.
• Адаптивная вёрстка для десктопа, планшета и мобильных с поддержкой настройки «уменьшить движение».

Ключевые разделы:

Первый экран и о компании:

• Слайдер с ключевыми показателями компании и кнопкой «Рассчитать стоимость перевозки».
• Сетка преимуществ и редакционный список типов грузов с собственными SVG-иконками (фарма, ADR, продукты питания, автопром, негабарит и другие).

Сеть перевозчиков:

• Отдельный блок для транспортных партнёров с анимированной шкалой преимуществ для перевозчиков.

Интерактивная карта маршрутов:

• SVG-карта Европы, охватывающая ЕС и Великобританию: маршруты в виде кривых, подсветка страны при наведении и фокусе с клавиатуры, автоматический перебор направлений.

Новости и юридические страницы:

• Раздел новостей с отдельными страницами статей и RSS-лентой для каждого языка.
• Страница общих условий перевозки с реквизитами компании.

Мультиязычность и SEO:

• Три языка — чешский, английский и русский — с переключением через URL, поэтому каждую версию можно индексировать и пересылать по ссылке.
• Теги canonical и hreflang, Open Graph и Twitter Card, sitemap.xml для всех языков, robots.txt и манифест веб-приложения.

Связь с компанией:

• Запросы на перевозку и заявки перевозчиков открывают заранее заполненное письмо команде компании.

Дизайн: собственный тёмный визуальный стиль на CSS-токенах, векторная карта маршрутов и SVG-иконки грузов.

Фронтенд: SvelteKit 2, Svelte 5 (runes), TypeScript, Vite; изолированные стили компонентов.

Бэкенд: серверный рендеринг на Node.js (adapter-node); контент в JSON, RSS 2.0 и sitemap генерируются на сервере, без базы данных.

Инфраструктура: Docker (многоступенчатая сборка на node:22-alpine), Nginx (OpenResty), SSL от Let's Encrypt.