Подборка 8 лучших лендингов · Блог Outlanding · Примеры лучших лендингов · Лучшие лендинг страницы · Удачные лендинги

≈ 11 мин. на чтение

14 Октября 2016

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

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

Periscope – отличный пример качественного лендинга

Что можно рассказать о себе с помощью landing page, которая помещается на один экран? Все, что необходимо посетителю страницы. Periscope превосходно справился с этой задачей, использовав лишь одно видео, на котором полностью объяснен принцип действия продукта.

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

Минимализм и креативность – принцип работы Fixed Group

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

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

Природный ландшафт, создающий эмоции

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

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

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

Изысканность от Dinero для настоящих эстетов

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

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

Упор на эффекты

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

Уникальное торговое предложение на лендинг пейдж

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

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

Вилла «Августа» на своем примере показывает, как просто привлечь клиентов

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

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

Lingualeo предлагает не терять время

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

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

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

10 составляющих идеального лендинг пейдж

Как должен выглядеть лендинг с точки зрения эффективности? Какие блоки он должен содержать и как эти блоки должны выглядеть? Прочитав статью, вы получите ответы на эти вопросы и увидите, как выглядят лучшие landing page.

У идеального лендинга, одноэкранного или длинного, всегда есть цепляющий заголовок, который:

• сразу дает посетителю понять, куда он попал;
• показывает ему уникальность вашего предложения.

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

От заголовка зависит показатель отказов.

Вот примеры заголовков лучших лендингов нашей компании.

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

В том случае, если на посадочной странице есть заголовок с УТП, дескриптор делают скромным – лого плюс название.

Лучшие лендинги всегда содержат оригинальный дескриптор.

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

• реальный номер телефона;
• электронную почту;
• кнопку «Обратный звонок».

В зависимости от специфики рекламируемого товара или услуги, блок может содержать дополнительные контакты: skype, icq, viber.

Обязательно используется призыв – просьба позвонить.

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

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

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

Одноэкранный лендинг содержит одну форму захвата, длинный – 2 или 3 формы. Первая форма соседствует с заголовком – рядом с ним или под ним.

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

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

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

Этот блок идеально обходит возражения посетителей. В блоке помещают 3–8 пунктов.

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

Блок с отзывами – ключевой в лендинге.

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

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

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

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

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

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

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

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

Заключительный триггер доверия – блок с контактной информацией о компании или авторе в футере.

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

Также тут размещается заключительная форма захвата.

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