ㅤㅤㅤСайт портовый, кейс фартовый: как сделать современный сайт для торгового порта

Многие сайты российских торговых портов и логистических компаний напоминают ретро-стиль 90-х годов. В DVIGA мы решили учесть их ошибки и создать действительно качественный сайт для морского порта. А раз мы из Владивостока, нам сам Посейдон велел взяться за это дело.

В нашем портфолио уже есть «морские» проекты: сайты для двух подразделений Владивостокского морского рыбного порта (ВМРП), Охотского судоремонтного завода (ОСРЗ), ряда таможенных брокеров и логистов, а недавно мы завершили работу над крупным сайтом для Владивостокского морского торгового порта (ВМТП).

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

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

Проблема

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

Сайты крупнейших портов России — Мурманского, Калининградского и Новороссийского — сохранили этот признак «старого надежного» стиля, напоминая батин свитер.

Один из немногих, кто выбивается из этого списка — сайт АО «Морской порт Санкт-Петербург». Непозволительная удобочитаемость, возмутительная лаконичность и преступная приятность для глаза.

Решение

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

Для дизайна сайта Владивостокского морского торгового порта мы выбрали спокойные синие оттенки, добавили фотографии порта, кораблей и контейнеров. Оригинальности добавили лёгкой анимацией и нарисованным планом порта в разделе «О компании».

Для Владивостокского морского рыбного порта мы разработали аналогичный план, который помогает человеку не заблудиться на территории такого масштабного предприятия.

Решение

Мы убеждены, что блок «Услуги» должен быть заметным и легко доступным. Например, на сайте Владивостокского морского рыбного порта мы разместили его на главной странице.

А для Владивостокского морского торгового порта мы создали масштабный раздел «Сервисы порта», где каждый сервис представляет собой отдельную посадочную страницу, что позволяет эффективно вести рекламные кампании.

Закупки. Страница с актуальными закупками упрощает их процесс и делает его более прозрачным.

Карьера. В крупных портах работают тысячи людей, поэтому раздел «Карьера» не следует игнорировать. Мы разместили информацию о правах сотрудников, соцпакете, льготах, карьерных возможностях и учебном центре порта.

Версия на иностранном языке. Поскольку в Владивостокский морской торговый порт заходят многие иностранные суда, версия сайта на английском была необходима.

Новости. Раздел «Новости и события» важен для PR-коммуникаций. Главное — чтобы он обновлялся регулярно и не содержал устаревших материалов.

Рекомендации

За годы опыта мы пришли к оптимальной, на наш взгляд, структуре. Состоит она из таких пунктов.

• Главная страница. Ключевые преимущества компании, ценности и уникальность, основные виды деятельности.
• Услуги и сервисы. Перевалка грузов, обслуживание и ремонт судов, таможенное оформление — всё, чем занимается порт.
• О компании. Сильные стороны, Reasons to Believe, руководство в лицах, история.
• Формы. Формы для заявок: пропуска, заявки на досмотр и выдачу контейнеров, личный кабинет с доступом к 1С.
• Расписание. Обработка флота, подход флота, расписание прибытия и отбытия поездов и грузовых автомобилей.
• Раздел с необходимой информацией и файлами. Там можно скачать документы, посмотреть карту порта или терминала или узнать правила оформления груза.

Дополнительные разделы: социальные проекты, закупки, карьера, новости. Также стоит подумать о версии сайта на иностранном языке.

Созвонимся на 30 минут, чтобы обсудить вашу задачу и ответить на вопросы. Вышлем вам презентацию с аналогичными кейсами и примерной стоимостью

Закажите брендинг в агентстве DVIGA

Проблема

Работа с портами порой напоминает участие в квесте: чтобы попасть на их территорию, нужно пройти через бюрократические лабиринты и оформить пропуск. И, к сожалению, на многих сайтах портов информация об этом либо прячется в самых тёмных уголках, либо вообще отсутствует.

Но определённо того стоило. В итоге мы настроили несколько интеграций:

Заявка на пропуск. Заявку на пропуск во Владивостокский морской торговый порт можно подать онлайн, заполнив форму на сайте и подписав ее электронной подписью.

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

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

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

Созвонимся на 30 минут, чтобы обсудить вашу задачу и ответить на вопросы. Вышлем вам презентацию с аналогичными кейсами и примерной стоимостью

ㅤㅤㅤПолучите персональное коммерческое предложение под вашу задачу

Получите персональное коммерческое предложение под вашу задачу

Но несколько рекомендаций мы всё-таки можем дать.

1. Определить круг лиц со стороны заказчика, которые будут согласовывать этапы работ. Лучше, если это действительно будут ЛПР, а не секретари и ассистенты, чтобы не играть в «сломанный телефон».

2. Определить контактных лиц с вашей стороны, которые будут защищать проект, дотошно фиксировать все правки и верно доносить их до команды.

3. Определить стадии согласования: по каким работам и на каком этапе нужно получить твердое «ОК».

4. Определить порядок согласования. Когда этап считается согласованным: когда все трое ЛПР сказали «ОК», или когда самый главный босс сказал «ОК», или когда «ОК» сказала его жена?

5. Определить сроки согласования каждого этапа.

6. Регламентировать корректировки. На случай, если после сдачи проекта на горизонте появится самый главный босс и попросит всё переделать. Лучше заранее предусмотреть такую ситуацию и обговорить условия: сроки, допкост, компенсацию за душевные страдания.

7. Зафиксировать все договорённости: в первую очередь, в договоре. А важные моменты по ходу согласования лучше фиксировать в электронных письмах, а не в мессенджерах.

CEO агентства

MBA, UTS Australia
13+ лет в маркетинге

Тимофей Белоглазов

Telegram-канал про маркетинг, digital и брендинг

ㅤㅤㅤTelegram-канал про маркетинг, digital и брендинг

Дизайн, структура и интеграция — это не три кита, а три кита-убийцы, которые обеспечивают бесперебойную работу сайта. Работа с «морскими волками» не из лёгких, но достигнутый результат полностью оправдывает вложенные усилия.