35 посадочных страниц: лучшие примеры [и критический разбор]

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

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

Что делает дизайн посадочной страницы эффективным

E-commerce

Мобильные продукты и услуги

Финансовые продукты и страхование

Офлайн-услуги

Связь

Спецпроекты и промо-сайты

Сайты B2B

Анонсы мероприятий и курсов

HR-лендинги

Хайповые лендинги

Дочитали до конца? Круто!

Плюсы хороших лендингов

Минусы ну таких лендингов

Что делает дизайн посадочной страницы эффективным

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

• Изложение преимуществ должно быть ясным и кратким, чтобы посетители сразу же понимали назначение страницы. Именно по такому принципу построены лучшие продающие одностраничные сайты.
• Страница должна выражать одну единственную идею с одним главным призывом к действию (Call to action, СТА).
• При создании макета посадочной страницы используйте приемы дизайна для выделения своего СТА (пустое пространство, цвет, контраст, направляющие сигналы).
• При использовании форм для сбора данных старайтесь сбалансировать объем запрошенной информации и ценность предложения, получаемого взамен (отчет, «белая книга» и т. п.)
• Используйте модальные диалоговые окна для выведения вспомогательной информации (условия, политика конфиденциальности, подробная информация о товаре) вместо перенаправления посетителей на другие страницы (что заставит их свернуть с намеченного вами пути конверсии).

Итак, приступаем к разбору примеров действительно хороших посадочных страниц для e-commerce, мобильных продуктов и услуг, финансовых продуктов и страхования, офлайн-услуг, B2B, спецпроектов, анонсов мероприятий, HR-лендингов и вирусных landing pages.

E-commerce

Заманчивые акции и живые фото

egorosetrovich.ru

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

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

Крутой баннер с рисованными продуктами

ji-fruits.ru

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

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

Удачная иллюстрация процесса заказа — переписка в мессенджере:

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

Заточен под разную целевую аудиторию

growfood.pro

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

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

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

Качественные фото и колесо фортуны

cutwoodshop.ru

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

Лендинг продаёт интерьерные карты из дерева, и на главном экране сделано четыре сменяющихся блока с хорошим визуалом. На каждом есть отсылка к Яндекс Картам с рейтингом в 5 звёзд и СТА-кнопка «Рассчитать стоимость карты». Тут же заманчиво крутится значок Play, нажав на который можно посмотреть процесс производства карт. В блоках много крутых снимков: профессиональная фотосессия сразу бросается в глаза и показывает товар в самом лучшем свете.

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

Отдельных аплодисментов заслуживает экран с реальными отзывами: здесь собраны скрины постов из социальных сетей. Плюс есть цепляющий блок с клиентами компании, которые известны многим потенциальным покупателям: «Сбер», «ВкусВилл», Coral Travel. Всё это точно вызывает больше доверия.

Что можно улучшить: сократить число экранов, возможно, объединить несколько смысловых блоков в один. В некоторых есть перегруз по количеству текста, их сложно воспринимать. Сейчас с мобильной версии показывает более 20 больших блоков — это много и под конец забываешь о самом главном. И напоследок подумать над разнообразием текста в кнопках с призывом к действию.

Маркетинг на все 100

food-bike.tilda.ws

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

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

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

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

В модуле таргета PromoPult вы настроите готовую кампанию для лендинга, интернет-магазина, сайта услуг или магазина на маркетплейсе в myTarget, ВКонтакте и VK Рекламе за 15 минут. Автогенерация текстов объявлений при помощи ChatGPT, ai генератор креативов, гибкие возможности таргетинга, автоуправление ставками. С простым интерфейсом справится даже новичок в таргетированной рекламе.

Реклама. ООО «Клик.ру», ИНН:7743771327, ERID: 2Vtzqufsiw8

Теплый ламповый сайт

oknaludyam.ru

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

На втором экране сразу видим кнопку «Рассчитать стоимость» (обратная связь).

Кстати, обратите внимание на стиль подачи информации. Несмотря на простоту, здесь можно найти ответы на все вопросы:

Можно улучшить: возможно, это была часть задумки «сделано на коленке», но кнопки (шрифт) выглядят не очень удачно (см. «Рассчитать стоимость» выше). Их можно оформить в стилистике сайта (рисунок ручкой), либо сделать максимально нейтральными.

Карта и Васька прекрасны

Еще один минус — текст кнопки «Рассчитать стоимость окон» не оправдывает ожиданий — вместо калькулятора открывается стандартная форма обратной связи.

Мобильные продукты и услуги

Динамично и молодежно

whoosh-bike.ru

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

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

При скроллинге следующих четырёх страниц лендинга настроена анимация — смартфон остается неподвижным, меняются цифры слева, текст справа и надписи на экране телефона. Интересный подход, который привлекает внимание.

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

Можно улучшить: все отлично, кратко, ясно и по делу.

Удобно и быстро

lingualeo.com

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

Дизайнеры последовательно используют символ продукта — львенка — на всей странице:

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

Начать без регистрации

www.duolingo.com

Плюсы. Еще один сервис для изучения языков — но здесь первый экран еще круче!

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

Кстати, кнопка «Начать» есть не только в самом начале, но и внизу короткого лендинга.

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

Все главное на первом экране

music.yandex.ru/home

Плюсы: посадочная страница сервиса Яндекс Музыка занимает всего 5 экранов. Они выглядят стильно и не переполнены ненужной информацией. Легко воспринимается весь текст, а ответы на главные вопросы, которые могут возникнуть у пользователя, вынесены на последний экран. Первый блок сразу показывает, как выглядит продукт и что получает клиент, сколько стоит подписка, плюс есть привлекательный призыв к действию в виде СТА-кнопки «60 дней бесплатно».

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

Можно улучшить: пожалуй, ничего. Лендинг привлекает внимание и удобен в навигации. Если возникнут вопросы, ответы на популярные есть на 5 экране, а в подвале размещены кнопки с переходом в важные разделы: «Условия подписки», «Условия акции», «Служба поддержки».

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

Реклама. ООО «Клик.ру», ИНН:7743771327, ERID: 2Vtzqvgi2Gv

Финансовые продукты и страхование

Лаконичный и яркий

alfabank.ru

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

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

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

Можно улучшить: отличный пример короткого лендинга, в котором все на своих местах. 

Нескучный банкинг

www.mtsbank.ru/malomu-biznesu

Плюсы. На верхнем баннере сменяются пять блоков с разными услугами банка. В каждом есть яркое изображение, минимум текста с главными выгодами и активная кнопка с призывом к действию, например «Открыть счёт» или «Подключить». При нажатии попадаем на форму оформления заявки (а не на форму обратной связи, как это часто бывает).

Скучный банковский продукт создатели лендинга попытались максимально «оживить». В каждом информационном блоке — 3D-графика в корпоративных цветах.

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

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

Быстрая и понятная покупка страховки

tinsurance.ru/ins/health-product/

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

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

Можно улучшить: всё на своих местах, отсутствие ненужной информации, отличный дизайн и понятный для клиента интерфейс.

Как настраивать контекст на профессиональном уровне — без агентства? В модуле контекстной рекламы PromoPult — автоматический подбор слов, генерация объявлений при помощи ChatGPT, ai инструмент для создания уникальных креативов за несколько секунд, «умное» управление ставками. Готовые отраслевые решения. Статистика на понятном дашборде.

Реклама. ООО «Клик.ру», ИНН:7743771327, ERID: 2VtzqupYtQE.

Офлайн-услуги

Реалистично и заманчиво

jet2009.com

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

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

На посадочной странице есть отзывы со ссылкой на Яндекс Карты, сертификаты соответствия качества и удостоверения инструкторов, и блок Ваша безопасность — наш приоритет. Это ещё один плюсик в копилку доверия к компании со стороны клиента.

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

Милый дизайн и дружелюбная анимация

vipdoghotel.ru

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

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

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

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

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

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

О кейтеринге без лишних вопросов

avangard-catering.ru

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

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

Блок «Запрос меню» представляет собой не просто форму заявки с контактами, пользователь сразу же прописывает все важные моменты, которые потом не придется перечислять по телефону — количество персон, формат мероприятия и т. п.

Продуманы приятные бонусы для клиентов:

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

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

Строго и со вкусом

goodkarma.moscow

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

На первой странице сразу три СТА-кнопки. В дополнение к этому под логотипом бросается в глаза заманчивое предложение — 15% скидка или 30% cashback на выбор.

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

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

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

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

Можно улучшить: проработать блок с фотографиями работ. В разделе «Уход за лицом» собраны просто стоковые изображения, которые никак не отвечают запросу потенциального клиента (например, интерьер салона или цветы). Появляется чувство, что фото добавили просто так, чтобы были.

Связь

Просто, как в интернет-магазине

moskva.mts.ru/personal/mobilnaya-svyaz/tarifi/vse-tarifi/mobile

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

Максимально просто и понятно оформлен блок допродажи, раздел с дополнительными опциями «Добавьте кубики» сразу бросается в глаза за счёт необычного названия:

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

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

Экспериментальный минимализм

yota.ru/store

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

Можно улучшить: не надо ничего улучшать. Идеальный экспериментальный лендинг.

Спецпроекты и промо-сайты

Брендированный дайджест

events.skillbox.ru

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

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

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

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

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

Коньяк как музейный экспонат

aivazovsky.ru

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

При наведении курсором в разделе с ассортиментом продукции меняется фон в кружочке рядом с бутылкой — тут появляются знаменитые картины художника Ивана Константиновича Айвазовского. Можно нажать кнопку «Изучить» и уже подробнее ознакомиться с товаром. Поскольку коньяк родом из Армении, то в лендинге использован акцидентный (декоративный) шрифт с отсылкой к армянскому традиционному алфавиту.

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

Сайты B2B

Кнопка на каждом экране

megaplan.ru/megaplanstart

Плюсы. Сайт 100% заточен под продажи. В первом же экране — форма заявки. Затем кнопка с призывом к действию «Попробовать бесплатно» появляется после каждого блока (1 раз на каждый экран).

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

Очень хороший прием — блок «Как используют Мегаплан». Здесь можно подробнее узнать, как работать с продуктом в отделе продаж, для B2B услуг, оптовых продаж, сервисного центра и т. п.

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

Уникальные иллюстрации под конкретный проект

www.archiv.ru

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

Ещё один вариант первого экрана — добавляются комментарии в бабле, на диаграмме поэтапно прорисовывается график:

Иллюстрации лендинга специально отрисованы для проекта, выполнены в едином стиле и одной цветовой гамме:

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

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

Веселые картинки для B2B

piratecode.ru

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

Яркие иллюстрации сочетаются с лаконичным текстом на белом фоне, по итогу нет ощущения перегруженности.

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

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

Минимализм в деле

чёрнаябухгалтерия.рф

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

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

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

Анонсы мероприятий и курсов

Интересная анимация и стильный дизайн

кулинарныйстендап.рф

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

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

Есть раздел с подтверждением профессионализма шеф-повара, который будет проводить мероприятие:

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

Прицел на молодёжь

lp.senseischool.ru

Плюсы: лендинг запоминается уже после первого блока. Под названием аккуратно спрятан мат и перечеркнут словом censored — всем очевидно, что там, но всё в рамках цензуры. Лендинг обучающего курса направлен на молодежь. К посетителю обращаются на ты, стиль поддерживают и надписи на CTA-кнопках: «Что по обратной связи» или «Что по практике».

Больше пяти СТА-кнопок равномерно распределены по всей странице и не надоедают, ведь текст на них меняется.

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

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

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

Оригинально и с юмором

ryba.team/courses/docs

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

Раздел со стоимостью тоже привлекает внимание — и оформлением, и текстовым содержанием:

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

Лендинг как авангардное искусство

kaskadproject.com

Плюсы. Это не просто лендинг, а произведение концептуального искусства.

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

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

Что можно подсмотреть, вне зависимости от смелости ваших взглядов: короткая форма регистрации, никаких лишних вопросов вроде фамилии, города, возраста и т. д.:

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

Ненавязчивые СТА на каждом шагу

retouch-photo.ru

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

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

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

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

HR-лендинги

Лендинги под набор персонала — особый жанр. Их задача — продать место в компании соискателю. Два примера, как это работает.

Команда супергероев

hr.cpeople.ru

Плюсы. Агентство позиционирует себя как команду супергероев, так что страница построена в стилистике комиксов:

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

Конкретные вакансии расположены относительно далеко внизу, но к ним можно перейти сразу по кнопке «Хочу в команду!».

Что можно улучшить: флажок «работодатель года» можно попробовать сделать чуть заметнее (но что хорошо — он остается при проскролле страницы). И все-таки поэкспериментировать с дополнительными кнопками перехода к вакансиям.

Без лишних слов о важном для кандидатов

rabota.mtsbank.ru

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

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

Хайповые лендинги

Мемы и шуточки для своих

yasdelie.ru

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

Вся страница построена на картинках-мемах и немного упоротых текстах — невозможно оторваться:

Можно улучшить: ничего. Только расскажите нам, какая конверсия у этого лендинга и кто так тщательно охраняет конфиденциальность калининградского автора.

Модный сторителлинг с Зоей

basics.changerschool.ru

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

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

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

Можно улучшить: очень длинный лендинг, 20+ страниц, тяжело дочитать всю информацию до конца. С другой стороны, приходится читать, чтобы не упустить что-то важное. И под конец лендинга появляется много сплошного текста — забываешь о первоначальном крутом комиксе с Зоей. Сократить страницы и убрать много слов, оставить больше воздуха и сторителлинга. 

Образцово-показательный лендинг

24run.ru

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

Все блоки на своих местах, все строго по правилам: маркированные списки, кнопки CTA, иконки, описание процесса, преимущества, отзывы и т. д. И прекрасный ироничный копирайтинг.

Ответ на вопрос, кто за этим стоит — в конце лендинга.

Можно улучшить. Не можно.

Дочитали до конца? Круто!

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

Самое время подводить итоги. Какие плюсы и минусы нам встречались чаще всего?

Плюсы хороших лендингов

• Лаконичность в тексте и дизайне.
• Стильная анимация.
• Нестоковые фотографии.
• Оригинальные рисунки.
• Человеческий язык, уместный юмор.
• Понятные кнопки CTA, встречающиеся на странице несколько раз.
• Нестандартный подход к стандартной тематике без ущерба содержанию.
• Апелляция к эмоциям.
• Четко обозначенные преимущества, акции, скидки.
• Нешаблонные отзывы.
•  Максимально простые формы регистрации.

Минусы ну таких лендингов

• Невнимание к мелочам (огрехи в верстке, отсутствие фавиконов, контраст шрифта и подложки и т. д.).
• Недостаточно CTA.
• Слишком большой объем информации, длинный лендинг.
• Неинтересные и некачественные видео.