Обсудить проект
ВМТП
/
/

Cоздание сайта под ключ для ВМТП

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

На этот раз к нам обратился крупнейший по контейнерообороту порт в России с ежегодным грузооборотом более 12,9 миллионов тонн — ВМТП. Железнодорожная станция «Владивосток» на территории ВМТП ежедневно принимает и отправляет до 10 поездов. Масштаб производительности компании впечатляет.
О проекте
Задача
Заказчик к нам обратился с запросом на создание современного сайта под ключ, так как существующий требовал обновления. Перед нами стояла задача сделать понятный, функциональный ресурс, который ответит на все вопросы пользователя.

Нашей команде предстояло:
А как мы пришли к результату, описали ниже.

1. Cоздать современный дизайн сайта для порта

2. Разработать понятную структуру официального сайта

3. Интегрировать сайт с внешними системами

Решение
Коммуникации как отдельный кейс
Позволим себе лирическое отступление и приоткроем «закулисье». В данной работе мы уделили особое внимание процессу коммуникаций и согласований. Это неочевидные, на первый взгляд, вещи, но они заметно повлияли на сроки реализации проекта и качество результата. 

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

Чтобы упростить коммуникацию, мы создали таблицу со всеми страницами сайта, где ответственные отмечали согласование каждого этапа. Пока мы не видели во всех соответствующих строках заветное «‎согласовано"‎, мы не переходили к следующему этапу. Работая над проектом, мы каждую неделю организовывали совещание и предоставляли отчетность топ-менеджеру о проделанной и запланированной работе.

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

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

После собранной информации о конкурентах мы перешли к проектированию.

Анализ и исследование рынка транспортно-логистических услуг

На этом этапе мы собрали текстовый прототип страниц, который был в последующем обработан с учетом комментариев заказчика.

После утверждения текстового прототипа создали интерактивный. По факту, это уже был сайт, где можно было переключаться между страницами. Он отображал общую структуру, которая была собрана на основании результатов ранее проделанного исследования. Выглядит она следующим образом:
  • Главная страница
  • Сервисы порта
  • Обработка флота
  • Контейнерные поезда
  • Клиенту порта
  • Зеленый порт
  • Заявка на досмотр
  • Заявка на пропуск
  • О компании
  • Карьера
  • Закупки
  • ЭДО
  • Пресс-служба
  • Контакты
  • Результаты поиска
  • Страница ошибки 404

Проектирование и прототипирование

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

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

Разработка дизайна сайта для ВМТП

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

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

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

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

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

Раздел «‎Сервисы порта»‎ и эффективное продвижение сайта

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

Раздел «‎О компании»

Экологическая ответственность — ключевой аспект работы ВМТП. Чтобы это подтвердить, мы создали страницу «Зеленый порт», где можно отслеживать уровень чистоты воздуха и воды в бухте Золотой Рог и узнать о социальных проектах компании. В этом разделе мы намерено ушли от основных цветов, чтобы подчеркнуть экологичность.

Раздел «Зеленый порт»

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

Версии сайта

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

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

В итоге было реализовано несколько сервисов. Речь о них пойдет ниже.

Интеграции

Заявка на пропуск

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

Обработка флота

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

Контейнерные поезда

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

Перевалка опасных грузов

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

Теперь посетитель без затруднения может:
  • узнать о предоставляемых услугах;
  • ознакомиться с графиком прибытия поездов;
  • изучить нормативную и справочную информацию;
  • оставить заявку на досмотр и пропуск;
  • узнать об актуальных закупках.

Наша команда DVIGA создаст удобный сайт для вас, который будет экономить ваше время и время ваших клиентов. Оставьте заявку, и мы свяжемся с вами для обсуждения вашей задачи.
Результат
Мы сделали 754 проекта, и каждый из них уникальный, поэтому для старта нам важно познакомиться. Оставьте ваши контакты, а мы вам перезвоним в рабочее время.
Найдём лучшее решение вашей маркетинговой задачи
Обсудить проект
Вам также может понравиться