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

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

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

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

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

Оцениваем:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

HR-сфера

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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