Hovercraft — редизайн сайта судоверфи «ПАРМА» на WordPress

Задача

Судоверфь «ПАРМА» производит суда на воздушной подушке для пассажирских и грузовых перевозок. На сайте нужно показать технику в работе и дать покупателю достаточно информации для обсуждения комплектации: вместимость, характеристики, общее расположение, фотографии и видео испытаний.

Я переработал существующий сайт на WordPress: обновил главную и внутренние страницы, собрал единое оформление каталога и сделал продукцию удобной для редактирования. Важной частью проекта стали русская, английская, испанская и китайская версии с общей системой управления.

Что было сделано

• Редизайн главной. Подготовил первый экран с видео судна в движении, блок модельного ряда, новости, фото- и видеогалереи, партнёров и форму обращения. Тёмные морские оттенки и оранжевые акценты связали презентацию техники с навигацией и кнопками.
• Общий шаблон сайта. Перенёс новую шапку, меню и подвал на внутренние страницы. Оформил верх разделов с заголовком и хлебными крошками, адаптировал меню и контент для телефона.
• Каталог и страницы судов. Переработал модельный ряд и детальные страницы: главный экран, схемы общего расположения, технические характеристики, описание, экстерьер, интерьер, оснащение, PDF-материалы и обращение за консультацией.
• Медиа. Добавил просмотр фотографий с переключением и поддержку YouTube, Rutube и VK Video. У каждого ролика можно отдельно задать ссылку, название и превью.
• Новости и контакты. Объединил карточки новостей на главной и в архиве, оформил публикации с фотогалереями и видео. Обновил страницу контактов, карту и форму обратной связи.
• Четыре языка. Настроил Polylang и языковые поддомены, связал переводы страниц и продукции, локализовал меню, формы, характеристики и служебные подписи.
• Подготовка к запуску. Настроил автоматический WebP, метаданные, canonical, hreflang, хлебные крошки и карту сайта. Сохранил существующий счётчик Яндекс Метрики с загрузкой после согласия на cookie.

Особенности проекта

Карточка судна без ручной сборки HTML

В старом контенте описание модели, характеристики, фотографии и видео были связаны с разметкой страницы. Для дальнейшего наполнения я сделал отдельный раздел «Продукция» в административной части WordPress и форму с вкладками: «Главный экран», «Описание», «Характеристики», «Общее расположение», «Галереи», «Разделы» и «Видео».

В структурированные поля перенесены 64 существующие карточки, включая языковые варианты. При создании новой модели система сразу назначает нужный язык, родительский раздел и шаблон. Редактор меняет данные в полях, а страница собирается из них автоматически. Исходный контент был сохранён для контроля переноса.

Техническая информация и фотографии в одном сценарии

Для судна важны не только эффектные кадры, но и его устройство. Поэтому блок общего расположения находится сразу после первого экрана, перед техническими характеристиками. Схемы сохраняют исходные пропорции и открываются крупно; несколько изображений можно пролистать. Фотографии экстерьера и интерьера вынесены в отдельные галереи, а видеоплееры открываются по нажатию на превью.

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

Языковые версии в одной установке WordPress

Русская версия работает на hovercraft.ru, английская — на en.hovercraft.ru, испанская — на es.hovercraft.ru, китайская — на zh.hovercraft.ru. Для языков настроены отдельные меню и связанные версии материалов. Оформление и редактор продукции общие, поэтому изменения шаблонов не приходится повторять на четырёх независимых сайтах.

WebP для нового и накопленного контента

На сайте много фотографий, схем и превью видео. Я настроил создание WebP при загрузке изображений и обработку ранее загруженных файлов. В публичной разметке используется picture: браузер получает WebP, а исходный JPEG или PNG остаётся запасным вариантом. Обработка охватывает карточки, галереи, новости, постеры и изображения внутри старых материалов.

Результат

12 августа 2026 года обновлённый сайт опубликован на основном домене. Судоверфь получила единое оформление главной, продукции, новостей и информационных страниц, четыре языковые версии и отдельный редактор моделей. Покупатель может изучить характеристики, схемы и медиаматериалы, а сотрудник компании — обновить карточку без работы с HTML.

Перед запуском были проверены страницы карты сайта, внутренние ссылки, изображения, метаданные и отображение на компьютере и телефоне. Существующие материалы сохранены, адреса тестовой версии перенаправлены на основной домен.

В этом проекте веб-разработка объединила редизайн, адаптивную вёрстку и доработку WordPress под каталог сложной техники. Настройки индексации и языковых версий стали частью технической подготовки сайта к поиску.