Улучшение корпоративного сайта для судоходной компании

Клиент обратился не за разработкой сайта с нуля, а с уже работающим корпоративным сайтом, который начал тормозить бизнес-процессы.

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

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

«Морвенна» — судоходная компания, судовладелец и оператор флота.

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

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

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

• Обновленный раздел «Флот». Клиенты видят актуальные суда и не сталкиваются с устаревшей информацией.
• Исправленный календарь мероприятий. Пользователь может переключать месяцы без зависаний страницы.
• Устранение багов на ключевых экранах. Сайт выглядит надежно и не создает ощущения заброшенного проекта.
• Корректное отображение карты. Клиент быстрее находит контактную и географическую информацию.
• Адаптивная верстка. Сайт удобно открывается на мобильных устройствах, планшетах и компьютерах.
• Снижение нагрузки на хостинг. Проект работает стабильнее и не расходует ресурсы впустую.
• Защита от ботов и DDoS-активности. Сайт становится устойчивее к подозрительному трафику.
• Исправление конфликтов WordPress-плагинов. Административная часть работает предсказуемее, а обновления не ломают функционал.

Этап 1. Аудит сайта и проблемных зон

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

• работу раздела «Флот»;

• поведение календаря мероприятий;

• отображение главного экрана;

• корректность карты;

• мобильную, планшетную и десктопную версии;

• нагрузку на хостинг;

• работу WordPress и установленных плагинов;

• признаки подозрительной активности на сайте.

Результат

• ошибки, влияющие на стабильность и пользовательский опыт

• обновление контента и техническая оптимизация

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

Этап 2. Доработка раздела «Флот»

Раздел «Флот» — один из ключевых для судоходной компании. Именно здесь потенциальный клиент оценивает возможности подрядчика: какие суда есть, какие задачи можно закрыть, насколько актуальна информация.

• удалили 3 страницы с буксирами: «Венна», «Тривенна», «Конвенна»;

• добавили 2 страницы с баржами: «Морвенна 3003» и «Морвенна 3004»;

• проверили корректность отображения новых страниц;

• убедились, что структура раздела остается понятной для пользователя.

Результат: раздел «Флот» стал актуальнее. Клиент видит действующую информацию и быстрее понимает, какие суда доступны для задач по перевозке, буксировке или аренде.

Этап 3. Исправление календаря

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

• нашли причину зависания;

• исправили ошибку в работе календаря;

• проверили переключение месяцев;

• протестировали работу календаря после правки.

• пользователь может взаимодействовать с разделом без зависаний
• компания использует календарь как полноценный информационный инструмент

Этап 4. Исправление багов на сайте

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

• баг с текстом на главном экране;

• проблему, при которой картинка отображалась в админке, но пропадала на сайте;

• ошибку с отображением карты;

• некорректные элементы верстки на разных устройствах.

• Сайт стал выглядеть аккуратнее и надежнее. 

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

Этап 5. Адаптивная верстка и оптимизация интерфейса

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

• доработали верстку для мобильных устройств;

• исправили отображение на планшетах;

• проверили компьютерную версию;

• использовали HTML, CSS и JavaScript для корректировки интерфейса;

• оптимизировали изображения;

• настроили кеширование;

• проверили работу сайта в разных браузерах.

• Сайт стал удобнее на разных устройствах и быстрее загружается. 

• Снижен риск потери клиента из-за технических ошибок на первом контакте.