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

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

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

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

Строительный сегмент

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

Оцениваем:

1. Комплекс аппартаментов – https://дом-скала.рф

Качественный строительный лендинг

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

2. Пример хорошего дизайна – https://паркфлора.рф/

Казалось бы, комплекс как комплекс, но ребята из студии «Хороший дизайн» сделали такой крутой калькулятор подбора квартиры, что просто невозможно устоять и не «потыкать» его .=) Также подкупает легкость страницы и отсутствие лишних элементов.

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

3. Немецкое качество – аж дух захватывает https://www.oppermann-fuss.de/

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

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

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

4. Farbenhaus – покраска деревянных полов – https://farbenhaus.ru

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

5. Поставщик оборудования для шкафов WT Hardware – https://www.wthardware.com.au/

хороший пример ненавязчивого parallax в лендинге

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

6. CTA с размахом – http://moscowfreetour.ru/

cta на лендинге

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

Верхнее меню закреплено и перемещается при скролле лендинга.

Все блоки оформлены очень лаконично, графика позволяет сократить объем текста и здорово визуализирует информацию:

визуализация информации на лендинге

7. Продажи в лоб – https://qlean.ru

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

конверсионный лендинг

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

Напоминание о скидке и предложение о расчете стоимости не отпускают пользователя и в следующих экранах при прокрутке.

Цены отображаются сразу со скидкой:

демонстрация цен на лендинге

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

хороший дизайн посадочной страницы

Фототехника

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

8. Cтарая добрая Лейка – https://ru.leica-camera.com

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

Все очень ярко, красочно. Сайт, которым непроизвольно любуешься.

9. Мастерская творчества Canon – https://www.canon.ru/

хороший дизайн посадочной страницы

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

10. Великий Цейсс – https://www.zeiss.com/corporate/int/home.html

невероятные посадочные страницы

Каждая страница сайта как отдельный проект. Достойно уважения, как и производимые компанией товары.

11. Sony – https://www.sony.ru/

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

Связь

12. Просто и понятно – https://moskva.mts.ru/personal/mobilnaya-svyaz/mobilniy-internet/podklyuchit

яркий минималистичный лендинг

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

Интуитивно понятный блок допродаж:

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

13. Минимализм во плоти – https://www.yota.ru/#promo

необычный лендинг

Неординарный лендинг. Всего один экран. Все, что есть – это 4 ссылки и большой яркий баннер, состоящий из трех слайдов. Вот такой смелый минимализм.

B2B

14. Больше кнопок – https://megaplan.ru/megaplanstart/

продающая страница

Максимально продающий лендинг. В первом экране – форма заявки. Далее – кнопка с призывом к действию «Попробовать бесплатно». К слову, появляется она после каждого блока.

cta на посадочной странице

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

15. Легкий дизайн для сложного сервиса – https://www.cloudpayments.ru/

крутой лендинг

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

Целевая кнопка в первом экране – большой плюс.

Хочется также отметить подход к блоку с отзывами:

отзывы на лендинге

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

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

И последнее любопытное – с текущего лендинга можно перейти на лендинг с маркировкой 18+. Но показывать его мы, конечно же, не будем. Просто посмотрите, как здорово это сделано:

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

16. Веселье и B2B? Почему бы и нет – https://piratecode.ru/

лендинг для b2b

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

дизайн лендинга для b2b

Мероприятия и курсы

17. Живая страничка – https://another-georgia.com/

анимированный лендинг

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

Крутая фишка – тексты от первого лица:

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

18. Стильно, модно, молодежно – https://rubyrussia.club/ru

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

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

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

Компактный текст о каждом спикере:

яркий лендинг

HR-сфера

19. Прямо в ЦА – https://hr.cpeople.ru/

веб-дизайн для hr-агенства

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

веб-дизайн под целевую аудиторию

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

На волне хайпа

Слабонервным консерваторам и любителям классического веб-дизайна смотреть не рекомендуется. =) Помимо идеально отточенных с точки зрения юзабилити и конверсионности посадочных страниц, мы собрали еще несколько необычных и довольно концептуальных примеров. Любителям хайпа посвящается. =)

20. Для своих – http://yasdelie.ru/

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

Градус виральности – максимальный. И не включить этот лендинг в подборку классных посадочных страниц было бы просто несправедливо.

Суть в том, что вся посадка состоит из интернет-мемов. Если честно, оторваться просто невозможно:

интернет-мемы в веб-дизайне

21. Образцовость – http://24run.ru/

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

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

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

форма обратной связи на лендинге

Сладости на десерт

Ну и напоследок наше любимое – лендинги, посвященные сладостям. =) Самые яркие, самые сочные, самые шоколадные. Разработчики не скупятся на сочные, цепляющие взгляд цвета и оригинальные анимационные фишки, при этом соблюдая общую стилистику продукта.

22. Попробуй M&M’s по-новому – https://mms-promo.ru

яркий лендинг с Js-анимацией

23. Интернет кипит от злости – https://www.snickers.ru/

забавный лендинг с применением js в промо-акции

24. Золотая лихорадка – https://alpengold.me

классический промо-лендинг

25. Кисленькое напоследок – https://skittlespromo.ru

классический промо-лендинг

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ваш email

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

Я уже с вами

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

×