Ежедневно в России создается сотни, а может и тысячи сайтов разных тематик. В этой статье давайте с вами рассмотрим как правильно сделать сайт для логистической компании, занимающейся перевозками грузов различными способами. Все эти примеры — это наши работы, веб-студии «По маслу». Они реально существуют и успешно продвигаются не первый год. Поехали:
Пример 1 — группа логистических компаний
Компания существует уже более 20 лет. Основной вид деятельности — перевозка грузов автомобильным, морским и контейнерным способом. У компании уже был устаревший сайт, сделанный еще далеко в нулевых. Посетитель заходя на этот сайт не видел ни какой пользы и выгоды для себя, кроме способа узнать адрес и контакты компании. Вообщем мы проанализировали поиск, конкурентов и нишу в целом. Выявили частые вопросы и боли клиентов, которые ищут логистические компании. Составили прототип будущего сайта, где закладывая определенные смыслы в каждый блок, посетитель нашел бы максимум ответов и доказательств компетенции, тем самым компания вызывала доверие. Вот что получилось:
Давайте разберем дизайн сайта подробнее:
Главный экран
В шапке разместили логотип, адрес и основные контакты. По центру шапки кнопки перехода на копию страницы на английском языке. В нижней части шапки меню с якорными ссылками на блоки страницы.
Центральный заголовок кратко и максимально точно описывает основную деятельность компании. Ниже по иерархии текста рассказывают о опыте компании и перечисляют основные направления деятельности.
В нижней части экрана разместили 3 буллита с преимуществами и сильными сторонами компании.
При нажатии на кнопку «Рассчитать стоимость перевозки» всплывает окно с пошаговой формой.
Карта маршрутов
На карте расположены отметки, при наведении на которые всплывает подсказка со страной.
Услуги
Блок имеет слева сайдбар с кнопками услуг, при нажатии на которые меняется содержимое в правой части. Внутри содержимого описывается услуга и способы связи для ее выбора.
О компании
Не много рассказали о компании и предъявили факты в цифрах.
Преимущества
Показали основные преимущества при работе с компанией.
Виды грузов
В этом блоке перечислили виды грузов, перевозимые компанией.
Этапы работы
Поэтапно рассказали про ход взаимодействия с клиентом.
Ответы на вопросы
Ответили на частые вопросы клиентов, которые задают при обращении.
Подвал с контактами
В конце продающей страницы просто обязана быть форма с контактными данными компании.
Итог
Мы детально разобрали внешний вид страницы. «За кадром» осталась большая проделанная работа и множество фишек на сайте. Сам проект можно посмотреть по ссылке и подробно ознакомиться.
Пример 2 — грузовое агентство
К нам обратился владелец грузового агентства с задачей разработать одностраничный сайт лендинг для услуги по перевозке генеральных и сборных грузов контейнерным и паромным способом. Давайте взглянем на страницу в целом:
1 экран
На этом проекте решили разгрузить пространство в первом экране и в шапке сайта использовали минимум элементов. Основные контакты и навигацию поместили в бургер-меню в правой части экрана. По центру вывели заголовок несущий основной смысл предоставляемой услуги. Кнопка запрос на расчет вызывает всплывающее окно с формой. В нижней части привели факты почему с компанией работать выгодно.
Перечень выполняемой работы
В этом блоке дали понять посетителю какой из каких процессов состоит работа компании.
Виды контейнеров
Вывели виды контейнеров и кнопки с заявкой на конкретный вид контейнера. Ниже дали гарантии.
О компании
Вкратце описали идею и философию компании.
Преимущества компании
Рассказали почему клиент должен выбрать именно нас. Привели преимущества при выборе.
Этапы работы с компанией
Пошагово описали этапы работы.
Отзывы
Доказали компетенцию отзывами.
Подвал сайта
В подвале разместили форму обращения и всевозможные контакты.
Меню
Меню с навигацией и контактами выполнили с помощью всплывающего окна в правой части. Это якорные ссылки, при нажатии на которые происходит закрытие окна и скролл к нужной секции.
Попап окна
Итог
Сайты получились стильные и продающие. Наши заказчики успешно продвигают сайты через контекстную рекламу и получают заявки. Если вам нужен продающий лендинг, то обращайтесь в нашу веб-студию.
