SEO-марафон» 11-13 декабря 2019 ПОДНИМЕМ САЙТ С КОЛЕН:
3-дневный интенсив по продвижению
Записаться

До начала трансляции:

50 примеров потрясающего дизайна лендинга (часть 1)

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

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

Сегмент авиакомпаний

1. Встречайте новые направления – https://www.s7.ru/poehali/

уникальный пример космо-лендинга посвящённого дню космонавтики от S7

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

2. Просто очень хорошее дело – https://www.uralairlines.ru/landing/bfkh/

Минималистичный дизайн лендинга

Весь год помогаем благотворительному фонду Константина Хабенского – так гласит страница. Минималистичный дизайн в сочетании с прямым призывом – всё просто и ясно. Ёмкий текст заголовка сразу дает понять, о чем этот лендинг.

3. Air France, France is in the air – https://www.airfrance.ru/

классический дизайн посадочной страницы

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

Сегмент E-commerce

4. Влюбиться с первого взгляда – https://kitchenceremony.com/

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

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

Глядя на этот пример, можно сказать, что качественные фотографии многое решают:

лендинг с качественными фотографиями

5. Графика всему голова – http://ji-fruits.ru/

графический дизайн в первом экране

Сочный и яркий первый экран. Индивидуальная отрисовка выгодно выделяет сайт на фоне конкурентов. Ёмкий текст заголовка сразу дает понять, о чем этот лендинг.

правильные продажи через лендинг

Еще один плюсик в копилку лендинга – иллюстрация процесса заказа:

иллюстрация процесса заказа через лендинг

6. Успеть все за 30 минут – https://chef.yandex/

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

Еще один пример «вкусной» посадочной страницы. Цепляющие картинки, максимально иллюстрирующие суть лендинга.

И снова ода индивидуально отрисованным изображениям:

качественные иллюстрации на лендинге

Согласитесь, это чудесно?

7. Flat – http://satellite-express.ru/

лендинг с индивидуальным дизайном

Отличный лендинг с прекрасными рисунками.

Четыре продаваемых продукта расположены в следующем экране (к слову, довольно интересное дизайнерское решение):

правильная иллюстрация продуктов на лендинге

8. Все любят котиков – https://www.kotofabrika.com/

интересный копирайтинг для лендинга

правильный копирайтинг для лендинга

Эту посадку мы включили в список для того, чтобы поаплодировать его копирайтеру. И нет, тут нет перебора с «ми-ми-ми», все очень даже органично и, как говорится, в ЦА. Думаем, хозяева и хозяйки котиков оценили такую подачу информации.

Сегмент электронной техники

9. Apple – https://www.apple.com/ru/

стильный дизайн лендинга

Ничего лишнего. Только самое. Выверенный дизайн, стиль в каждой мелочи, качество. Одним словом – Apple. У нас всё.

10. Turn On Tomorrow – https://www.samsung.com/ru/

Типографика в дизайне лендинга

Всем нам известна отличительная черта товаров компании Samsung, а именно – актуальность вкупе с внедрением новых технологий. То же можно сказать и о данной посадочной странице. «Светлое завтра» чувствуется в каждом элементе.

11. Та самая маленькая рисинка – https://www.mi.com/ru/

строгий дизайн лендинга

«Инновации для каждого» – и с каждым релизом Xiaomi продолжает придерживаться данного лозунга. Чем-то данная страница схожа с предыдущим примером. Строгий лаконичный дизайн и красивая подача продукта подчеркивает серьёзные намерения компании завоевать этот рынок окончательно и бесповоротно.

Сфера услуг

12. Продает эмоцию – http://lite.youdrive.today/

видеоролик на лендинге

Видеоролики – тренд 2019 года. Не важно, где – в соцсетях или на сайте, но видео бесспорно привлекает внимание и отлично продает эмоцию. В данном случае идея того, что электросамокат – это быстро, весело и динамично, отражена на все 100%.

Из плюсов: отличное юзабилити. Кнопки на скачивание приложения в AppStore и Play Market доступны сразу под видео:

качественное юзабилити лендинга

Объем текста на лендинге минимальный, все кратко и по делу (изложение информации в формате F.A.Q. вообще отличная идея в любой тематике бизнеса):

использование f.a.q. на лендинге

13. Забавная графика, или кто во что горазд – https://molodost.bz/fact/

использование графики на лендинге

качественный графический дизайн для посадочных страниц

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

И да, здесь еще есть о-о-очень крутой баннер в третьем экране:

пример хорошего баннера на лендинге

Лендинг нисколько не перегружен цветами, текст разбит на небольшие блоки. Вердикт: 10/10.

14. Красота в простоте – https://lingualeo.com/ru#welcome

простой дизайн лендинга

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

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

использование брендинга в дизайне лендинга

15. Бесплатно без СМС и регистрации – https://www.duolingo.com/

минимализм в дизайне лендинга

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

16. Все по делу – https://ru.bookmate.com/

хороший пример оффера на лендинге

Оффер в первом экране. Крупный и соблазнительный (очень хочется отвлечься от статьи и бежать подписываться, если вы так и сделаете – мы поймем). Приятное, уместное изображение, нужные кнопки и краткая информация о сервисе. Идеально.

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

17. Просто о сложном – https://rocketbank.ru/

грамотные юзабилити и дизайн лендинга

Если бы нас попросили охарактеризовать этот лендинг одним словом, это было бы слово «компактность». Очень грамотные юзабилити и дизайн – ничего лишнего. Нет ни текстового, ни визуального перегруза – много «воздуха» и уместных акцентов.

Минималистичная визуализация тарифов:

пример демонстрации тарифов на лендинге

18. Очеловеченность – https://www.mtsbank.ru/malomu-biznesu/

фотографии людей на лендинге

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

пример яркой посадочной страницы

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

19. А в двух экранах слабо? https://www.tinkoffinsurance.ru/autoinsurance/

минимум экранов на лендинге

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

минимализм при создании лендинга

На два экрана три CTA (нисколько не навязчивых). Все очень лаконично, стильно и информативно. Достойный пример.

Напитки

Следующие 5 примеров объединяет одно – минималистичный дизайн. А если точнее: текст на минимум – сочность на максимум.

Аж слюнки текут! Действительно, основной упор сделан на яркую графику, а большего и не надо. Но важно отметить тот факт, что не каждый может себе позволить данный приём – как правило, он применим к крупным, узнаваемым компаниям, которым нет необходимости рассказывать о себе или о своём товаре. Главная задача – соблазнить, заставить мучаться от жажды – и, как нам кажется, эти «ребята» отлично справляются со своей задачей.

20. Хороший вкус чувствуешь сразу – http://www.rich-juice.me/

Хороший вкус чувствуешь сразу

21. Я и больше никого – https://ya-juice.ru

Я и больше никого

22. С новым дизайном – https://www.borjomi.com

С новым дизайном

23. Pepsi. Бери от жизни всё – https://pepsi.ru/

Pepsi. Бери от жизни всё

24. Всегда Coca-Cola – https://www.coca-cola.ru/

Всегда Coca-Cola

25. Не дай себе засохнуть – https://www.sprite.ru

Не дай себе засохнуть

Ура! Вы дочитали эту статью до конца и увидели 25 примеров высококонверсионных посадочных страниц и необычных лендингов. Но это еще не все. У нас большая коллекция =) Следите за нашим блогом и ждите вторую порцию крутых лендингов.

Ну а если мысль о разработке лендинга не дает вам покоя, а знаний и умений для создания качественной страницы самостоятельно недостаточно, обратитесь за советом к специалистам. Кстати, наша Служба поддержки всегда на связи и готова вас проконсультировать. Пишите!

Следите за нашим блогом и ждите вторую порцию крутых лендингов.

© 1PS.RU, при полном или частичном копировании материала ссылка на первоисточник обязательна.

Понравилась статья?

33 бесплатных инструмента
для интернет-маркетолога

  • Сервисы для контекста
  • Сервисы для контент-маркетинга
  • Сервисы для SMM
  • Анализ конкурентов
  • Email рассыльщики
  • Работа с репутацией
Получить список бесплатных сервисов

Популярные статьи

Все популярные статьи »

Комментарии (0)

Правила комментирования блога

Проверить позиции сайта

Запросы для проверки
Регион для проверки
Оставить коммент к статье

Читайте свежие статьи первыми

Дайджест новых статей по интернет-маркетингу 1 раз в неделю

Летим с нами в ТОП

Подписывайтесь на рассылку и получайте практические советы по продвижению сайта

Ваш email

Нажимая на кнопку «Подписаться», вы соглашаетесь на обработку персональных данных

Я уже с вами

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

×