Сайт для логистической компании

Мы занимаемся разработкой веб-сайтов для России и зарубежных рынков с 1997 года. Наша команда – более пятисот сотрудников в разных странах и городах.

Понимание потребностей онлайн-бизнеса, опыт взаимодействия с тысячами клиентов, высокая квалификация персонала, собственные «ноу-хау» и хороший объём заказов позволяют веб-студии Мегагрупп.ру предлагать услуги высокого качества по удивительно низким и «вкусным» ценам.

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

Итак, вам нужно срочно и у вас ничего не готово. В таком случае мы предложим вам начать непосредственную разработку в промежутке от недели до 20 дней (зависит от занятости дизайнеров), а за этот срок мы с копирайтерами, вашим менеджером и помощником дизайнера успеем сформировать ТЗ, подготовить, написать, отредактировать контент и создать блок-схему сайта. Если требуется, мы подключим маркетологов и подберем запросы, чтобы формировать структуру вашего корпоративного проекта, исходя из СЕО.

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

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

Рассказываем, как команда AFFINAGE разработала корпоративный сайт для «Петровектора», почему предложила делать сайт без бэкенда и как адаптировала Open-Source-решения к стилистике компании.

Petrovector — частная торговая компания, уже более 10 лет успешно работающая на международном нефтяном рынке. Занимается поставкой разного рода нефтепродуктов, логистикой, консалтингом, а также делает упор на экологию компании: поддерживает зелёный уровень мира и экологичные отношения с заказчиками и сотрудниками.

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

*Low-code — готовые инструменты, требующие минимального написания кода (разработки). Инструменты low-code увеличивают скорость разработки типовых задач, так как требуют минимальной доработки под бизнес-требования.

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

Предпроектное обследование

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

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

Интеграция с виджетом котировок

Нам необходимо было сделать на сайте интеграцию с тремя разными виджетами котировок от компании TradingView и учесть одну особенность. SPA-сайты загружают подключенные JS-скрипты при каждом посещении страницы. Если пользователь откроет страницу несколько раз, скрипт тоже неоднократно «отработает», что приведет к долгой загрузке страницы или сбою в работе проекта. Мы учли эту особенность и настроили работу сайта таким образом, чтобы скрипты не запускались каждый раз. Такой подход позволяет страницам загружаться быстрее.

И еще, данный сайт не привязан ни к какой CMS, поэтому для замены данных в этом графике требовалось периодически заходить и обновлять часть кода. Но наш отдел Frontend-разработки придумал специальный json, благодаря которому можно размещать свежие данные, не затрагивая основной код площадки. Такой подход позволяет клиенту быстрее редактировать данные: файл находится в корневой папке проекта, весь контент на странице статичен, поэтому информация обновляется быстро и без привязки к CMS.

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

Верстка интерактивной карты с географией присутствия

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

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

Оптимизация черно-белой карты

Мы интегрировали не самую стандартную карту в блок контактов. Изначально хотели использовать Google Maps, но на этапе получения ключей отказались от нее из-за трудностей с оформлением подписки через Россию. Яндекс Карты тоже не подходили заказчику, поэтому было принято решение интегрировать Open-Source карту OpenLayers Map.

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

Разработка иконографики

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

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

Верстка таймлайна с историей компании

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

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

Еще одна трудность возникла с блоком Social Responsibility. На MacBook в браузере Firefox этот список преимуществ вообще не отображался.

Поддержка мультиязычности

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

Итоги

Мы разработали онлайн-представительство международной логистической компании по гибридной модели. Обновленный petrovector.com сочетает лучшие практики заказной разработки с low-code технологиями, которые позволили запустить проект в оптимальные сроки. Правильно подобранный стек позволит интегрировать на сайт любые технологические решения, которые в будущем потребуются заказчику.

Конкретный шаблон сайта для логистической компании

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

Какой сайт подойдет логистической компании?

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

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

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

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

Что должно быть на сайте логистической компании

Информация о компании

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

Документы

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

Автопарк

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

Услуги

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

Тарифы

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

Контакты

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

Разработка сайта логистической компании

Создадим сайт логистики, представив ваши преимущества, услуги и продукты в понятном,
структурированном и визуально привлекательном виде.

У нас нет шаблонных решений. Для каждого клиента мы создаём уникальный сайт.

Что вы получите

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

Можно реализовать механизм, позволяющий возможным клиентам оставлять заявки на просчет непосредственно на сайте онлайн.

Стоимость и срок разработки

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

Стоимость создания сайта логистики в нашей студии  — от 220 000 руб.

Срок разработки — 2-3 месяца.

Этапы разработки

1. Изучение задачи, составление технического задания и сметы проекта

2. Подписание договора на разработку

3. Концепция дизайна

   Разработка концепции дизайна на примере главной страницы сайта в соответствии с вашим фирменным стилем.

4. Дизайн внутренних страниц

   Разработка дизайна всех внутренних страниц сайта. Включая макеты для десктопа, планшета и смартфона. Разрешения экранов: 1920px, 1366px, 768px, 360px.

5. Адаптивная вёрстка

   Вёрстка дизайн-макетов страниц с учётом современных технологических требований (HTML5, CSS3, JavaScript, Ajax, JQuery).

6. Программирование

   Создание внутренней структуры сайта в системе управления. Настройка инфо-блоков и всех компонентов управления. Кастомизация модулей.

7. Интеграция с внешними системами

   • Обмен данными между сайтом и CRM, 1С и т.п.
   • Онлайн-оплата товаров или услуг
   • Подключение сервисов доставки (СДЭК, Boxberry и др.)

8. Наполнение контентом

   Внесение информации на страницы сайта. Редактирование и создание контента.

9. Внутренняя SEO-оптимизация

   • Заполнение
     мета-тегов: title, description и keywords
   • Заголовки страниц: h1, h2, h3
   • Настройка robots.txt
   • Самообновляемая XML карта сайта
   • Внедрение микроразметки Schema.org и Open Graph.
   • Сжатие изображений
   • Оптимизация скорости загрузки страниц согласно рекомендациям Google PageSpeed

10. Тестирование

    Отладка и проверка сайта на тестовом сервере.

11. Лицензия 1С Битрикс

    Покупка и оформление на вашу компанию лицензии на систему управления сайтом 1С:Битрикс.

12. Публикация сайта

    • Запуск сайта на вашем хостинге или сервере
    • Подключение основного доменного имени
    • Установка SSL сертификата
    • Подключение систем веб-аналитики: Яндекс.Метрики и Google Analytics
    • Добавление сайта в вебмастер Яндекс и Google

Гарантия на сайт — 1 год

В течение 1 года после сдачи проекта бесплатно исправляем технические ошибки в работе сайта (если
что-то
было пропущено при тестировании и приёмке работ).

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

С чего мы начинаем разработку сайта логистической компании?

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

-Какие цели стоят перед сайтом?

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

-Каковы ваши сильные стороны, ключевые возможности и отличия от конкурентов?

Все это найдет определенное отражение в структуре, расположении или наполнении инфо-блоков сайта, особенно главной страницы.

Какие-то логистические компании делают акцент на скорость, другие на гарантии и надежность, третьи — на возможность организовать доставку «под ключ», включая таможенное оформление и другие доп.услуги, другие имеют собственный транспортный парк и разветвленную сеть филиалов, другие позиционируют себя как эксперта по определенному направлению (например, Россия-Китай) или по транспортировке особого типа грузов (например, сборные). Сайт является своеобразной «витриной» компании в веб-пространстве, поэтому его наполнение должно четко отражать выбранную стратегию позиционирования.

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

-Кто/какие отрасли/типы бизнесов является основной целевой аудиторией?

Аудиторию важно проанализировать по нескольким параметрам:

• Тип клиента: важно понимать масштабы перевозок и их периодичность. Сайт нацеленный на малые бизнесы, заказывающие время от времени доставку сборных грузов будет существенно отличатся от сайта компании, которая сотрудничает с крупными холдингами и может организовать скидки на объем.
• Особенности груза: сборный, контейнерный, негабаритный, опасный, сыпучий, иной. Потенциальный клиент должен точно понимать, сможет ли компания организовать перевозку такого груза как у него и являются ли подобные грузы специализацией данной компании.
• Способ перевозки: многие клиенты ищут не просто логистического оператора, а того, кто доставит его груз определенным, удобным клиенту способом — например, авиа-логистика или контейнерный поезд.
• География/направление перевозки: потенциальный клиент должен четко понимать работаете ли вы в интересующей его стране, какие морские порты и ж/д переходы используете.

Какие разделы, блоки и функционал должны быть на сайте логистической компании?

• Услуги/Типы перевозок

На сайте должен быть отражен полный и хорошо структурированный перечень всех услуг (консолидация груза, доставка от двери до двери, аренда контейнера и проч.), типов перевозок (море, авиа, ж/д, автотранспорт) и логистических возможностей вашей компании (консалтинг вэд, таможенное оформление, подготовка документации для экспорта и проч.), чтобы каждый потенциальный клиент смог быстро сориентироваться и понять, что:
А) компания в принципе может решить его задачу по перевозке;
Б) компания выполнит эту задачу лучше своих конкурентов.

• Карта маршрутов/Направления

Задача каждого клиента — доставить свой груз из точки, А в точку Б. На сайте он должен увидеть, что интересующие его точки входят в перечень направлений данной логистической компании.

В зависимости от количества транспортных маршрутов и типа транспорта визуализировать это можно по-разному. Например, если речь идет о перевозках морем и ж/д между конкретными странами (например, Китай-Россия), то все ключевые маршруты (от крупных портов и ж/д узлов) можно сразу отметить на единой карте.

Если же речь идет об авиа и автомобильных перевозках между странами, то сеть может быть гораздо более сложной и многовариантной (например, авиа доставки из Европы) — в этом случае можно отметить на глобусе страны из которых/в которые возможна доставка или же представить некие структурированные списки/блоки с кратким перечнем стран/регионов/направлений и детализацией внутри каждого блока (при необходимости) по городам/аэропортам или таможенным пунктам.

• О компании/История/Компетенции

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

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

• временная шкала (показывает что компания существует достаточно давно, говорит о положительной динамике процессов, отражает ключевые достижения и «отправные точки»);
• структурированный набор инфо-блоков (УТП, ценности, возможности, географическое присутствие, ключевые специалисты, публикации в СМИ, регалии, партнеры);
• краткое обращение от лица руководителя, позволяющее донести ту же информацию в формате некого сторителлинга (показывает что за компанией стоят реальные люди со своей историей, позволяет установить более эмоциональную связь с клиентом, так как вызывает доверие, демонстрирует открытость и убирает «обезличенность» услуги)

• Онлайн расчет стоимости перевозки/Форма быстрого расчета

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

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

• форма быстрого расчета: представляет собой модифицированный вариант стандартной формы обратной связи. Клиент вводит ключевые параметры своей перевозки, контактные данные и может рассчитывать на обратный звонок от менеджера компании в течение N-минут. Данный вариант обычно используется логистическими компаниями, которые конкурируют не столько ценой, сколько условиями. Для них важно получить контактные данные потенциальных клиентов, чтобы затем уже в процессе личного общения убедить их в том, что заказать перевозку стоит именно здесь. Важно, чтобы скорость реагирования на заявки потенциальных клиентов была достаточно быстрой (в пределах часа).

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

• Карта филиалов/Контакты

Если компания имеет филиалы в разных странах, регионах и городах — на сайте стоит показать их все, даже если некоторые из них не взаимодействуют с конечными клиентами (в этом случае можно просто не указывать их телефон).

Например, наличие филиала в Находке — даже если он по факту состоит из 1–2 человек, продемонстрирует посетителю сайта, что у компании есть персонал, который сможет непосредственно на месте решать, например, таможенные вопросы. А наличие сети back-офисов в Китае, в свою очередь говорит о том, что компания знает страну изнутри, имеет в штате носителей языка, разбирается в законодательстве и, соответственно, может контролировать перевозку из этой страны на всех этапах, а также оказывать услуги вэд консалтинга.

• Новости/Анонсы/Мероприятия/События

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

• Награды/Партнеры/Клиенты/Отзывы/Публикации

В зависимости от их количества и типа могут быть представлены на сайте кратко (логотипы компаний, эмблемы и названия регалий, рейтинги, призовые места в различных отраслевых конкурсах), либо полно (например, обширный раздел с отзывами клиентов или публикаций о компании в СМИ).

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

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

• Статьи/Блог

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

• Обратная связь

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

• Постоянная кнопка «отправить запрос» в шапке сайта;
• Блок «рассчитать стоимость онлайн» в разделе услуг и/или на первом экране главной страницы;
• Блок «запрос на расчет» в подвале каждой страницы;
• Залипающие кнопки whatsapp /Telegram /онлайн-консультант/обратный звонок в правом углу экрана.

Почему стоит выбрать нашу веб-студию?

БЕСПЛАТНАЯ разработка
дизайн-концепции
главной страницы сайта до заключения договора

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

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

Всегда одна и та же команда специалистов

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

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

И создание и продвижение сайта — из одних рук

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

Равное внимание трём основополагающим элементам успешного сайта:

• Стильный дизайн
• Usability (удобство, функциональность)
• SEO

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