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

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

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

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

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

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

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

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

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

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

Разработанная структура и собранный на ее основе прототип сайта отразил все пожелания заказчика и удовлетворял запросы потенциальных и существующих клиентов порта.

На основании проведенной аналитики и пожеланий сотрудников, которые как никто другой понимают требования клиентов, мы пришли к выводу, что сайт морского порта должен быть:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Теперь посетитель без затруднения может:

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

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

Результат