25 лендінгів: кращі приклади з розбором
У цій статті ми зібрали 25 прикладів крутих лендингов, які нас надихнули. Сподіваємося, що при розробці свого макету дизайну вони надихнуть і вас. Зазначимо, що ми навмисно зосередилися на російськомовних посадочних сторінках, так як зарубіжний досвід хоч і цікавий, але не завжди застосуємо в Рунеті.
Важливо розуміти, що посадкова сторінка – це не завжди односторінковий сайт. Посадочної сторінкою може бути будь сторінка сайту, створена і опрацьована під окремий продукт, послугу або дію.
Сегмент авіакомпаній
1. Зустрічайте нові напрямки – https://www.s7.ru/poehali/
Завжди мріяли відправитися в космічну подорож, в далекі-далекі галактики? 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. взагалі відмінна ідея в будь-якій тематиці бізнесу):
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/
24. Завжди Coca-Cola – https://www.coca-cola.ru/
25. Не дай собі засохнути – https://www.sprite.ru
Ура! Ви дочитали цю статтю до кінця і побачили 25 прикладів высококонверсионных посадкових сторінок і незвичайних лендингов. Але це ще не все. У нас велика колекція =) Стежте за нашим блогом і чекайте другу порцію крутих лендингов.
Ну а якщо думка про розробку лендинга не дає вам спокою, а знань і умінь для створення якісної сторінки самостійно недостатньо, зверніться за порадою до фахівців. До речі, наша Служба підтримки завжди на зв’язку і готова вас проконсультувати. Пишіть!
Слідкуйте за нашим блогом і чекайте другу порцію крутих лендингов.
