Гарний landing. Приклади продають Лендінзі (landing page)
Вікторія Кучінова
Головна проблема більшості сучасних Лендінзі - всі вони ніби зроблені під копірку. А де ж креатив, вогонь, де дизайнерські безумства?
У цій збірці я зібрала цікаві фішки і незвичайні ефекти. Частина з них зробили розробники і веб-дизайнери «Текстерри», частина знайшлася на просторах рунета. Не обійшлося і без прикладів поганого дизайну і відвертої шизи - в кінці статті вас чекає знайомство з хом'яком-вбивцею і Снігуронькою з відром.
Дивіться, надихайтеся, застосовуйте ідеї, що сподобалися на практиці, міксуйте їх зі своїми і не забувайте проводити A / Б-тестування - ось єдино правильний рецепт створення забійних посадочних сторінок.
І, головне, пам'ятати, що Лендінгем - не самодостатня інструмент. Для конверсій, лидов і продажів потрібен якісний трафік. А добути його складно без комплексного просування.
розширена форма
Зазвичай на одностранічнік використовують стандартну форму заявки з декількома полями. Найчастіше клієнту потрібно вказати контактні дані - ім'я-прізвище, пошту або телефон. Але в деяких складних сферах краще розкрити тему докладніше. Ось як це зробили в «Текстерре»: в формі Лендінзі dellservers.ru клієнт може вибрати модуль, параметри, завдання сервера. Може скинути значення, якщо щось пішло не так.
Для чого це потрібно? Власник Лендінзі в будь-якому випадку отримає свої Ліди - навіть якщо полів в формі всього два-три. Але ось клієнтові буде цікаво копнути глибше. Не просто замовити, а самостійно вибрати свій варіант.
Дві кнопки СТА
На Лендінзі планувальника завдань wunderlist.com/ru - відразу два призови до дії, які підсилюють одна одну: «Створити безкоштовну обліковий запис»І« Завантажити Wunderlist ». Користувачі клацають по обидва посиланнях, конверсія зростає, а Лендінгем виконує свою роботу на відмінно.
Конкретні цифри (результати)
Це не нова, але як і раніше працює фішка. Покажіть клієнтам, чого ви домоглися, в цифрах: це зрозуміліше, ніж абстрактні фрази «ми кращі», «у нас сотні виконаних проектів» і так далі. Подивіться на Лендінгем smartprogress.do: відразу видно, скільки людина вже приєдналися до проекту, скільки цілей поставили, скільки досягнень виконали.
персоналізація
Безликі шаблонні Лендінзі - бр-р, що може бути похмуріший! Пожвавите свій одностранічнік, додайте вогню, зацікавте потенційного клієнта. Наприклад, на сторінці послуг «Текстерри» по створенню сайтів розміщені фото співробітників, які безпосередньо цим і займаються. Відвідувач заходить і бачить: ага, моїм ресурсом будуть займатися не абстрактні розробники, а цілком живі Святослав, Поліна, Артем та інші.
Зручна форма відповіді
На багатьох Лендінзі і сайтах задати питання можна тільки через форму. А це значить, потрібно вказувати ім'я і прізвище, залишати телефон і електронну пошту. Іноді взагалі доводиться вводити капчі і коди - жах! Зрозуміло, що це робиться для того, щоб отримати ліди. Але є й інший варіант - як на Лендінзі «Церебро Таргет». Якщо ви зареєстровані у «ВКонтакте», нічого заповнювати не потрібно - бери і пиши. І клієнтові зручно, і власнику добре - контакт залишений, можна працювати далі.
Відгуки клієнтів
Можна попросити клієнтів розповісти про свої враження і опублікувати отримані тексти на Лендінзі. Але заковика в тому, що відвідувач ніяк не перевіриш - реальні це відгуки або фейковий. Краще піти далі і переконати відвідувачів в цьому. На Лендінзі huskypark.info, який розробляла «Текстерра», наводяться слова клієнтів з «Інстаграма» з посиланнями на їх акаунти. Все чесно - зайдіть і переконайтеся.
демонстрація результатів
Тривимірна графіка і доповнена реальність
Лендінгем створений для додатка Qubi. Це гра для дітей 3+ років і дорослих. Суть гри проста. На першому кроці користувач за запропонованою схемою склеює реальний паперовий, картонний або дерев'яний кубик.
Потім він встановлює додаток, відкриває його на смартфоні і «дивиться» на кубик через камеру пристрою.
На екрані смартфона або планшета кубик оживає. Користувач грає в тривимірний варіант «Змійки», «2048», «Лабіринту». При цьому управляти грою потрібно за допомогою реального кубика. Щоб керувати кубиком двома руками, потрібно використовувати спеціальну підставку для смартфона, яку можна зібрати самостійно.
Тривимірну модель кубика можна побачити на ілюстрації (gif).
Що хотів клієнт
Клієнт попросив зробити Лендінгем, який підкреслює особливість гри: використання тривимірної доповненої реальності. Зокрема, він хотів бачити ефект переміщаються граней тривимірного кубика, активна грань якої вписана в екран пристрою відвідувача.
Що ми зробили
Ми реалізували тривимірність за допомогою 3D-трансформацій CSS3. Переходи між гранями кубика зроблені за допомогою чистого JavaScript з відстеженням подій drag і touch. Завдяки незвичайним переходах між екранами у користувача створюється відчуття об'ємності екрану. Це особливо яскраво виражено на робочій версії посадкової сторінки.
Для фінальної версії Лендінзі ми зробили більш реалістичний варіант кубика. На відміну від робочої версії, у фінальній обертання кубика відбувається зовні, а не зсередини. Відчуття тривимірності посилюються завдяки анімації заголовків.
Лендінгем повністю адаптивний.
Інтерактивний вибір кольорів забарвлення інтер'єру і меблів
Незвичайність Лендінзі «ДСК.Color» полягає в можливості самостійно вибрати колір меблів і предметів інтер'єру за допомогою інтерактивної палітри.
Компанія «ДСК.Color» забарвлює будь-які поверхні в різні кольори. Можна замовити забарвлення меблів, побутової техніки, Велосипедів, музичних інструментів та інших предметів. Клієнт може вибрати будь-який колір.
Найбільш затребувана послуга - забарвлення меблів і предметів інтер'єру. На неї припадає близько 80% робіт клієнта.
Що хотів клієнт
Клієнт попросив зробити яскравий і запам'ятовується Лендінгем «із закликом забарвити все навколо». У нього були ідеї зробити зображення меблів в форматі 3D, щоб відвідувач «міг покриття і розглянути пофарбований предмет з різних сторін».
Що ми зробили
Ми запропонували клієнту ідею: дати відвідувачеві можливість самостійно вибрати колір меблів і предметів інтер'єру.
Для цього на посадкової сторінці пропонувалося зображення кімнати, в якій основні предмети відвідувач може розфарбовувати за допомогою відкривається при натисканні палітри. На основі вибраних квітів і предметів користувач може розрахувати вартість послуг. Перший прототип виглядав так.
Клієнту ідея дуже сподобалася, тому ми зробили робочий прототип Лендінзі. На ньому основна частина виглядала вже так.
Домовилися з клієнтом залишити можливість фарбування столу, стільців, двері і кухонного гарнітура. Це основні предмети, які фарбує компанія.
Після узгодження прототипу в роботу включилися дизайнер і верстальник. Перший намалював всі предмети в svg (це формат графіки). Другий зверстав і додав до областям svg палітру кольорів. Після цього реалізували модальне вікно. З його допомогою користувач може перевірити ще раз кольору і предмети і відправити заявку на послугу.
Незвичайні і звичайні прелоадери
За допомогою прелоадера або спиннер можна зробити більш зручним і візуально привабливим будь-яку посадкову сторінку. В цьому розділі поговоримо про прелоадера і подивимося на приклади цих елементів, створені фахівцями «Текстерри».
Що таке прелоадер і які завдання він вирішує
Прелоадер або спиннер - знак, який з'являється на екрані до завантаження сторінки. Ці елементи ви бачите щодня, коли ви користуєтесь інтернетом. Нижче приклад прелоадера.
Прелоадер вирішує практичну задачу: повідомляє користувачеві, що сторінка завантажується, а також замінює собою візуально непривабливу картину завантаження. Це потрібно пояснити.
Через технічних особливостей роботи браузерів сторінки сайтів завантажуються нерівномірно. Під час завантаження верстка може «плисти». Якщо сторінка завантажується декілька секунд, а не частки секунди, користувач якийсь час спостерігає непривабливу картину.
Прелоадери реалізуються за допомогою стандартних інструментів фронтенд-розробки: HTML, CSS, JavaScript і додаткових бібліотек і фреймворків, наприклад, jQuery, React.
Як ми покращуємо Лендінзі за допомогою прелоадера
Ми створюємо унікальні прелоадери, в тому числі анімовані. Ось кілька наших робіт.
- Qubi
Для Лендінзі Qubi ми зробили прелоадер, який повторює навігаційне меню. Це дозволяє користувачеві зрозуміти принцип управління сторінкою до її завантаження.
- Levellen
На сайті Levellen Interiors ми використовували прелоадер у вигляді логотипу компанії. Це додатковий елемент брендингу сайту.
На Лендінзі представлена \u200b\u200bінформація про оренду приміщень в бізнес-центрі. Головний секрет посадкової сторінки знаходиться в розділі «Офіси». Тут користувач може подивитися наявність вільних офісів на кожному поверсі будівлі.
При наведенні курсора на вільний офіс спливає кнопка «Детальніше».
Натискання кнопки спрямовує користувача на сторінку з інформацією про офіс і його фотографіями. З цієї сторінки можна залишити заявку на оренду приміщення.
особливості реалізації
Наш дизайнер намалював форми офісних приміщень, малюнки зроблені в форматі svg. Ці малюнки накладаються на плани поверхів. Коли адміністратор сайту в панелі управління зазначає, що офіс вільний, скрипт включає відображення малюнка на плані і можливість перейти на сторінку з інформацією та формою замовлення. Коли адміністратор зазначає, що офіс зайнятий, скрипт відключає зображення малюнка на плані.
власне дизайн
У цьому прикладі немає складних технічних фішок і дизайнерських ефектів - весь Лендінгем вивозить красива картинка: фон, кольору, апетитні фотографії астраханської ікри. одностранічнік astrahancaviar.ru– гарний приклад того, як завдяки дизайнеру продукт хочеться придбати. І негайно з'їсти!
Наостанок про наболіле - кілька прикладів жахливих Лендінзі. Для контрасту, фейспалм, безсилою агонії і все такого. Не буду розписувати, що в них не так - пропоную вам самим вирішити ці завдання. Іта-а-ак ...
Велика кількість Лендінзі в рунеті дуже одноманітні, а завжди необхідно створювати щось нове і незвичайне.
Нижче ми розглянемо ТОП-10 продають Лендінзі, які грамотно складені і які варто аналізувати, а потім застосовувати фішки на своїх продають Лендінзі.
Є певна структура landing page, Яка працює. Це можуть бути як довгі Лендінзі, так і міститися в 2 екрану.
Єдиної думки немає і бути не може. В кожному випадку необхідно виходити з цільової аудиторії на сайті.
Отже, ось приклади 10 продають Лендінзі, які варто обов'язково вивчити:
У мене немає доступу до статистики даних Лендінзі, тому не можу сказати наскільки добре вони конвертують відвідувачів в передплатників, а передплатників в покупців.
Це більше компанії і продають елементи на сторінках добре опрацьовані, тому варто провести детальний аналіз цих продають Лендінгем Пейдж.
Якщо хочете не просто зробити красиву картинку зі свого сайту, але щоб воно ще й працювало, тоді рекомендую вивчити. Воно може давати більше заявок з меншим бюджетом. Обов'язково вивчіть!
Приклади кращих продають Landing Page
1 Shopify
Дуже короткий Лендінгем Пейдж, на якому пропонують спробувати безкоштовно продукт протягом 14 днів.
Тема: короткий і ємний, складається з декількох слів.
Переваги: \u200b\u200bпредставлені у вигляді 3-х пунктів, де присутні цифри (це дуже важливо, тому що привертає слухає і дає конкретні дані, без «води»)
Покрокова форма заявки: вони не показують відразу форму.
Перший крок - ви заповнюєте поле з email:
Другий крок - пропонують заповнити ще 2 поля з паролем і назвою свого інтернет-магазину:
Зверніть увагу на порядок заповнення. Вам не показують відразу все поля, тому що це знижує конверсію, а поступово показують ще поля, як в Квіза.
Що ще є: в кінці сторінки ще один заклик до дії:
2 Duolingo
Наступний наш піддослідний - це сервіс з вивчення іноземних мов Duolingo.
Тема: дуже короткий заголовок, як і в попередньому прикладі.
Покрокова форма заявки: на першому також знаходиться 2 кнопки.
Перша кнопка дозволяє відразу почати вивчення (але скоро ми подивимося як вони втягують в процес) і створити обліковий запис, а друга увійти вже для тих, хто зареєструвався в системі.
А зараз починається найцікавіше, коли ви натискаєте на кнопку «Почати»:
Ви потрапляєте на питання де потрібно вибрати мову.
Це питання дуже природний і на нього легко відповісти, коли у вас є намір пройти вивчити іноземну мову.
Потім потрібно вибрати мету вивчення мови:
Залежно від цього буде вибудовуватися програма навчання для вас.
Наступне питання про те, скільки часу в день ви зможете приділяти вивченню:
Ще одне питання, де потрібно відповісти є новачком або щось уже вчили:
Вам не показують форму, де потрібно відповісти на одній сторінці на 7-8 питань, а поступово залучаючи до процесу показують питання.
Що ще важливо - питання складені в логічному порядку і не виникає непорозуміння, відповісти дуже легко.
Квіза на сайтах застосовуються де завгодно, важливо тільки побачити їх. Читайте також нашу. Так ви будете розуміти що це і як застосувати для свого бізнесу.
3 Airbnb
Як ви вже зрозуміли будь-яку інформацію на Лендінзі можна уявити в дуже зручному покроковому вигляді.
Але не тільки продає інформацію, але і коли ви хочете розповісти і показати свій продукт.
Багато хто до цих пір змушують на продають сторінках читати велику кількість тексту (і це не у вигляді сторітеллінга).
З цим прикладом від Airbnb ви побачите як можна лаконічно показати людині велику кількість інформації і провести невеликий навчальний курс.
Це одна з послуг Airbnb, де ви для гостей можете зробити щось більше, ніж просто екскурсію (вони назвали це «Враження»).
Щоб зареєструватися для участі в цій програмі вам необхідно натиснути кнопку «Почати» і вас перенаправить на самий початок:
І тільки потім пропонують зареєструватися і створити своє «Враження»:
Цю ж інформацію можна було розмістити і в вигляді тексту, який розбитий по пунктам, але куди легше і цікавіше вивчати в покроковому форматі.
4 Black Negative
Відмінною особливістю даного сайту перед усіма іншими є його нестандартна прокрутка. Як Ви могли помітити - вона горизонтальна. Також переміщення відбувається за допомогою перетягування контенту вліво. Але що ще більше вражає - це кількість ефектів в кожному блоках:,, а також вертикальна прокрутка блоків. Відео на тлі трохи збиває, але все ж виконано все досить оригінально і незвично.
5 Super Top Secret
Тут хочу звернути Вашу увагу не на ефекти при наведенні, а на фон. Після повного завантаження сайту при переміщенні курсору миші на тлі з'являються розводи, як на воді. Також при натисканні створюються розлучення, і такий ефект справляє чудове враження. Чи не на кожному сайті побачиш таке.
6 WE IS NOT PLASTIC
У процесі прокрутки на сторінці з'являються (малюються) різні іконки і заголовки. Не усвідомлюючи починаєш дивитися на процес малювання і чекати що ж там з'явиться в кінці, тим самим читаючи текст, який намалювався. Якщо Вам цікаво як же створюється даний ефект і Ви хочете створити такий же ефект на своєму сайті або Лендінзі, тоді вивчіть дані статті: і.
7 ANTON & IRENE
8 BLITZ
9 The Boat
Якщо при прочитанні книги Вам важко уявити що там відбувається, тоді даний сайт для Вас 🙂. Тому що тут Ви можете відразу і читати і бачити сюжет, тому що на тлі відбувається те, що написано текстом. Тобто у міру пересування між об'єктами і читання тексту змінюється і фон сайту.
Цікава задумка. Хто знає, може найближчим часом такі історії почнуть з'являтися у великих масштабах. Звичайно, є плюси і мінуси у даного підходу, але то що це креативно зроблено - немає претензій.
бонусний Лендінгем
* An deiner Seite
Це не зовсім продає Лендінгем, але щоб вас трохи надихнути і направити думки в сторону креативу цей кліп обов'язковий до перегляду!
Коли потрапите на цей сайт вам необхідно утримувати кнопку пропуску, щоб почати.
Тут розповідається 2 історії і вам необхідно зібрати всі елементи для того, щоб дізнатися правду 🙂. Ви як детектив, де потрібно не просто бачити красиву картинку, але і розуміти, що ховається за нею.
Не буду розповідати більше нічого, переходите і дивіться самі. Задумка чудова, обов'язково відпишіть в коментарях зійшлися ваші припущення на початку перегляду і в кінці.
І так, щоб побачити різні кінцівки - доведеться переглянути це відео декілька разів 😉.
висновок
Ви побачили 9 сайтів, які відрізняються від тих, які ми всі бачимо в рунеті. Вони створені професійною командою дизайнерів. На сайтах багато інтерактивних елементів, які взаємодіють з користувачем і змушують його ще довше залишитися на сторінці. Сподіваюся з допомогою даних сайтів Вам прийде натхнення для Ваших проектів.
Продають сайти. Що це таке? Кожен другий скаже: "Звичайно ж, це Лендінзі!". Вони ж одностранічнікі, вони ж Лендінгем Пейдж, вони ж продають сторінки.
Переконувати Вас у зворотному не буду, адже в цих словах велика частка правди. Тому в цій статті ми розберемо, які Лендінзі можна назвати кращими і чому.
Колись я почав шукати кращі продають сайти, де подивитися їх приклади, рейтинги і як їх оцінити в принципі. Адже спочатку лише однієї сторінки сайт був придуманий для того, щоб збільшити продажі компанії.
Останнім же час дуже багато що змінилося. Пішли, які були актуальні раніше, сайти стали робити більш якісні, красиві, з великою кількістю анімації, картинок і різних затягають фішок.
Критерії оцінки
За яким принципом оцінювати? Які брати за основу? Як скласти рейтинг ТОП-10 сайтів? Де брати сайти на конкурс? Все це ускладнює ситуацію в створенні справжнього і чесного рейтингу кращих сайтів.
До того ж, ми не знаємо, скільки продажів компанії здійснюють через подібні сайти. Їм же не можна подзвонити і запитати: "А яка у Вас?" або "Скільки Ви отримуєте заявок з?".
Я впевнений, ніхто не відповість на таке питання, тому що або ніхто не вважає, або скаже, що це конфіденційна інформація.
Ага, розмріялись! Тому я зробив простіше. Став шукати і переглядати рейтинги і добірки найкращих Лендінзі. І знаєте що?
Рейтинг, звичайно, суб'єктивний, так як у нас немає показників всіх сторінок, і ми фізично не можемо вивчити всі сайти інтернету. Ми спираємося на свій досвід і ті сайти, які за 5 років ми зустрічали на просторах всесвітньої павутини.
НАС УЖЕ БІЛЬШЕ 29 000 чол.
включає
ТОП-10 односторінкових сайтів
Не сприймайте нумерацію як розподіл призових місць. Так як у всіх Лендінзі проглядаються різні завдання, а значить порівнювати їх між собою не тільки не професійно, а й нерозумно. Тому просто насолоджуйтеся роботами.
1. Житловий комплекс "Парк Флора"
Сайт викликає цілковитий захват. Відразу видно, що до нього доклали руку крутий дизайнер і топовий маркетолог. Дивишся і хочеться приїхати і подивитися все самому.
Причому, на сайті повна відсутність, немає форми для заповнення, тільки телефон. І це правильно в їх випадку, хоча для багатьох може здатися дивним.
Житловий комплекс "Парк Флора" Єдиний мінус ставимо верстальщику за погано оптимізовану анімацію і.
Сайт довго завантажується, а це може дуже сильно вплинути на показник відмов. Люди не люблять чекати і будуть йти з нього швидше, ніж побачать пропозицію.
2. Майстерня "Dinero"
Це не сайт, а цілий фільм про один "персонажа" - дерев'яному гаманці. Якби він коштував 1 000- 2 000 р., То сайт б провалився, так як немає очевидних: оффер, дескріпшен, форма захоплення і т.д .. Але в сегменті Luxurу все працює інакше, і цей одностранічнік тому підтвердження.
Головний мінус цього сайту - спроба, як то кажуть, всидіти на двох стільцях, а саме на одній сторінці продати товар і в роздріб, і в опт.
Шукати дилерів потрібно на окремому сайті, так як у роздрібного і у оптового покупця різні критерії вибору, а значить їм потрібно показувати різні зображення і вигоди в іншій послідовності.
Майстерня "Dinero" 3. Вакансії "Альфа-Банку"
Цей червоно-білий банк - наш партнер. Ми є авторами їх блогу для клубу клієнтів.
Але їх сайт тут не по "родинними зв'язками", вони і справді зробили хороше рішення з пошуку співробітників до себе в компанію. Причому, зробили це цілком оригінально.
Вакансії "Альфа-Банку" Єдине, про що варто їм сказати (і ми скажемо), що потрібно не відводити клієнта з цього сайту, і зробити все взаємодія всередині нього. Таким чином людина охочіше буде залишати заявку за рахунок звичного розташування елементів і логічному ланцюжку дій.
4. Спортивний корсет "Loni-corset"
Це сайт розроблений нами, і як-то нерозумно робити рейтинг і не сказати, що ми вважаємо свої сайти класними.
Причому, всі сайти у нас на висоті, можете переконатися в цьому тут -\u003e. Але так як більша частина аудиторії цієї сторінки чоловіки, то ми вирішили показати сайт з дівчатами 🙂
Спортивний корсет "Loni-corset" Сайт відпрацював себе на 4+. Єдиний блок, який нам не вдалося додати - це соціальні докази існування компанії-відправника.
Замовник вирішив цю інформацію не показувати. Тому сміливо говоримо, що результат міг бути вище, якби покупці бачили склад, команду, офіс та інші. Але що є, то є.
5. Допуск СРО "Гральнік Ліцензування"
На перший погляд цей сайт повинен викликати у Вас здивування, чому він в списку топових. У ньому немає нічого особливого: простий дизайн, звичайні блоки, типові тексти.
АЛЕ! Повірте, коли Ви будете їх цільовим клієнтом, то зрозумієте, що це відмінний сайт, який повністю створений для клієнта. І навіть простий зроблений не просто так настільки звичайним.
Допуск СРО "Гральнік Ліцензування" Звичайно, їм є куди рости. У них пливе верстка в деяких блоках, а їх, до речі, 15 штук. Також у них некоректно стоять переноси слів, і мало виділені головні елементи.
Але все це дрібниці, адже фундаментально все зроблено правильно і написано з точки зору.
6. Проект "Велика сушка"
Більшість жінок (їх цільова аудиторія) чули про проект "Скажена сушка". Їх реклама до запуску заполоняє весь інтернет. І це не дивно, коли інвестуються мільйони на трафік.
Але без хорошого сайту отримати десятки мільйонів виручки не вийде, тому їх сайт також входить в наш ТОП.
Проект "Велика сушка" Видно, що до створення підходили грунтовно, чого тільки одні тексти коштують. Але ось одну велику помилку вони все-таки зробили-не зробили кнопку призову в самому кінці. Це дуже впливає на відтік відвідувачів, так як вони не бачать логічного закриття всієї історії.
7.
Ми самі користуємося системою взаємовідносин з клієнтами Бітрікс24. Але так як у нас тема не "", то сайт системи Мегаплан перевершив всі очікування.
Вони через нього донесли всі головні моменти своєї системи, після чого ти понімаешь- це краще, що є для бізнесу.
CRM "Мегаплан"
З наших побажань щодо поліпшення - додати відео-огляд системи, так як у всіх прямих конкурентів він є. І також зробити більш зрозумілі заклики, а саме, замінити заголовки (НЕ кнопки) на "Почніть користуватися безкоштовно" або щось в цьому роді.
До речі! Якщо Ви хочете використовувати в якості своєї CRM-системи, то раджу не забути промо-код "Megastart". Так Ви отримаєте знижку на першу покупку 10% і 14 днів безкоштовного використання.
8. Банк для підприємців "Точка"
Цей Лендінгем від банку отримує премію за свою оригінальність. Дана сторінка розсилається своїм друзям в якості реферального посилання.
Для посилення ефекту ми б додали ще кілька блоків, які тиснуть на логіку. Зараз сайт більше спрямований на емоції, і в деяких випадках це могло бути правильним рішенням. Але у нас все-таки вибір банку, і одними емоціями тут не обійтися.
Банк для підприємців "Точка" 9. Оснащення тренажерних залів "Goodfit"
Цікавий перехід сайту з чорної гами в білу з блакитним. Але крім оригінального дизайнерського рішення, в даному Лендінзі використовується відмінна гра заголовків. Тут вони є не підведенням до блоку, а самостійними елементами, прочитавши які, вже можна створити повну картину.
Для повної упаковки не вистачає відео-презентації від імені генерального директора. Напевно він у них у відмінній фізичній формі.
До цього всього було б відмінно додати цифри до кейсам. Тобто скільки коштує зал, який отримав клієнт. Це не критично, а просто бажано, адже конкретика додає переконливості і просто зручна для відвідувачів.
Оснащення тренажерних залів "Goodfit" 10. Торговий центр "МЕТРОПОЛІС"
Безумовно, це самий крутий Лендінгем Пейдж торгового центру, який я коли-небудь бачив. Красиво підібрані кольори, донесено головний сенс, відмінне юзабіліті-це все відразу видно при переходу на цей Лендінгем. Тому, клікайте і вивчайте.
Але, свої 5 копійок я все одно вставлю. Я, звичайно, розумію, що на цей сайт повинні потрапляти люди, які знайомі з цим центром. Але крім них на нього будуть потрапляти ті, хто бачить його вперше.
Тому логічно було зробити невеликий дескріпшен (опис в кілька слів про компанії), щоб відвідувач одразу знав, куди потрапив і що його чекає там.
Торговий центр "МЕТРОПОЛІС" Чому Тільки сайти рунету
Так, в своєму огляді я головним чином сконцентрувався на найкращі односторінкові сайти рунету, хоча в світі є дуже багато гідних варіантів.
Причому, найголовніше (і воно ж найдивніше), Лендінгем Пейдж в буржунете використовує не тільки малий, але і навіть великий ізнес.
Наприклад, одна з найвідоміших служб таксі в світі Uber взяла в якості головного сайту наступний варіант - багатофункціональний Лендінгем Пейдж або, як ще прийнято говорити, багатосторінковий Лендінгем.
Це сайт, що складається з безлічі Лендінзі. Практично багатосторінковий сайт, але все-таки Лендінгем.
Але їх landing page я спеціально не виклав тут, тому що вони інші. Нехай всі говорять про те, що ми повторюємо все за заходом, але в даному випадку я вважаю інакше.
Ми, росіяни, інші. У нас інший тип мислення, так як ми живемо в іншій країні. Наприклад, у Американця майже немає побоювань в голові, що компанія візьме гроші і розчиниться. Так як у них все захищено на десять рядів, що тільки один PayPal варто.
У нас же, в Росії цей страх стоїть в перших рядах. Тому у них на сайті мало переконують блоків довіряти компанії, а у нас їх тьма.
Я можу наводити ще десятки аргументів, що у нас з ними будуть різні кращі Лендінзі. Тому прошу вибачити, але їх варіантів тут не буде.
Краще насолоджуйтеся нашими російськими рішеннями, моделюйте наші тексти і блоки. А в зарубіжних сайтах просто беріть хороші ідеї для дизайну.
Коротко про головне
Тепер, коли Ви переглянули всіх претендентів, я не закликаю Вас наосліп на них орієнтуватися, але подивитися кращі landing page для прикладу безперечно варто.
Як мінімум, у кого-то можна взяти ідею цікаво зробленої анімації. Або, наприклад, хтось із творців досконало знає свою і використовує це на протязі всього Лендінзі. Загалом, вивчити, зробити висновки і перейняти варто.
І до речі, якщо Ви шукайте ідеї для свого першого Лендінзі, можете спробувати створити його самостійно. Так Ви зрозумієте, що Вам потрібно і що це не так просто, як здається на перший погляд.
Використовуйте для цього, наприклад, PlatformaLP , Tilda , Bloxy. А вже потім, чекаємо Вас до нас в гості на спільну розробку.
Показати весь зміст
"Напишу яскравий текст, для Лендінзі. 3000 знаків за 500 рублів. Термін виконання - 2 дня. Лендінгем буде продавати! "
Як Вам така пропозиція? Спокусливо? Мабуть, потрібно замовляти.
До речі, я нічого не придумав, це реальне оголошення на одній популярній біржі фрілансерів. У виконавця з вищим рейтингом і з тисячею виконаних замовлень. За вирахуванням комісії біржі автор отримає всього 400 рублів. Дешево й сердито.
Посилання на біржу, де можна знайти такі пропозиції, я прикріплений в кінці статті, а починаючи з цього моменту буду намагатися переконати Вас по ній не переходити. По крайней мере, для того, щоб замовити яскравий текст, для Лендінзі за 500 рублів. Поїхали.
Головне не так
Зараз модно починати розробку Лендінзі зі створення - ескізу сторінки, якої може бути навіть інтерактивним, що, звичайно, дуже зручно.
І це начебто правильно. Ось тільки не всі розуміють, що таке справжній прототип.
Щоб зрозуміти ситуацію, подивимося на стандартний прототип Лендінзі, який я знайшов через Яндекс Картинки. Тобто, яким його бачать псевдо-гуру.
Прототип з Яндекса Начебто всі необхідні правила "" дотримані. , Якісні зображення товару, заклики до дії, обмеження за часом і кількістю товарів теж є, відгуки присутні. Можна віддавати в розробку.
Правда потім перед Вами постануть питання: "що чіпляє заголовок" - це який? "Емоційне продає опис" - це як? "Замовлення за спеціальною ціною" - нам щотижня акцію проводити? Чому відгуків повинно бути не менше 10 штук і звідки їх взяти?
Будь-розробник впевнено відповість: розташування блоків зразкову, ми можемо оперативно все поміняти, це ж прототип.
Нам же важливо зрозуміти одне: при всіх своїх плюсах прототип - це сурогат. Причому сурогат, який часто дає несподівані ефекти.
Щоб зрозуміти суть концепції, запитайте себе: "Що буде робити користувач на Вашому Лендінзі?" Може бути, оцінювати гармонійність розташування блоків на сторінці? Або несамовито жати одну з двадцяти кнопок "Замовити дзвінок", які понавішане на сайті розробники за принципом "щоб конверт"?
Можливо, хтось саме так і зробить. Але середньостатистичний користувач буде читати. Він буде намагатися зрозуміти суть Вашої пропозиції, щоб вирішити: чи стане він Вашим клієнтом чи ні.
висновок:
Створення прототипу Лендінзі без одночасного наповнення його текстом - ідея більш ніж сумнівна. Починати потрібно разом або як мінімум з контенту.
Як повинен виглядати правильний прототип Лендінзі бувають різні
Причому не тільки сині або червоні, але і призначені для різних завдань (я про щаблях). Тому і тексти для кожного випадку свої.
1. Для холодних
Лендінгем для холодної аудиторії Хороший приклад Лендінзі для "холодної" аудиторії, тобто користувачів, які нічого не знають про Ваш продукт або взагалі у нього немає такої проблеми, і його потрібно довести до потрібної кондиції. Може бути, людина і не зробить покупку відразу, але точно запам'ятає Вашу пропозицію.
Сам же Лендінгем на прикладі побудований в форматі історії (є різні варіанти, це лише приклад). Причому історій тут цілих три, написано життєво і гумором. Той самий випадок, коли текст лежить в основі всієї концепції.
Хоча справедливості заради зазначу: тут теж дуже гарний. відмінний спосіб виділитися серед тисяч шаблонних сайтів, що пропонують навчання.
Приклад структури для холодної аудиторії:
- Перший екран;
- "Біль" аудиторії;
- Опис продукту;
- Його вигоди;
- Сценарій використання;
- Деталі про товар;
- Відмінність від конкурентів;
- Відгуки;
- вартість;
- Про компанію;
- Про виробництво;
- Про команду;
- гарантії;
- Блок "Питання-відповідь";
- Загальний висновок;
- Контакти.
До речі, форми захоплення в структурі я спеціально не став вказувати, так як їх розподіляють в Лендінзі за змістом, ну або за бажанням.
2. Для теплих
Лендінгем для теплої аудиторії Тобто це люди, які усвідомлюють проблему і, можливо, вже чули про Ваш продукт або компанії, або взаємодіяли з Вами.
Тут важливо не затягувати з "попередніми ласками", а переходити до справи відразу і найчастіше починати саме з демонстрації переваг.
Причому важливо не просто декларативно заявити: "Ми краще, що у Вас було!", А довести, що у Вас дійсно кращу пропозицію на ринку.
У таких випадках відмінно підходить конкретний інформаційний текст, призначений для того, щоб на зрозумілій мові донести до користувача суть пропозиції.
Особливо це важливо, якщо товар або послуга не відноситься до категорії простих, наприклад, як у випадку з банківською діяльністю. Тут важлива максимальна концентрація сенсу в кожній букві і цифрі. І велика кількість "повітря" не дає розсіюватися увазі.
Приклад структури для теплої аудиторії:
- Перший екран;
- переваги;
- Каталог / Купівля;
- Опис деталей;
- Досягнення і нагороди;
- Процес роботи;
- Коротко про компанію;
- Відгуки;
- Відповіді на запитання;
- Контакти.
Фактично, даний Лендінгем є укороченим варіантом Лендінзі для холодних клієнтів.
3. Для гарячих
Лендінгем для гарячої аудиторії Наприклад, цей Лендінгем для "гарячої" аудиторії, яка вже розуміє суть послуги. Цим людям потрібно просто наочно показати, що Ви пропонуєте і скільки це коштує.
Мета Лендінзі в прикладі - "продати емоцію". Тому на першому блоці користувача зустрічає швидкий і динамічний відео, з якого відразу зрозуміло: електросамокат - це круто!
Тексту на цьому сайті мінімум, але кожне слово у справі. Такий підхід вже сам по собі налаштовує на прийняття рішення. До того ж, якщо мова йде про "гарячої" аудиторії, то і Лендінгем можна зробити коротше, адже потреба у користувача вже сформована.
Приклад структури для гарячої аудиторії:
- Перший екран з кнопкою "покупки";
- Опис переваг;
- Порівняння з конкурентами;
- Приклади результату;
- Процес роботи;
- Контакти.
Зазвичай, для гарячої аудиторії Лендінзі складаються з 1-2 екранів, так як навіщо мучити клієнта, який готовий віддати гроші прямо зараз.
види тексту
Як Ви здогадуєтеся, за 500 рублів Вам навряд чи напишуть таку ж жахливу історію про Петю. І все ж, якщо знайдете такого бессеребреннікі, то не розповідайте про нього нікому і тримайте в чорному тілі, щоб не загордився себе казна-що.
Якщо ж у компанії є додаткові сильні переваги, то краще винести їх окремим блоком після оффера, щоб не перевантажувати перший екран.
До речі, щоб написати хороший інтригуючий оффер є кілька робочих шаблонів.
2. Заголовки
Заголовок повинен бути таким, щоб відразу зачепити користувача і позначити проблему, яку Ви вирішуєте своїм продуктом.
Якщо користувачеві не сподобається заголовок, то, можливо, він злегка проскроліт далі, але швидше за все, піде з сайту. Тому витратьте на заголовок побільше часу. До того ж заголовки бувають різні і кожен з них несе свою мету.
- Інтригуючий заголовок
інтригуючий заголовок Головна мета тут - створити інтригу, привернути увагу користувача. Зазвичай для цього використовується яке-небудь спірне, на перший погляд, твердження.
Інший хороший варіант - натиснути на "біль", тобто прямо заявити про якусь проблему, яка хвилює Вашого потенційного клієнта. Правда, потрібно, але це тема вже для окремої статті.
Важливий момент: не плутайте інтригуючі заголовки для Лендінзі з заголовками для постів у соціальних мережах, статейних сайтів або. Це різні речі. Заголовки з серії "як я схудла на 20 кг за 10 днів" залиште для майстрів клікбейта.
- Узагальнюючий заголовок
узагальнюючий заголовок Інший вид заголовка для Лендінзі - узагальнюючий, тобто підводить проміжний підсумок, узагальнюючий якийсь блок. Найпростіший приклад - заголовок для блоку "Наші переваги" або ж "Питання-відповідь".
Ще один класичний хід - використання цифр. Причому це спрацьовує і для підзаголовків і для заголовків. Наприклад, порівняйте:
Тема з цифрою: "7 навичок високоефективних людей";
Тема без цифри: "Навички високоефективних людей".
3. Підзаголовки
підзаголовок Йдемо далі. Тема - це тільки перший крок. Важливий, але до кінцевої мети - - нам ще далеко. Тому ефект від заголовка потрібно посилити. І для цього найкраще підходить розкриває суть пропозиції підзаголовок.
І тут важливий нюанс, підзаголовок повинен бути коротше, ніж заголовок. Такий хід допоможе не тільки підсилити заголовок, але і не зіб'є з нього належної уваги.
І ще, пам'ятаєте, я писав про цифри і скажу так, якщо в підзаголовок додати цифру, то це структурує інформацію, дає конкретику, показує можливість досягнення великої мети в кілька етапів.
Тільки не захоплюйтеся цифрами, адже це все-таки Лендінгем, а не стаття в блозі "99+ чудових фотографій". Важливо, щоб Ваша пропозиція (ціна або час досягнення мети за допомогою Вашого продукту) було конкурентоспроможним і реальним.
4. Буліти
буліт Як бачите в прикладі, буліт (а також буліт, булет, маркер списку) може складатися з декількох елементів. Це і відрізняє його від звичайного маркірованих або нумерованих списків в текстовому форматі, хоча логіка побудови багато в чому збігається.
Так і для звичайного списку, і для булліта (з деякими уточненнями) підходять такі правила:
- Погоджуйте між собою пункти булліта;
- Прагніть до однакової кількості слів;
- Не використовуйте більше 5 елементів булліта;
- Виділяйте під кожен елемент новий рядок;
- Акцентуйте увагу на перевагах
Взагалі буліт - це друкарський знак для виділення елементів списку. Те, що текст повинен бути структурований і зручний для читання - аксіома, яка не потребує доказів.
- Тема булліта
Тема булліта Як і будь-який заголовок, він повинен налаштовувати користувача прочитати решту булліта. Тому важливо приділити йому більше уваги, інакше користувач просто проскроліт далі.
- Опис булліта
опис булліта Використовується далеко не завжди, але якщо Ви придумали хороший, "чіпляє" заголовок, то чому б його не доповнити? Тим більше, що тексту в описі булліта не повинно бути багато, іноді вистачить буквально пари додаткових пропозицій.
5. Підводка до блоку
Підводка до блоку Іноді головну думку блоку можна вказувати відразу в лоб, прямо в заголовку. Тільки ось, звичайно, працює це не у всіх сферах.
Наприклад, якщо мова йде про якомусь складному або дорогому продукті, то користувача треба готувати. Підводити його до рішення про покупку, послідовно роз'яснюючи кожну думку. І дуже добре підходить для цього підводка до блоку.
Невеликий абзац тексту, в якому Ви щось стверджуєте, а потім переходите до доведенню цього твердження, або задаєте питання, а потім на нього відповідаєте, або просто більш детально пояснюєте заголовок блоку.
6. Інформаційний текст
інформаційний текст Іноді на Лендінзі можна використовувати просто текст. Без списків, красивостей, і анімації. Причому тут важливо тільки одна умова - текст повинен бути хороший. Без всіх цих індивідуальних підходів і гнучких цін.
Я знаю, для деяких власників бізнесу ці слова звучать немов магічні маркетингові заклинання. А дехто зовсім щиро дивується: "А що ще написати? У всіх же такі тексти? ". Але немає. Це так не працює, на жаль.
Тому, якщо Вам є що розповісти про свій продукт, і Ви можете зробити це добре і "смачно", то розповідайте. Навіть якщо Ви продаєте щось наскрізь банальне, наприклад, пластикові вікна.
Якщо ж у Вас немає впевненості в тому, що інформаційний текст вийти цікавим, то краще вибрати який-небудь інший блок. Або хоча б додати в текст парочку хороших акцентів.
7. Акценти
акценти Це може бути що завгодно: цитати великих людей, цікаві приклади з життя, ключові думки. Найчастіше акценти оформляють у вигляді невеликого графічного блоку, що відрізняє від основного тексту шрифтом або фоном підкладки, а іноді і тим, і іншим.
Важливий момент: акценти в тексті можна використовувати по-різному. Іноді, щоб виділити головне, а іноді - щоб читач міг трохи перепочити. Наприклад, якщо в тексті йде довге перерахування.
НАС УЖЕ БІЛЬШЕ 29 000 чол.
включає
типи тексту
Тепер переходимо до типів тексту. Природно, все торкнутися не вийде, але найпоширеніші виділю. І пам'ятайте, це не структура Лендінзі, і не всі перераховані типи можуть входити в неї. Тут багато що залежить від конкретного формату і виду бізнесу.
Ще одне важливе зауваження: уникайте сліпого копіювання готових схем, додайте хоч трохи від себе, інакше Ваш Лендінгем розчиниться серед мільйонів однотипних посадочних сторінок і це буде дуже сумно. Отже, поїхали.
1. Підведення \u003d ціннісне пропозицію
Підводка Прийшов час розповісти про Ваш продукт більш детально. Краще зробити це коротенько, в одному-двох абзацах, де потрібно згадати для кого це продукт, і як саме він допоможе вирішити проблему користувача. Чи не заглиблюйтеся в незначні деталі, для них ще прийде час.
До речі, іноді в описі структури Лендінзі використовують слово "підводка", але це більше з журналісткою термінології і означає воно свого роду короткий анонс статті, що відповідає на питання: "хто?", "Що?", "Де?", "Коли? "
У випадку з Лендінзі правильніше використовувати термін "ціннісне пропозицію", що описує продукт в максимально вигідному світлі.
2. Наші переваги
Наші переваги Є думка, що якщо блок має потребу в такому роз'яснює назві, то переваги у компанії так собі.
Звичайно, своя логіка в цьому твердженні є, але так уже повелося, що блок з перевагами - практично обов'язковий атрибут більшості Лендінзі в рунеті. Не сказати, щоб це було погано, просто стандартно.
Так що якщо Ви проявите трохи фантазії, і обізве цей блок як-небудь по-іншому, то тільки виграєте на загальному тлі. Інший хороший варіант - розміщувати переваги відразу після ціннісного пропозиції, без додаткового підзаголовка.
І пам'ятайте, що переваги розповідають клієнту про вигоду, наприклад, що життя його стане простіше. Тільки не плутайте їх з фичами (про них розповім далі).
3. Фічі
фічі Фича - це характеристика продукту, за допомогою якого буде досягнутий результат. Насправді, ніхто не впорається з цим краще, ніж Ви самі.
Адже коли Ви створювали свій продукт, то напевно порівнювали його з аналогічними пропозиціями і думали: "А у нас це буде працювати ось так".
Причому не обов'язково, щоб мова йшла про революцію в галузі, можна використовувати вже відоме, але все одно хороше рішення, наприклад, навчання в ігровій формі.
Якщо ж у Вас немає фичи, то це означає, що прийшов час її придумати! Навіть в самому прозаїчному бізнесі можна знайти що-небудь цікаве і незвичайне.
Наприклад, для клінінгової компанії це може бути невеликий букет квітів в подарунок. Для аромату. Тільки не забудьте уточнити, чи немає у людини алергії, а то замість збільшення лояльності отримаєте зворотний ефект.
4. Цифри і факти
Цифри і факти Люди люблять цифри і факти. Тому на більшості Лендінзі Ви напевно бачили блоки із серії "10254 задоволених клієнтів". Іноді цей блок використовують в якості блоку переваг, що, в общем-то, не зовсім правильно, хоча і досить поширене.
Однак, на мій погляд, краще приберегти факти "на потім" і розмістити блок з переконують числівниками в другій частині Лендінзі.
5. Покрокове керівництво
покрокове керівництво Можна використовувати навіть для самого простого продукту. Тільки пам'ятайте, то, що очевидно для Вас, може бути зовсім неочевидно для користувача.
Тому намалюйте йому дорожню карту. Тільки потрібно описувати дію максимально конкретно і використовуйте дієслова наказового способу: "Залиште заявку на зворотний дзвінок", "Пройдіть тест" і т.д.
У цій статті ми розглянемо 5 прикладів кращих Лендінзі, взятих з behance.net, визнаного світовими дизайнерами найпопулярнішим сайтом по веб-дизайну, іноземними замовниками для пошуку розробників і найкращим для натхнення і черпання нових ідей.
Нижче представлені кращі Лендінгем Пейдж, які пройшли відбір, безпосередньо, нашої веб-студією. Ми взяли топові роботи на сайті і вибрали landing page з найбільш ефективними продають структурами, адже саме продає структура є головною перевагою Лендінзі.
Пані та панове! Знайомтеся, найкрутіші і кращі продають Лендінзі 2019-2020 за версією і популярного сайту behance.net.
Приклади кращих Лендінгем Пейдж
Щоб упорядкувати приклади кращих Лендінзі, ми вирішили розбити їх на блоки, властиві продає сторінці. Ми розглянемо УТП, опис продукту, вигод і переваг, блок довіри і СТА на прикладах відібраних Лендінзі. Ви зможете побачити варіанти оформлення і структури, почерпнув для себе цінну інформацію і нові ідеї.
Унікальна торгова пропозиція
Перший приклад УТП кращого Лендінзі 2020 року - фірма з продажу стільців.
Перше, що кидається в очі - це фотографія товару. Стильний стілець дійсно привертає увагу, яке розпалюється унікальним торговим пропозицією. Зауважте, УТП в цьому випадку нестандартне, відсутні будь-які факти про компанії або вигоди покупки. Але при цьому потужний продає текст і якісне зображення роблять свою справу - підвищують інтерес відвідувача, в чому і полягає принцип продає структури. Варто відразу сказати, що то саме перевага продукту розміщено на другому і третьому слайді першого екрану.
Кожен слайд містить фотографії товару з різних ракурсів і опис до нього. Дуже потужний хід, який мотивує читача проскролліть сторінку трохи нижче. Дивіться більше прикладів посадочних сторінок і черпайте нові ідеї для свого проекту.
Наступний приклад кращого, на нашу думку, Лендінзі - посадкова сторінка фірми з продажу меду
Соковито, яскраво, цікаво. Дуже крутий дизайн першого екрану. При цьому унікальна торгова пропозиція розкриває головна перевага - екологічність продукту. УТП написано в м'якій формі, але при цьому викликає довіру.
Наступний приклад кращого Лендінзі
Перший екран поєднав в собі УТП, яке надає цінність потенційному клієнту, а також невеликий список коротких переваг. Дуже цікаво зроблений знімок продукту, який на підсвідомості викликає бажання зробити замовлення. Що, загалом-то, і пропонує ефективний Лендінгем на першому екрані.
Перший екран з УТП містить текст, що викликає інтерес, 3 переваги виробника, СТА з кнопкою і відео, що дозволяє отримати більш детальну інформацію про компанію. Екран оформлений красивим фото мебльованого інтер'єру, що підкреслює ексклюзивність продукту.
Ще один приклад крутого landing page
Відразу кидається в очі абсолютна нечитабельність тексту. Навіщо розробники оформили текст білим кольором на білому тлі залишається загадкою. Але, повторимося, кращий леднінг - той, у якого чітко опрацьована продає структура, а цей приклад роботи відноситься саме до таких. Стильний екран з не дуже ефективним ледве проглядаються УТП. На жаль, фотографія послуги компанії не дає уявлення про її діяльність - великий промах розробників.
Хочете дізнатися більше про УТП? Читайте статтю з рекомендаціями щодо створення УТП на сайті Імпульс Дизайн.
опис продукції
На першому прикладі відвідувачеві надається можливість переглянути варіації продукту і вибрати його вид. Блок дуже зручний з точки зору користування. Всі фотографії з каталогу розміщені у вигляді слайдерів, є кнопки вибору кольору коробки і наведені приклади готових робіт. Відвідувач візуально розуміє що йому пропонують. Якщо він зважився на замовлення продукту, допоможе йому в цьому кнопка "Замовити".
Наступний приклад опису продукції кращого продає Лендінзі містить великі і яскраві фотографії та категорії.
Крім того, для зручності відвідувача передбачена лідогенерірующая кнопка. Вона "вбиває" відразу двох зайців. Відвідувач отримує потрібну йому інформацію, а компанія - клієнта.
Продає структура Лендінгем Пейдж повинна містити в собі зручність для користувача. Зручність у всьому: ухвалення рішення та його виконання, перегляді товару. У разі з наступним прикладом опису товарів зручність користування розкривається на 100%.
По-перше, представлені види продукції, по-друге, під кожним видом є лідогенерірующая кнопка. При наведенні мишкою на стілець, змінюється фотографія і продукт представляється в іншому становищі, що допомагає користувачеві зрозуміти принцип експлуатації продуктом і його вигляд.
Наступний продає леднінг містить повний каталог продукції, що надається компанією. Окремий плюс - гарне оформлення і відповідність квітів загальної тематики сайту.
Лаконічність - кращий друг Лендінзі. І такий приклад кращого Лендінгем це підтверджує.
Стильно і скромно, на білому тлі зроблений акцент на фото і невеликий опис УЛУГИ з лідогенерірующей кнопкою. Решта послуг зроблені у вигляді активних посилань, при кликання на які відкриваються інші фотографії з описами, відповідні послуг.
Вигоди і переваги на одностранічнік
Вигоди і переваги фірми для клієнта є ефективною мотивацією. Як правило, переваги розміщуються на початку сайту для розпалювання інтересу користувача, а вигоди - ближче до кінця, підштовхуючи відвідувача до цільового дії. Обидва блоки повинні містити цінну інформацію, відповідати на питання, придушувати страхи потенційного клієнта. Розглянемо на прикладах крутих landing page.
переваги
Обидва блоки розкривають цінності фірми і конкретного товару. Читач розуміє де можна використовувати продукт, його якісні характеристики. Як доповнення продемонстровані конкурентні переваги самої компанії.
Наступний Лендінгем об'єднав в собі переваги і вигоди. Читаючи і переглядаючи контент, користувач переконується в професіоналізмі виробника, що пригнічує його основний страх - отримати низькоякісний товар. Цей тригер демонструє кращий приклад конверсійного Лендінзі.
У цьому ж блочками впроваджена фішка, що підвищує довіру користувача до компанії - відеоролик, який докладніше розповість про виробника.
Аналогічне поєднання вигод і переваг показує і наступний Лендінгем.
В цьому випадку усуваються страхи. Потенційний покупець знає, що натуральний мед - дика рідкість. У випадку з одностранічнік підтверджується натуральність продукту цифрами. Крім того, користувач може отримати інформацію про продукт, клікнувши на кнопку і зв'язавшись з представниками компанії.
Ще один блок переваг виконаний в дуже стильному дизайні і, в цілому, досить цікавий. Проглядається професіоналізм дизайнера, що однозначно привертає увагу.
Здавалося б, переваги можна описати 4 словами "Доставка по всій Росії", але графічна карта додає Лендінзі унікальності. До того ж, сама карта має тематичну спрямованість, що робить Лендінгем ну дуже крутим.
ТОП кращих Лендінзі містить цікаві і ефективні рішення. Наступний landing має невеликий блок переваг, який розміщений відразу під блоком з УТП. Блок вигод оформлений окремо і відповідає клієнтові на питання вартості, а також підсилює бажання за рахунок знижок.
І ще один продає Лендінгем, який розкриває переваги компанії і вигоди для клієнта. Як переваги описаний принцип роботи компанії, який пригнічує існуючі страхи.
Посилюється бажання завдяки невеликому блоку вигод
При цьому компанія демонструє вигоди для клієнта не тільки тим, що використовує під час процедури якісні продукти, а й натякає про те, що косметика в продажу. Чому і свідчить кнопка з СТА.
Блок довіри на посадкової сторінці
Блок довіри не є обов'язковою вимогою для Лендінзі, на відміну, наприклад, від блоку call-to-action. Однак він допомагає користувачеві зважитися на цільове дію. Адже Лендінгем, виходячи зі своєї специфіки, не передбачає велику кількість інформаційного тексту про компанії. Отже, краще, якщо блок довіри буде реалізований іншими способами. Подивимося як з цим впоралися топові Лендінзі.
Варіант 1. Відгуки
Дуже практично і зручно розміщений блок відгуків на сайті. Окремий плюс - фото реальних людей: чи не моделей, які не знімків людей, відверто взятих з Інтернету.
Варіант 2. Відео
Мабуть, відео - один з найбільш ефективних способів вплинути на людину. Відеозвернення завжди підвищують довіру через прямого контакту з користувачами, які вже стали клієнтами і передають свої емоції "вживу".
Варіант 3. Фотографії
Дуже часто в якості підвищення довіри розміщуються фотографії реальних фахівців, які працюють в компанії. У нашому випадку прийнято рішення розмістити реальні фотографії салону. Дивлячись на них, створюється враження елітності. А елітне не може бути низькоякісним. Отже, довіру до компанії посилюється.
На солодке. Заклик до дії (СТА)
Перший лендос має "соковитий" СТА, оформлений в єдиному стилі з сайтом. Бажання зробити замовлення посилюється знижкою.
Єдиний мінус - блок розміщений в середині сторінки. В ідеалі, потрібно було розмістити ще один заклик в самому кінці, замість цього додані невеликі кнопки, які не відразу кидаються в очі.
Наступний заклик до дії містить не тільки лідогенерірующую кнопку, а й додаткові вигоди для клієнта. Дуже продуманий заклик.
Завершує наш огляд ще один заклик до дії, оформлений в соковитих тонах, що привертають увагу.
Підведемо підсумки
Як бачите, що продає структура продає сторінки є головним і мегаважним інструментом для підвищення конверсії сайту. Не можна сказати яка з структур, наведена в кращих Лендінзі, буде найбільш ефективною. Скажемо тільки одне: кожна структура повинна максимально відповідати потребам цільової аудиторії і максимально розкривати перевага компанії / продукту / послуги. Додайте до цього стильний і яскравий дизайн, і ви обов'язково отримаєте приголомшливу конверсію Лендінзі. Ну, а якщо ви поки не в силах створити свій продає одностранічнік, ви завжди можете замовити landing page у нас.
На цьому все! Ставте лайки і підписуйтесь на наш блог, щоб не пропустити найцікавіше.
