О проекте

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

Интерфейс калькулятора доставки и сервиса отслеживания груза логистического оператора.Дизайн-решение для логистического оператора S7 Cargo.Дизайн-решение для продающего B2B-сайта логистического оператора.Документы для таможенного оформления и консультации.
Проблематика

Сайт должен был не только рассказывать об услугах S7 Cargo, но и помогать клиенту решать основные задачи без обращения к менеджеру.
Заказчику нужен был сайт, который:

  • выводит два ключевых действия — отправить груз и отследить отправление — на первый план
  • позволяет самостоятельно рассчитать перевозку
  • показывает одно из преимуществ S7 Cargo — возможность перевозить специфические грузы со специальными требованиями
  • сохраняет узнаваемость бренда S7, но учитывает более сдержанный характер B2B-продукта
  • позволяет команде заказчика самостоятельно публиковать статьи и другие материалы без постоянного участия дизайнера или разработчика
Заявка отправлена на логистический сервис.Форма ввода данных для логистического сервиса.Заявка на грузоперевозку с тарифами и условиями доставки.
Решение: основные сценарии на первом плане

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

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

Скриншот сайта S7 Cargo для отслеживания груза.
Особые грузы

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

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

Скриншот справочного центра логистического оператора.Инфографика о перевозимых грузах логистической компании.Тарифы логистического сервиса: стандарт и экспресс.
Ответы на частые вопросы

Еще одна часть сайта — ответы на вопросы, которые возникают при выборе и оформлении перевозки. Мы решили не собирать их только в отдельном FAQ, а размещать там, где они нужны пользователю.

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

Изображение: Информация о слиянии S7 Logistic и S7 Cargo в S7 Cargo.Страница регистрации клиента логистического оператора.S7 Cargo и S7 Logistic объединены в одно приложение.
Удобство поддержки контента

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

Страницы собираются из заранее спроектированных компонентов. Команда S7 Cargo может использовать их для публикации статей, путевых заметок и другого контента, сохраняя заданную структуру и визуальный стиль без помощи дизайнера при каждом обновлении.

Изображение с новостями о доставке животных и лекарств.
Результат

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

При этом нам удалось совместить функциональность B2B-сервиса с айдентикой S7 и заложить структуру, которую команда заказчика может самостоятельно развивать и наполнять контентом.

Еще по теме

Похожие бизнес-задачи и решения, которые мы нашли, проверили и внедрили