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

Задача: 

Разработать лендинг для компании, занимающейся грузоперевозками

Тип бизнеса: 
Что мы сделали: 

внедрили продающие решения на сайт

​увеличили поток клиентов

разработали продающий дизайн

Результат: 

Лендинг с высокими показатели конверсии

Читайте о том, как создются классные решения!

Дмитрий Карпинский
Директор по пропаганде

С чего все началось

С чего все началось

Клиент Промышленно-логистическая компания «Вектор Логистик Трейд» обратился к нам в марте 2016 года. Для нас данное направление было совершенно новым и, в связи с этим, еще более интересным. Ведь наша команда любит сложные задачи – хороший стимул к развитию и реализации своих возможностей.

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

Как ставилась задача

Как ставилась задача

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

Итак, нам необходимо было сделать следующее:

  • Проанализировать данный сегмент бизнеса;
  • Разработать прототип лендинговой страницы;
  • Разработать продающий дизайн для лендинга.

Разработка прототипа – рисуем схему

Хотите знать, как сделать классный прототип? Ответ прост – иметь в команде действительно профессионального специалиста. У нас, к счастью, такой есть.

Итак, наш будущий лендинг состоит из следующих блоков:

  • Шапка сайта, исходя из которой, сразу становится понятно, чем занимается компания. Она привлекает внимание клиентов, не вызывая желания покинуть сайт в первые секунды после открытия.

Разработка прототипа – рисуем схему

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

Разработка прототипа – рисуем схему

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

Разработка прототипа – рисуем схему

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

Разработка прототипа – рисуем схему

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

Разработка дизайна – оживляем макет

  • Блок с контактами дает информацию обо всех контактных данных компании.

Разработка дизайна – оживляем макет

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

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

Разработка дизайна – оживляем макет

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

Разработка дизайна – оживляем макет

  • Все иконки имеют общее цветовое решение, что придает сайту единый стиль.

Разработка дизайна – оживляем макет

  • Эффектная галерея транспорта для грузоперевозок.

Разработка дизайна – оживляем макет

  • Удобная форма обратной связи в конце страницы для захвата максимального количества клиентов.

Разработка прототипа – рисуем схему

Разработка сайта

Вот мы и добрались до самого сложного, но невероятно интересного этапа – верстки сайта. Я не знаю, как, но нашим разработчикам всегда удается добиться невероятных результатов. Данный лендинг был разработан на базе CMS Drupal, которая имеет очень широкие возможности не только для работы с сайтами, но и для их дальнейшего усовершенствования. Формы обратной связи осуществляют без перезагрузки страницы, что очень удобно для пользователей. Карта, на которой выделены области работы компании, была специально внедрена нашими разработчиками для удобства пользователей.

Мы можем долго рассказывать про нюансы разработки лендинга. Лучше – приезжайте к нам и мы вам все покажем!

Результат работы с сайтом

Результат работы с сайтом

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

Таким образом, мы имеем:

высокие показатели

конверсии сайта

улучшены

продающие свойства сайта

Демонстрация макета (Прокрутите макет для того чтобы посмотреть его полностью)

Скриншот Разработка лендинга для транспортной компании
Ещё классные кейсы
Получить классное предложение
Очень оперативно рассмотрим заявку и сделаем для Вас замечательное предложение

Только продающие решения для вашего бизнеса!

Диана Зайцева
UX/UI дизайнер. Руководитель разработки