Обсудить проект
Сайты, Логистические компании
/
/

ㅤㅤㅤКак сделать «не такой, как все» сайт для «такой, как все» логистической компании

Как сделать «не такой, как все» сайт для «такой, как все» логистической компании
  • Сайты, Логистические компании
10 мин
CEO агентства
MBA, UTS Australia
13+ лет в маркетинге
Тимофей Белоглазов
Telegram-канал
про маркетинг, digital и брендинг
С шутками-прибаутками
Представьте, к вам приходит заказчик с запросом: «Мне нужен уникальный сайт, но я ничем не отличаюсь от конкурентов». Звучит как загадка Жака Фреско, только вот в логистике таких заказчиков — большинство. У нас в DVIGA есть несколько кейсов, где мы решили эту проблему комплексно и сделали для логистических компаний сайты на Тильде, которые точно запоминаются.

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

Разработка концепции сайта для логистической компании чем-то напоминает передачу «Модный приговор»: будто вы стилист, которому нужно одеть работягу. И не просто одеть, а разглядеть в нем индивидуальность и подчеркнуть ее подходящим и запоминающимся костюмом. То есть, сайтом.

Иными словами, если в компании нет ничего уникального, что бы отличало ее от конкурентов, мы предлагаем заполнить этот пробел уникальным дизайном сайта. И сразу же возникает первая проблема — у большинства компаний в сфере логистики напрочь отсутствует позиционирование, от которого можно было бы отталкиваться.
Созвонимся на 30 минут, чтобы обсудить вашу задачу и ответить на вопросы. Вышлем вам презентацию с аналогичными кейсами и примерной стоимостью
ㅤㅤㅤПолучите персональное коммерческое предложение под вашу задачу
Получите персональное коммерческое предложение под вашу задачу
Обсудить проект
«Мы обычные логисты» — в 99% случаев вы услышите от заказчика именно это. Ура, простор для фантазии? Нет.

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

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

2. Изучить конкурентов: специфику, позиционирование, сильные и слабые стороны, УТП, продукт, клиентов. Информацию добываем как в личной беседе с заказчиком, так и на сайтах и в соцсетях конкурентов. Зачастую идем дальше: звоним в их отделы продаж, представляемся покупателями и смотрим, как менеджеры закрывают возражения, на чем делают акценты.

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

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

Молодость не порок

К нам обратились Trans Line Logistic (TLL), и это был тот самый пример «молодой и динамично развивающейся» компании, которая только начала работать над позиционированием. Мы долго беседовали, после чего пришли к основной задаче. А именно: показать, что, хоть компания и находится в начале своего становления, это команда заботливых и надежных профессионалов, которым можно доверять. Они очень внимательны к каждому клиенту, готовы идти навстречу и предоставлять гибкие условия.

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

Проблема №1 — Отсутствие позиционирования

Первый экран
Раздел «О компании»
Мы хотели сделать сайт лаконичным и строгим, без лишних изображений, которые бы вносили шум в дизайн. Однако заказчик просил добавить фотографий, и мы решили пойти ему навстречу. Правда, с некоторыми оговорками: вместо того, чтобы снабдить раздел «Услуги» фотографиями огромных тягачей, мы сделали ховер-эффект с фактурами. Например, морозные узоры иллюстрируют термоперевозки, а протекторы шин — перевозки автомобилей. Так мы выполнили пожелание клиента, но при этом не потеряли лаконичность.
Ховер-эффект в блоке «Услуги»
Логистика с человеческим лицом

У компании Sigir багаж был посолиднее: четкий бриф, добротный брендбук и готовая структура. Они хотели имиджевый сайт в корпоративных цветах, с помощью которого можно контактировать с потенциальными клиентами и рассказывать, чем компания может быть полезна. Среди сайтов других компаний им нравились легкие и воздушные, а также те, где информация была структурирована и не «грузила» пользователя. Образ компании должен был восприниматься как яркий, энергичный, молодой, пробивной, заботливый, открытый, новаторский. Мы воплотили пожелания заказчика в легком и ярком дизайне.
Первый экран
Фотографии терминала и контейнеров для сайта делал фотограф по запросу заказчика в суровый красноярский мороз. Долго так мучить человека мы не могли, поэтому сделали 3D-иллюстрацию транспортного терминала. Контейнеры на ней мы расставляли в режиме реального времени, общаясь с заказчиком по телефону и следуя его указаниям.
3D-иллюстрация транспортного терминала
Еще один важный пункт, который компания отметила в брифе — наличие кейсов. Описать их было непросто, так как проекты находятся под NDA, поэтому мы указали только самую суть. Кейсы подчеркивают открытость и надежность компании, а также показывают, как она справляется с разными задачами.
Блок «Кейсы»
Были и забавные моменты. Например, на прототипе страницы 404 мы без задней мысли нарисовали корову, а оказалось, что это символ компании. Мы потом погуглили, что Sigir на некоторых тюркских языках как раз и означает — «корова».
Страница 404. Осторожно, летающие коровы!
Резюмируя: сайт соответствует позиционированию компании как молодой, энергичной, заботливой и открытой. Можно назвать это «логистикой с человеческим лицом».
Раздел «О компании». Ну и как таким улыбашкам не доверить свои грузики?
Hear me roar

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

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

Мы передали стремительность и уверенность пантеры с помощью дизайна: использовали темную цветовую гамму, акцентные заголовки, привлекающие внимание видео и анимации.
Первый экран
Блок «Виды грузов». Аррр!
Лапки для демонстрации пути клиента
В коммуникации мы подчеркнули tone of voice компании: свойский, душевный, компанейский, с юмором. Он отражается в заголовках и текстовых блоках: «С нами все путем», «Возим с душой», «Доставляем грузы по РФ и миру и не доставляем проблем».

Пантер много не бывает
Блок «О компании»
Вывод: у всех логистических компаний есть свой характер. А если нет, то, перефразируя классика, его следовало бы выдумать.

Рекомендации по позиционированию

  • Комплексный подход: изучить бизнес, конкурентов, ЦА, выстроить позиционирование. И только после этого переходить к разработке сайта.
  • Концепция, тексты, дизайн — чем проще, тем лучше. В большей степени это подходит для новичков на рынке. Титаны индустрии обычно проигрывают в плане юзабельности сайтов.
  • Выделяться с помощью нестандартных и креативных, но понятных решений. Не бояться креатива, но приземлять его.
  • Если искать уникальность не получается — создавать ее.
Причина та же: все логистические компании примерно одинаковые, соответственно, и структуры их сайтов очень похожи. Поэтому действуем по классике: собираем структуру на базе поисковых запросов. Параллельно с этим детально изучаем конкурентов и аудиторию. Что клиент ищет на сайте в первую очередь? Каков предыдущий пользовательский опыт? Что было удобно и важно, а что нет? На что делают упор конкуренты и как от них отстроиться?

Так как ЦА логистических компаний — это менеджеры, то им важно увидеть основной спектр услуг, узнать об опыте компании и ее преимуществах, а также поскорее выяснить стоимость. Эти разделы и будут ключевыми. Креативу лучше дать место внутри страницы услуг, придумав привлекательные описания.

Товар лицом

Компании «Восток Логистик» и Sigir не первый год на рынке, и за это время обросли опытом и сформировали специализацию. Например, для «Восток Логистик» в разделе «Услуги» мы подчеркнули разнообразие видов перевозок: ж/д, море, авиа, наличие собственного автопарка и складов, а также своих агентов в Китае. Sigir во главу угла ставит комплексные решения — 3pl-логистику, а также наличие собственной сети контейнерных терминалов и опыт, выраженный в кейсах.

Проблема №2 — Одинаковые сайты

Блок «Услуги» на сайте компании Восток Логистик
Блок «Решения» на сайте компании Sigir
Опыт команды Trans Line Logistic (TLL) поменьше — 2 года, поэтому большую часть сайта занимают страницы с описанием услуг. Причем, когда заказчик обратился к нам, в основном это были автомобильные грузоперевозки. Остальные направления только прорабатывались, и происходило это параллельно с созданием сайта. Поэтому при разработке каталога услуг мы сделали несколько шаблонов, и позже, когда заказчик окончательно наладил морские, ж/д и авиаперевозки, он с нашей помощью смог быстро заполнить эти шаблоны информацией.

RTB мы «добивали» кейсами, цифрами и клиентами.
Блок «Услуги»
Рекомендации по сайту

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

  • Первый экран.
  • Список услуг. Причем лучше не перечислять все подряд, а сразу показать, на чем компания специализируется и в чем она профи.
  • Виды грузов.
  • Информация о компании, ее позиционирование.
  • Кейсы. Опыт работы с определенными грузами поможет более точно попасть в ЦА.
  • Форма обратной связи для индивидуального расчета стоимости. Конкретных цен на услуги у логистических компаний нет.
  • География.
  • Reasons to believe: цифры, довольные клиенты, принципы, ценности, миссия. Могут быть оформлены в виде разных блоков, а могут линией проходить через всю структуру.
  • Контакты и соцсети.
  • Команда и трудоустройство.
  • Новости.
  • Блог.
У сайта на коде есть ряд минусов: долго, дорого, тяжеловесно. Для корпоративных сайтов это не самый удобный вариант. Поэтому конструктор, в частности, Тильда — на наш взгляд, идеальный выбор:

  • Можно быстро и легко вносить изменения без помощи программиста: редактировать список и описание услуг, состав команды, добавлять новости в блог.
  • Заказчик платит за маркетинговую проработку сайта и крутой дизайн, а не за работу программистов — получается дешевле.
  • Заказчик получает сайт быстрее, чем при разработке на коде.
  • Можно создать уникальный дизайн «малой кровью».
  • Легко делать адаптации под устройства.

После согласования прототипа и выбора концепции мы создаем дизайн-макет будущего сайта в Figma, а затем переносим его в Tilda. Чтобы дизайн был уникален, используем Zero Block. Затем подключаем домен, CRM-систему, почту, Яндекс. Метрику и другие сервисы. Для проверки у нас есть собственный чек-лист для контроля качества проекта.

Проблема №3 — Сложная реализация

CEO агентства
MBA, UTS Australia
13+ лет в маркетинге
Тимофей Белоглазов
Telegram-канал про маркетинг, digital и брендинг
ㅤㅤㅤTelegram-канал про маркетинг, digital и брендинг
Тяжелый код

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

По словам заказчика, в логистическом бизнесе сайт играет больше имиджевую роль, нежели продающую. Кроме того, с учетом сроков и отсутствия однозначной информации по списку услуг Битрикс нам бы даже помешал в плане гибкости и стоимости доработок. Поэтому мы решили перейти на Тильду и ни в чем не потеряли. В процессе разработки макета и верстки дизайнер учитывал динамический контент и проектировал страницы так, чтобы заказчику было удобно самому обновлять и добавлять информацию.
"
При разработке сайта для компании Sigir мы не раз радовались тому, что выбрали Тильду. На сайте есть два больших раздела: услуги и решения, и каждый из них имеет свои внутренние страницы. Первоначальный контент был рассчитан на одну структуру, а позднее, уже на этапе финальной верстки, появились новые услуги и решения. Такой поворот событий занял в разы меньше времени на Тильде, чем если бы мы верстали на Битрикс.
Татьяна Руденко, дизайнер агентства DVIGA
"
Логистические компании часто хотят личные кабинеты для клиентов. Это не является аргументом против Тильды, потому что такие ЛК — это отдельные проекты, которые можно сделать на другой платформе. Такие задачи мы тоже решаем — например, на проекте для Владивостокского морского торгового порта. На Тильде можно сделать и техническое SEO, но надо понимать, что каналы привлечения для крупных компаний, которые работают с такого же масштаба клиентами — это выставки, личные продажи, PR. Лид из контекста или SEO чаще всего ищет совершенно другой объем и подход за сильно другие деньги.
Тимофей Белоглазов, CEO и основатель агентства DVIGA
Рекомендации по разработке

  • Взвесить все «за» и «против» no-code разработки.
  • Использовать конструктор сайтов, в нашем случае это Тильда.
  • Уделить больше времени и сил разработке позиционирования компании и уникального дизайна.
  • Делать прототип сайта в графическом редакторе, например, Figma, и только после согласования переходить к верстке.
  • Сложные подпроекты типа личных кабинетов выносить на другие платформы.
Поделиться статьей в соц. сетях
Свежие статьи