LPgenerator — профессиональная Landing Page платформа для увеличения продаж вашего бизнеса
  • Более 500 шаблонов в галерее
  • Инструменты оптимизации конверсии
  • Статистика и сквозная аналитика
  • CRM для работы с заявками и телефония
  • Визуальный редактор с расширенным функционалом
  • Быстрая техническая поддержка
  • Множество интеграций
  • Окупаемость инструмента — от 7 дней

8 самых красивых лендингов транспортных компаний

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

1. PonyExpress. Свежо и зелено

Сочный дизайн, построенный на контрастах светлых и темных оттенков зеленого:

PonyExpress

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

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

офисы PonyExpress

Что такое лендинг пейдж? Руководство для начинающих

2. TTG. Правильные акценты

TTG

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

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

Из дополнительных плюсов:

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

Плюсы TTG

Из замеченных минусов:

много неочевидных СТА, без призыва к действию
списку «Комплектация тарифов» не хватает кнопок «Заказать»

Насколько эффективен анимированный лендинг?

3. Coyote. Дизайн с характером

Стильный черно-белый дизайн с ядовито-зелеными акцентами, полностью соответствующий философии компании: «NO EXCUSES» («Никаких оправданий»).

Coyote

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

оформление сайта Coyote

4. Boa. Дружелюбный дизайн

Жизнерадостный, позитивный, дружелюбный дизайн лендинга для компании с философией контактности, открытости и взаимного доверия:

Boa

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

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

упор на социальность

Долой стоковые фото, или Оптимизация конверсии с помощью изображений реальных людей

5. Diana Shipping&Containerships Inc. Двое из ларца

Лендинги-близнецы Diana Inc. — яркие представители flat-дизайна, полностью копирующие внешность друг друга, за исключением цветовой палитры.

Diana Shipping

Diana Containerships

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

6. Shyp. Краткость — сестра таланта

Shyp

Короткий лендинг Shyp — царство разумного минимализма. Белый фон, ярко-зеленый акцент, направляющий взгляд справа-налево вниз по диагонали. Заголовок, подзаголовок, единственная СТА-кнопка, продублированная в конце, 3 шага — все самое необходимое на месте. Вообще ничто не отвлекает от целевого действия, при этом все понятно. Оригинально и просто.

Простота и минимализм в веб-дизайне

Простота и минимализм в веб-дизайне

7. Hermes. 100% роскошь

Посетителю сразу дают понять — здесь обитель роскоши, комфорта и безопасности люкс-класса. Груз перевозится самый ценный — клиенты компании.

Hermes

Сайт выполнен черно-белых тонах и выглядит сдержанно, стильно. Никаких форсированных продаж: одна открытая форма захвата в конце. Ярко-красные акценты, большое количество слайдеров, видеоотзывы, указание на респектабельность прямым тестом и полное отсутствие «дешевых» триггеров и СТА — таков сайт Hermes. Удобный, деловой, роскошный. 

Удобный, деловой, роскошный

8. Farewell. Прощай, обыденность!

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

Сайт компании Farewell

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

высокий профессиональный уровень лендинга

10 ошибок на лендинге, которые наиболее часто делают новички

Вместо эпилога

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

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

Высоких вам конверсий! 

blog comments powered by Disqus
Бесплатная программа развития своего дела от Google и Сбербанк
для начинающих предпринимателей и собственников бизнеса

Программа для тех, кто:

copyright © 2011–2018 by LPgenerator LLC. Все права защищены
Запрещено любое копирование материалов ресурса без письменного согласия владельца — ООО "ЛПгенератор".