Собрали на одном сайте морской терминал, перегрузочные услуги, буксирный флот и производство железобетонных изделий, превратив разрозненные направления компании в единую промышленно-логистическую систему.
Показали инфраструктуру морского порта, логистические услуги, буксирный флот и производство ЖБИ в единой цифровой системе
Разработали корпоративный сайт для промышленно-логистической компании: представили мощности терминала через цифры и инфографику, структурировали услуги по работе с грузами, подготовили отдельные страницы буксиров, рассказали о производстве железобетонных изделий и создали понятный путь от знакомства с компанией до коммерческого запроса.
О компании
Не просто терминал, а комплекс производственных и логистических возможностей
«СП Терминал» — перегрузочный комплекс, работающий с морскими судами, наземным транспортом и различными типами грузов.
Компания объединяет несколько направлений:
- погрузочно-разгрузочные работы;
- хранение и обработку грузов;
- портовую и терминальную логистику;
- эксплуатацию буксиров;
- производство железобетонных изделий;
- аренду и использование специальной техники.
На площадке работают буксиры «Торос», «Марс» и «Гейзер». Производственное направление включает блоки ФБС, лестничные марши, товарный бетон и другие железобетонные изделия.
Главная особенность бизнеса — сочетание портовой инфраструктуры, техники, производственных мощностей и собственного флота. Новый сайт должен показать, как эти элементы работают вместе.
Задача
У компании несколько крупных и визуально самостоятельных направлений.
Портовые операции, буксирный флот и производство железобетонных изделий обращаются к разным сегментам аудитории. Заказчику перевозки важны площадь терминала, характеристики причала и доступная техника. Покупателю ЖБИ — ассортимент, производственные возможности и условия поставки. Партнёру по морским операциям — характеристики буксиров.
Перед командой F5 стояли задачи:
- сформировать современный образ промышленной компании;
- представить масштаб терминала и его инфраструктуру;
- понятно раскрыть полный цикл работы с грузом;
- выделить производство ЖБИ как самостоятельное направление;
- подготовить отдельные страницы буксиров;
- создать фотогалерею техники и выполненных работ;
- предусмотреть публикацию новостей;
- организовать сбор коммерческих заявок;
- сделать сайт удобным для самостоятельного наполнения.
Концепция
Мы отказались от стандартной подачи промышленной компании через длинный текст «о нас» и универсальные преимущества.
В основе сайта — реальная инфраструктура предприятия:
- территория;
- причал;
- крановое оборудование;
- техника;
- морские суда;
- складские возможности;
- производственная площадка;
- буксирный флот.
Пользователь сначала видит масштаб объекта, затем знакомится с конкретными услугами и производственными направлениями.
Так сайт отвечает на практические вопросы B2B-клиента:
- какие грузы может принять терминал;
- какое оборудование используется;
- что можно сделать с грузом на площадке;
- есть ли хранение и последующая погрузка;
- какие морские операции доступны;
- какую продукцию производит компания;
- как отправить запрос на расчёт.
Главная страница
Главная страница построена как последовательная презентация предприятия.
Первый экран
На первом экране разместили крупное позиционирование «Перегрузочный комплекс».
Фоном стала реальная фотография техники и погрузочных работ. Пользователь сразу понимает сферу деятельности компании и может перейти к коммерческому запросу.
Масштаб терминала
Следующий блок показывает инфраструктуру через крупные показатели:
- общую площадь комплекса;
- параметры причала;
- характеристики территории;
- доступную технику;
- грузоподъёмность оборудования;
- динамику работы предприятия.
Цифры дополнены фотографиями причала, судов и буксиров. Благодаря этому показатели воспринимаются не как абстрактная статистика, а как характеристики реального объекта.
Полный спектр логистических услуг
Далее пользователь переходит к конкретным операциям с грузом:
- выгрузке;
- погрузке;
- хранению;
- обработке;
- перемещению по территории;
- подготовке к дальнейшей транспортировке.
Карточки построены в единой графической системе и ведут к более подробной информации.
Производство ЖБИ
Производственное направление вынесли в самостоятельный крупный блок. Он визуально отличается от терминальных услуг, но остаётся частью общей архитектуры сайта.
Новости и события
Ниже размещён раздел с главными событиями компании: развитием терминала, новыми проектами, работой флота и производственными новостями.
Форма обращения
Финальный экран переводит пользователя от просмотра сайта к действию: запросу консультации или коммерческого предложения.
Презентация инфраструктуры
Для промышленного B2B-проекта недостаточно написать «большая территория» или «современное оборудование».
На сайте факты представлены через сочетание:
- крупных числовых показателей;
- чертежей и контурных изображений техники;
- графиков;
- фотографий инфраструктуры;
- коротких пояснений.
Например, рядом с информацией о грузоподъёмности техники используется техническая иллюстрация крана, а динамика работы терминала показана на графике.
Такой формат позволяет быстро оценить возможности комплекса, не изучая отдельную презентацию или техническую документацию.
Цифровые решения для промышленности
Разрабатываем сайты, каталоги оборудования и личные кабинеты для предприятий. Помогаем понятно представить сложный продукт и связать сайт с рабочими системами компании.
Портовые и терминальные услуги
Основная ценность терминала заключается не в отдельной операции, а в возможности организовать последовательную работу с грузом.
Поэтому услуги раскрываются как части общего процесса:
- Приём транспорта или судна.
- Выгрузка груза.
- Перемещение по территории.
- Хранение.
- Подготовка и обработка.
- Погрузка на следующий вид транспорта.
- Дальнейшая отправка.
Такая структура помогает показать компанию не как владельца площадки, а как оператора комплекса логистических операций.
Для пользователя предусмотрена возможность перейти к подробному описанию услуги или сразу направить запрос специалистам.
Отдельные страницы буксиров
Для буксиров «Торос», «Марс» и «Гейзер» созданы отдельные страницы.
На них размещены:
- фотография судна;
- назначение;
- основные технические характеристики;
- информация о доступных операциях;
- фотогалерея;
- форма коммерческого запроса.
Такой подход решает сразу несколько задач.
Во-первых, характеристики судов не перегружают главную страницу. Во-вторых, менеджер может направить потенциальному клиенту ссылку на конкретный буксир. В-третьих, страницы можно использовать как самостоятельные посадочные материалы для продвижения услуг флота.
Производство железобетонных изделий
Производство ЖБИ заметно отличается от портовых операций, поэтому простая карточка в общем каталоге не позволила бы полноценно его представить.
На главной странице создали отдельный крупный блок с производственной площадкой и реальными фотографиями продукции и техники.
Для пользователя это не побочная услуга терминала, а самостоятельное производственное предложение с собственной визуальной подачей.
Реальные фотографии вместо обезличенных изображений
Для сайта использовался корпоративный фотоархив:
- погрузочные работы;
- суда у причала;
- буксиры;
- специальная техника;
- контейнерные площадки;
- производственные процессы;
- железобетонные изделия.
Реальные фотографии важны для доверия: потенциальный партнёр видит площадку, оборудование и характер выполняемых работ.
Одновременно контент требовал дополнительной проверки. По просьбе заказчика из кадров удалялись или исключались:
- государственные номера автомобилей;
- телефоны подрядных организаций;
- сторонние бренды;
- отдельные юридически чувствительные сцены;
- материалы, которые могли создать некорректное представление об участниках работ.
Фото буксиров подбирались из корпоративного календаря и отдельных архивных папок компании.
Получился не просто красивый фотобанк, а контролируемая визуальная база для публичного корпоративного ресурса.
Визуальная система
Индустриальный дизайн без декоративного шума. В основе визуального языка сайта:
- тёмно-серый графитовый фон;
- белые информационные пространства;
- яркий оранжевый акцент;
- крупная рубленая типографика;
- техническая линейная графика;
- геометрические знаки;
- реальные фотографии производства;
- контрастные кнопки и карточки.
Оранжевый цвет ассоциируется со спецодеждой, техникой и промышленной безопасностью. Графитовый фон поддерживает образ тяжёлой инфраструктуры, а белые блоки помогают сохранить читаемость большого объёма информации.
В карточках услуг разработан собственный графический мотив из простых серо-оранжевых фигур. Он используется как компактный навигационный знак и помогает визуально объединить разные направления.
Формы и лидогенерация
Сайт ориентирован на B2B-аудиторию, поэтому основной сценарий — не онлайн-покупка, а начало предметного диалога.
Формы обращения размещены:
- на первом экране;
- рядом с услугами;
- в производственном разделе;
- перед подвалом;
- на детальных страницах.
Пользователь может обратиться после того, как увидел конкретную услугу, производственную возможность или характеристику буксира.
Вместо универсального призыва «Оставьте заявку» сайт постепенно формирует основание для обращения:
Смотрите также проекты для логистических компаний
Результат
Собрали единый цифровой образ промышленно-логистического комплекса, в котором все направления усиливают друг друга:
терминал принимает груз → техника выполняет обработку → площадка обеспечивает хранение → флот участвует в морских операциях → собственное производство дополняет возможности компании
Вместе с этим мы заложили прочную базу для дальнейшего развития: добавления новых видов продукции, техники, судов, проектов и новостей.