Корпоративный сайт для международной логистической компании — Seavolk
Seavolk — международная логистическая компания, предоставляющая комплексные решения по перевозке грузов морем, по воздуху и суше.
Здравствуйте, Я разработал сайт Seavolk.com — корпоративную онлайн-платформу для компании, предоставляющей комплексные услуги по международным перевозкам. Проект был реализован «под ключ», с нуля: от идеи до финального результата, включая дизайн, функционал и мультиязычность.
Цели проекта
Основная задача заключалась в создании современного, стильного и интуитивно понятного сайта, способного представлять весь спектр логистических услуг компании Seavolk. Особое внимание заказчик уделил следующим требованиям:
- Четкое представление всех видов перевозок;
- Удобная форма заявки с выбором типа логистики: проектные грузы, воздушные, наземные перевозки;
- Поддержка мультиязычности, поскольку клиентская база охватывает множество стран.
Решение и реализация
Технологическая основа
Для реализации проекта я выбрал WordPress — надежную и гибкую платформу, идеально подходящую под задачи корпоративного сайта. Это решение позволило эффективно настроить управление контентом и обеспечить масштабируемость.
Дизайн и визуальный стиль
У заказчика уже был логотип, выполненный в морской палитре. Я взял его голубой (океанический) цвет в качестве акцентного и дополнил основную гамму белым и черным для создания чистого, контрастного, но при этом ненавязчивого визуального образа.
Чтобы сайт не выглядел статично и скучно, я добавил легкие анимации при наведении на элементы: кнопки, иконки, карточки услуг. Например, кнопка “Get a Quote” имеет две версии: минималистичную и с анимацией стрелки — с приятной реакцией при наведении, которая буквально «приглашает» пользователя к взаимодействию.
Функциональность
Услуги и навигация
Сайт включает широкий перечень логистических решений, которые были разбиты на три ключевых категории:
- Solutions
- Industries
- Additional Services
На странице всех сервисов реализован фильтр по категориям, а в основном меню отображаются только избранные услуги — это можно настраивать в админке, где также доступен выбор иконки для каждой из них.
Проекты
На сайте присутствует раздел Projects, который работает в формате блога. Здесь публикуются реализованные кейсы компании, что повышает доверие к бренду и демонстрирует опыт команды.
Работа с формой
Одной из наиболее нестандартных задач стала реализация формы выбора типа перевозки. Для функционала я использовал плагин Contact Form 7, но его визуальных возможностей оказалось недостаточно — требовалось отобразить иконки для каждого типа логистики. Я решил задачу с помощью дополнительного JavaScript, благодаря чему пользователи получают не только удобный, но и наглядный интерфейс.
Мультиязычность
Для мультиязычной поддержки я интегрировал плагин GTranslate. Он позволил без лишней нагрузки быстро подключить нужные языки, легко управлять их отображением, и главное — сохранить удобство для пользователей с разных стран.
Редизайн по отзывам клиента
В процессе работы, уже после запуска, заказчик выразил недовольство внешним видом страниц с услугами. Мы провели редизайн:
- Удалили боковой блок с тегами и связанными проектами;
- Выровняли основной контент по центру;
- Добавили под статьей интерактивный квиз для вовлечения клиента;
- На каждую страницу услуги добавили блоки:
- Key Features (например, для Air Cargo);
- Work Stages — пошаговое описание процесса работы.
Дополнительные страницы и особенности
Также на сайте реализованы:
- Главная страница с большим слайдером, анимациями, CTA-кнопками и кратким описанием компании;
- О компании (About Us) — рассказывает об опыте, подходе и миссии команды Seavolk;
- Контакты с удобной формой обратной связи, картой и доступными каналами связи;
- Плавные параллакс-эффекты для более живого восприятия контента.
Результат
В итоге получился полноценный, живой и функциональный корпоративный сайт, который:
- Легко масштабируется и управляется через WordPress;
- Имеет современный минималистичный дизайн;
- Гибко представляет все услуги;
- Поддерживает мультиязычность;
- Включает удобную форму с визуализацией типов перевозок;
- Готов к активному использованию и наполнению контентом.