В этой статье мы собрали 25 примеров крутых лендингов, которые нас вдохновили. Надеемся, что при разработке своего макета дизайна они вдохновят и вас. Отметим, что мы намеренно сосредоточились на русскоязычных посадочных страницах, так как зарубежный опыт хоть и интересен, но не всегда применим в Рунете.
Важно понимать, что посадочная страница — это не всегда одностраничный сайт. Посадочной страницей может быть любая страница сайта, созданная и проработанная под отдельный продукт, услугу или действие.
Сегмент E-commerce
1. Влюбиться с первого взгляда –
Ну очень вкусные картинки с флером, так называемого, люкса. В первом экране большое качественное фото. Стильное и интуитивно понятное верхнее меню. Есть динамика при скролле в следующем экране.
Глядя на этот пример, можно сказать, что качественные фотографии многое решают:
2. Графика всему голова –
Сочный и яркий первый экран. Индивидуальная отрисовка выгодно выделяет сайт на фоне конкурентов. Ёмкий текст заголовка сразу дает понять, о чем этот лендинг.
Следующий экран — предложения о покупке готовых наборов:
Еще один плюсик в копилку лендинга — иллюстрация процесса заказа:
3. Успеть все за 30 минут –
Еще один пример «вкусной» посадочной страницы. Цепляющие картинки, максимально иллюстрирующие суть лендинга.
И снова ода индивидуально отрисованным изображениям:
Согласитесь, это чудесно?
4. Flat –
Отличный лендинг с отличными рисунками.
Четыре продаваемых продукта расположены в следующем экране (к слову, довольно интересное дизайнерское решение):
5. Все любят котиков –
Эту посадку мы включили в список для того, чтобы поаплодировать его копирайтеру. И нет, тут нет перебора с «ми-ми-ми», все очень даже органично и, как говорится, в ЦА. Думаем, хозяева и хозяйки котиков оценили такую подачу информации.
Сфера услуг
6. Продает эмоцию –
Видеоролики — тренд 2019 года. Не важно, где — в соцсетях или на сайте — но видео бесспорно привлекает внимание и отлично продает эмоцию. В данном случае идея того, что электросамокат — это быстро, весело и динамично, отражена на все 100%.
Из плюсов: отличное юзабилити. Кнопки на скачивание приложения в AppStore и Play Market доступны сразу под видео:
Объем текста на лендинге минимальный, все кратко и по делу (изложение информации в формате F.A.Q. вообще отличная идея в любой тематике бизнеса):
7. Забавная графика, или кто во что горазд –
Креативность в подаче информации о своем продукте — всегда большущий плюс в битве за конкурентное преимущество в Интернете. А если креативность подкрепляется качественным дизайном, как на этом примере, то шансы увеличиваются в разы.
И да, здесь еще есть о-о-очень крутой баннер в третьем экране:
Лендинг нисколько не перегружен цветами, текст разбит на небольшие блоки. Вердикт: 10/10.
8. Красота в простоте –
Первый экран этой посадки может показаться уж очень простым, но это и есть его главное преимущество. Как нас учат с детства: краткость — сестра таланта, и здесь это определение подходит как нельзя лучше. Все сразу понятно из заголовка, а основной акцент — минималистичная форма регистрации. Заполняете два поля — и вы в танцах деле.
Ставший визитной карточкой продукта львенок органично расположен на всей странице в разных амплуа:
9. Бесплатно без СМС и регистрации –
Еще один сервис для изучения языков, но с совершенно другой идеей дизайна и подачи в целом. Тот случай, когда смело можно сказать: «без СМС и регистрации». Верх искусства минимализма. Аплодируем!
10. Все по делу –
Оффер в первом экране. Крупный и соблазнительный (очень хочется отвлечься от статьи и бежать подписываться, если вы так и сделаете — мы поймем). Приятное, уместное изображение, нужные кнопки и краткая информация о сервисе. Идеально.
Финансовые продукты и страхование
11. Просто о сложном –
Если бы нас попросили охарактеризовать этот лендинг одним словом, это было бы слово «компактность». Очень грамотные юзабилити и дизайн — ничего лишнего. Нет ни текстового, ни визуального перегруза — много «воздуха» и уместных акцентов.
Минималистичная визуализация тарифов:
12. Очеловеченность –
Первое, что мы видим при открытии лендинга — яркий и минималистичный баннер в первом экране. При нажатии на кнопку, как можно догадаться, открывается форма создания заявки. Удобно. Здорово, что банковский продукт максимально очеловечен. И эта очеловеченность не ограничивается лишь первым экраном. В каждом блоке далее живая фотография с эмоцией:
Посадочная страница представлена всего в 3 экранах, но здесь этого более чем достаточно.
13. А в двух экранах слабо?
Еще один любопытный пример использования минимума экранов. Первый — сочетание ненавязчивого изображения и ключевой информации: выгоды и преимущества. Второй — пошаговая схема оформления страховки.
На два экрана три CTA (нисколько не навязчивых). Все очень лаконично, стильно и информативно. Достойный пример.
Офлайн-услуги
14. CTA с размахом –
Все очень ярко, красочно и по-русски стереотипно. Лого с матрешкой, собор Василия Блаженного, шапка-ушанка — в общем, здесь есть все, что нужно, чтобы сразу показать, куда попал пользователь. Заголовок, кстати, тоже не оставляет сомнений.
Верхнее меню закреплено и перемещается при скролле лендинга.
Все блоки оформлены очень лаконично, графика позволяет сократить объем текста и здорово визуализирует информацию:
15. Продажи в лоб –
Этот лендинг создан, чтобы продавать. Максимальная сосредоточенность на конверсии. В первом экране сразу виден оффер, которым необходимо воспользоваться в течение 15 минут — запущен обратный отсчет.
Напоминание о скидке и предложение о расчете стоимости не отпускают пользователя и в следующих экранах при прокрутке.
Цены отображаются сразу со скидкой:
Помимо заманчивых предложений стоит отметить и дизайн. Нет перегруза по цветам, блок оформлен очень интересно и наглядно:
Связь
16. Просто и понятно –
Просто и понятно — вот что можно сказать об этой посадочной странице. Приятный дизайн, много воздуха, легко считываемая информация.
Интуитивно понятный блок допродаж:
17. Минимализм во плоти –
Неординарный лендинг. Всего один экран. Все, что есть — это четыре ссылки и большой яркий баннер, состоящий из трех слайдов. Вот такой смелый минимализм.
B2B
18. Больше кнопок –
Максимально продающий лендинг. В первом экране — форма заявки. Далее — кнопка с призывом к действию «Попробовать бесплатно». К слову, появляется она после каждого блока.
Продукт показан ну очень подробно и наглядно: много анимированных элементов, которые иллюстрируют процесс работы с сервисом.
19. Легкий дизайн для сложного сервиса –
Отличный первый экран с индивидуально отрисованными элементами (кстати, буквы появляются буквально на глазах и это безусловно привлекает внимание). Несмотря на небольшое количество информации, легко прослеживается суть услуги и позиционирование компании.
Целевая кнопка в первом экране — большой плюс.
Хочется также отметить подход к блоку с отзывами:
Организация портфолио тоже впечатляет: логотипы движутся по кругу, их много. Создается ощущение бесконечности. Все логотипы, кстати, в фирменном цвете сервиса. Стильно:
И последнее любопытное: с текущего лендинга можно перейти на лендинг с маркировкой 18+. Но показывать его мы, конечно же, не будем. Просто посмотрите, как здорово это сделано:
20. Веселье и B2B? Почему бы и нет –
Дизайн в мультяшном стиле отчетливо выделяется на фоне сайтов других разработчиков. Ярко, но в то же время лаконично и легко. Используется прием «параллакс»: при скролле страницы появляется новый текст и изображения. Создается ощущение настоящего приключения.
Мероприятия и курсы
21. Живая страничка –
Стильный лендинг с ненавязчивой анимацией. Обратите внимание, дизайн выдержан в цветовой гамме грузинского флага. Нет текстового перегруза, информация грамотно разбита на блоки.
Крутая фишка — тексты от первого лица:
22. Стильно, модно, молодежно –
Дизайн первого экрана находится буквально на острие современных модных трендов.
Компактный текст о каждом спикере:
HR-сфера
23. Прямо в ЦА –
HR-агентство позиционирует себя как команда супер-героев, а страница логичным образом построена в стилистике комиксов:
По-настоящему яркий лендинг, который на всех уровнях четко определяет ЦА: смелые, творческие, неординарные. Все нужные блоки при лендинге: преимущества работы в компании, лидерство на рынке, проекты, команда, вакансии, фотографии.
На волне хайпа
Слабонервным консерваторам и любителям классического веб-дизайна смотреть не рекомендуется =) Помимо идеально отточенных с точки зрения юзабилити и конверсионности посадочных страниц, мы собрали еще несколько необычных и довольно концептуальных примеров. Любителям хайпа посвящается =)
24. Для своих –
Градус виральности — максимальный. И не включить этот лендинг в подборку классных посадочных страниц было бы просто несправедливо.
Суть в том, что вся посадка состоит из интернет-мемов. Если честно, оторваться просто невозможно:
25. Образцовость –
Здесь есть все. Все, что должно быть в хорошем лендинге: списки, CTA-кнопки, иконки, подробное описание процесса, преимущества, отзывы. И, конечно же, чудесный копирайтинг с правильной долей иронии.
Ура! Вы дочитали эту статью до конца и увидели 25 примеров высококонверсионных посадочных страниц и необычных лендингов. Но это еще не все. У нас большая коллекция =) Следите за нашим блогом и ждите вторую порцию крутых лендингов.
Ну а если мысль о разработке лендинга не дает вам покоя, а знаний и умений для создания качественной страницы самостоятельно недостаточно, обратитесь за советом к . Кстати, наша Служба поддержки всегда на связи и готова вас проконсультировать.