Правильна структура landing page

Лендінг – це сайт, який має чітко продуману послідовність блоків на посадковій сторінці, яка допомагає користувачу пройти шлях від першого знайомства з пропозицією до виконання цільової дії. Структура лендінга потрібна для зрозумілого представлення продукту, формування довіри та підвищення конверсії сторінки.«Правильна» структура сторінки збільшує продажі і приваблює клієнтів, неправильна — плутає, збиває з думок і змушує подивитися на пропозиції конкурентів. Хороший лендінг містить максимум сенсу, зрозумілий клієнтам, викликає довіру, турботу і головне — продає ваш продукт.

Ідеального шаблону для створення посадкової сторінки немає. Все залежить від ніші вашого бізнесу і продукту: один лендінг необхідний для залучення аудиторії на майстер-клас, інший – для продажу дитячої книги. Ми постараємося розглянути основні елементи посадкової сторінки і їх найбільш оптимальне розташування.

*так виглядає ідеальна структура Landing Page

Читайте також: 10 помилок, що допускаються при розробці Landing Page

Структура лендінгу — що це і навіщо?

Правильно сформована структура лендинга потрібна для того, щоб провести користувача через усі етапи прийняття рішення: від першого знайомства з пропозицією до виконання цільової дії. Вона допомагає послідовно розкривати переваги продукту, відповідати на заперечення, формувати довіру та підвищувати конверсію посадкової сторінки.

Готуємо унікальну пропозицію

Користувач потрапляє на сторінку, бачить чітку і інформативну УТП (унікальну торгову пропозицію). Він швидко оцінює вашу пропозицію, рухається по сторінці вниз, дізнається більше і більше інформації, і в кінці кінців заповнює лід-форму. Так працює хороший лендінг. Якщо клієнт не зрозумів вашу пропозицію за 3-5 секунд, він піде з посадкової сторінки.

Основні елементи головного екрану — заголовок і підзаголовок. Як правило, заголовок містить УТП, а підзаголовок (його дескриптор), робить звернення більш зрозумілим. Крім заголовка і підзаголовка, на головній сторінці повинні бути:

• зображення (візуально доповнює контент сторінки);
• логотип (допомагає клієнту запам’ятати ваш бренд);
• контактний телефон (для замовлення послуги або додаткової консультації);
• кнопка зворотного дзвінка;
• лід-магніт або закрита форма для захоплення контактів.

Перед створенням лендінгу важливо визначити ЦА. Якщо ви не виявили свою аудиторію, вам буде складно скласти коректну пропозицію і привернути увагу відвідувачів сторінки.

Знайомимо клієнта з послугою і брендом ближче

Ви зацікавили клієнта з перших секунд, але він все ще смутно розуміє вашу пропозицію. Завдання другого екрану — демонстрація продукту або послуги. Клієнту вже цікаво: він гортає сторінку нижче, щоб отримати більше інформації. Додайте фотографії або відео, опишіть технічні характеристики продукту і його користь.

На наступному екрані можна показати переваги співпраці з вашим брендом. Наприклад, якщо ви продаєте велосипеди — опишіть процес техобслуговування, довічну гарантію на раму. Розкажіть, чим ваш продукт і умови співпраці краще, ніж у конкурентів.

Лендінг — візуальна демонстрація товару, а текст — гарне доповнення.

Показуємо приклади робіт і відгуки

Цей блок особливо важливий, якщо ви створюєте щось візуальне. Клієнту буде цікаво подивитися на ваші готові роботи зі створення інтер’єру квартир або дизайну сайтів. Якщо ви проектуєте і будуєте будинки, покажіть ваші роботи, і запропонуйте клієнту з’їздити до готових котеджів і подивитися на них. Це буде набагато ефективніше, ніж перегляд креслень або фото на сторінці.

Додайте реальні відгуки клієнтів. Ми рекомендуємо:

• використовувати тільки справжні відгуки;
• публікувати фотографію, ініціали, посилання на соцмережі тільки з дозволу клієнтів;
• переструктурувати відгук, щоб він виглядав людяно і легко читався (фінальну версію відгуку узгодьте з клієнтом, щоб отримати його схвалення).

Дивимося на продукт з боку клієнта

У клієнта завжди є побоювання, тому ви можете виділити найпоширеніші питання і відповісти на них до того, як клієнт їх задасть вам. Якщо ви добре вивчили ЦА, це не складно зробити.

Цей блок фінальний в ухваленні рішення. Якщо клієнт зацікавлений — він гортає сторінку вниз і заповнює лід-форму, якщо ні — йде.

Складаємо лід-форму

Клієнт готовий до покупки, але не поспішайте радіти. Якщо форма захоплення контактів складна, це може «налякати» його. За статистикою, погана лід-форма знижує конверсію на 8-14% в залежності від специфіки бізнесу.

Ми рекомендуємо:

• використовувати мінімум полів. Зазвичай, достатньо 3 поля: «ім’я», «пошта,«контактний телефон». Якщо це форма лід-магніту (подарунок книги, чек-листа або першого безкоштовного уроку в обмін на контакти), то досить буде і одного поля — пошти або номера телефону;
• надати клієнтові вибір способу комунікації (наприклад, зробити одне з полів «пошта» або «номер телефону» необов’язковим до заповнення);
• використовувати авторизацію через соцмережі;
• не використовувати особисті або другорядні питання в формі;
• використовувати індикатори помилок (якщо клієнт не бачить причину, по якій форма не відправляється, — він злиться, психує і йде. Якщо при заповненні форми клієнт бачить помилку в полі email або відсутню цифру в номері телефону — це полегшить йому життя);
• не додавати на сайт капчу (сучасним роботам не складно генерувати відповіді для капчи, а ось користувачам доводиться нервувати. Якщо клієнт кілька разів ввів капчу неправильно, вірогідність подальших спроб незначна);
• використовувати лід-форму середнього розміру (великі — відлякують клієнтів, дрібні — залишаються непомітними);
• додати кілька відкритих і закритих лід-форм.

Додайте поруч з лід-формою таймер, щоб збільшити конверсію лендінгу на 3-5%. Таймер створює відчуття обмеженої кількості товару або місць на майстер-клас, тому клієнт швидше заповнить лід-форму.

Ось кілька прикладів таких закликів до дії: «До кінця акції залишилося …», «Встигни придбати товар зі знижкою 30%», «Залишилося всього 7 путівок …».

*встановлення таймеру збільшило конверсію на 4%

Продовжуємо працювати з потенційним покупцем

Якщо клієнт дійшов до лід-форми, але не вчинив дію (покупка, запис на майстер-клас, реєстрація) — з ним можна продовжувати комунікувати. Ваше завдання — не відпустити його з порожніми руками. Застосуйте кілька додаткових інструментів, щоб потенційний клієнт не забув про ваш продукт, повернувся і купив його.

Запропонуйте клієнту:

• приєднатися і стежити за вашою діяльністю в Telegram-каналі і соцмережах;
• залишити контакти і отримати корисний подарунок (можна дарувати чек-листи, книги, відео-уроки).

*приклад комунікації бренда з потенційними покупцями на лендінгу наших клієнтів

Висновки

Щоб створити лендінг, який буде продавати, вам необхідно вивчити свою ЦА, створити пропозицію, яка вирішує проблеми клієнтів, і використовувати модель AIDA (Attention — Interest — Desire — Action) для розміщення блоків сторінки. Пам’ятайте, що дизайн вашого лендінгу повинен відповідати продукту і ЦА. Ми рекомендуємо створити сильний інформативний текст і використовувати власні зображення (стокові матеріали не підходять).