Корпоративный сайт для международной логистической компании — Seavolk

Описание

Seavolk - корпоративная онлайн-платформа для компании, предоставляющей комплексные услуги по международным перевозкам. Проект был реализован «под ключ», с нуля: от идеи до финального результата, включая дизайн, функционал и мультиязычность.

Цели проекта:
Основная задача заключалась в создании современного, стильного и интуитивно понятного сайта, способного представлять весь спектр логистических услуг компании Seavolk. Особое внимание заказчик уделил следующим требованиям:
- Четкое представление всех видов перевозок;
- Удобная форма заявки с выбором типа логистики: проектные грузы, воздушные, наземные перевозки;
- Поддержка мультиязычности, поскольку клиентская база охватывает множество стран.

Подробнее про кейс можно прочитать тут --> https://commasoft.ru/blog/case/korporativnyj-sajt-dlya-mezhdunarodnoj-logisticheskoj-kompanii-seavolk/

Решение

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

Дизайн и визуальный стиль ---------------------------------------------------------
У заказчика уже был логотип, выполненный в морской палитре. Я взял его голубой (океанический) цвет в качестве акцентного и дополнил основную гамму белым и черным для создания чистого, контрастного, но при этом ненавязчивого визуального образа.

Чтобы сайт не выглядел статично и скучно, я добавил легкие анимации при наведении на элементы: кнопки, иконки, карточки услуг. Например, кнопка "Get a Quote" имеет две версии: минималистичную и с анимацией стрелки — с приятной реакцией при наведении, которая буквально «приглашает» пользователя к взаимодействию.

Функциональность -------------------------------------------------------------------------

Услуги и навигация:
Сайт включает широкий перечень логистических решений, которые были разбиты на три ключевых категории:
- Solutions
- Industries
- Additional Services

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

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

Работа с формой ---------------------------------------------------------------------------
Одной из наиболее нестандартных задач стала реализация формы выбора типа перевозки. Для функционала я использовал плагин Contact Form 7, но его визуальных возможностей оказалось недостаточно — требовалось отобразить иконки для каждого типа логистики. Я решил задачу с помощью дополнительного JavaScript, благодаря чему пользователи получают не только удобный, но и наглядный интерфейс.

Мультиязычность ---------------------------------------------------------------------------
Для мультиязычной поддержки я интегрировал плагин GTranslate. Он позволил без лишней нагрузки быстро подключить нужные языки, легко управлять их отображением, и главное — сохранить удобство для пользователей с разных стран.

Редизайн по отзывам клиента ---------------------------------------------------------------------------
В процессе работы, уже после запуска, заказчик выразил недовольство внешним видом страниц с услугами. Мы провели редизайн:
1.Удалили боковой блок с тегами и связанными проектами;
2.Выровняли основной контент по центру;
3.Добавили под статьей интерактивный квиз для вовлечения клиента;
4.На каждую страницу услуги добавили блоки:
- Key Features (например, для Air Cargo);
- Work Stages — пошаговое описание процесса работы.

Дополнительные страницы и особенности ---------------------------------------------------------------------------
Также на сайте реализованы:
- Главная страница с большим слайдером, анимациями, CTA-кнопками и кратким описанием компании;
- О компании (About Us) — рассказывает об опыте, подходе и миссии команды Seavolk;
- Контакты с удобной формой обратной связи, картой и доступными каналами связи;
- Плавные параллакс-эффекты для более живого восприятия контента.

Результат

В итоге получился полноценный, живой и функциональный корпоративный сайт, который:
- Легко масштабируется и управляется через WordPress;
- Имеет современный минималистичный дизайн;
- Гибко представляет все услуги;
- Поддерживает мультиязычность;
- Включает удобную форму с визуализацией типов перевозок;
- Готов к активному использованию и наполнению контентом.

Ссылки на примеры реализации

 seavolk.com

Презентация проекта