Який має виглядати лендинг з точки зору ефективності? Які блоки він повинен містити і як ці блоки мають виглядати? Прочитавши статтю, ви отримаєте відповіді на ці запитання та побачите, як виглядають найкращі landing page.
1. Заголовок з УТП
У ідеального лендингу, одноекранного або довгого, завжди є заголовок, що чіпляє, який:
- відразу дає відвідувачеві зрозуміти, куди він потрапив;
- показує йому унікальність вашої пропозиції.
Розміщується заголовок у верхній частині лендингу, на рівні очей користувача. Великий, яскравий, інтригуючий.
Від заголовка залежить показник відмов.
Ось приклади заголовків найкращих лендінгів нашої компанії.
2. Дескриптор
Дескриптор також впливає показник відмов, хоч і менше, ніж заголовок. Зазвичай складається з логотипу, назви компанії, слогану або кількох слів про послуги чи товари. Розміщується вгорі ліворуч або в середині.
У тому випадку, якщо на посадочній сторінці є заголовок з УТП, дескриптор роблять скромним - логотип плюс назва.
Кращі лендінг завжди містять оригінальний дескриптор.
3. Блок із контактними даними
Як правило, розміщується у верхньому правому кутку. Вичерпний блок контактів містить:
- реальний номер телефону;
- електронну пошту;
- кнопку "Зворотний дзвінок".
Обов'язково використовується заклик – прохання зателефонувати.
4. Привабливе зображення
Під зображенням мається на увазі фон - велика картинка, поверх якої розміщують заголовок, форму захвату, інші блоки.
В ідеальному лендинг зображення відповідає тематиці сайту, є оригінальним і цікавим. Колірна гамма фону відрізняється від кольору шрифту заголовка, щоб вони не зливались.
На скріншотах ви бачите гарні лендінги із привабливими зображеннями.
5. Форми захоплення
Одноекранний лендинг містить одну форму захоплення, довгий – 2 чи 3 форми. Перша форма є сусідами із заголовком – поряд з ним або під ним.
Форма захоплення містить графи для введення імені та телефону. Заклик до дії описує додаткові вигоди (подарунок, знижку, додаткову послугу), які спонукають відвідувача негайно надсилати дані.
Якщо на лендинг проходить акція, форма захоплення містить таймер зворотного відліку.
Ось такими формами захоплення ми оснащуємо найкращі лендінг пейдж наших клієнтів.
6. Блок із вигодами для клієнта
Цей блок ідеально обходить заперечення відвідувачів. У блоці поміщають 3-8 пунктів.
Блок має таку структуру: текст із описом вигоди та тематична картинка для кожного пункту. Розташування пунктів – горизонтальне чи вертикальне. В ідеальному блоці у всіх пунктах однакова кількість тексту, а ключові речення виділені кольором або жирним шрифтом.
7. Відгуки клієнтів
Блок із відгуками – ключовий у лендингу.
На лендінгу мають бути реальні відгукищонайменше від трьох клієнтів. Ідеальний варіант – вікно з можливістю прокручування, наприклад, слайдер, що вміщує 5–10 відгуків.
Кожен відгук:
- містить ім'я та реальне фото клієнта;
- зміст із ключовими подробицями, які позитивно позначаться на конверсії лендингу.
Ось приклади блоків із відгуками на найкращих лендингах нашої студії.
8. Тарифи чи пакети послуг
Покупці люблять вибирати із кількох альтернатив. Тому ідеальний лендинг пропонує на вибір 2–3 тарифи чи пакети. Неважливо, чи продає лендинг товари або надає послуги, на сайті має бути присутнім блок з тарифами.
Тарифи повинні відрізнятися один від одного та містити докладну інформацію про те, що в них включено. Один із тарифів позначається, як найпопулярніший серед клієнтів.
9. Приклади Лендінг Пейдж
Це один із найважливіших блоків лендингу. Саме переглянувши портфоліо чи кейси, відвідувач приймає рішення про вчинення цільової дії.
Грамотне портфоліо містить лише кращі роботи, красиво оформлений, не займає багато місця. Для оформлення краще використовувати слайдер, за допомогою якого відвідувачі прокручуватимуть зображення.
Подивившись приклади лендингів, відвідувач повинен переконатися в якості продукту або послуги.
10. Реальні контактні дані у футері
Заключний тригер довіри – блок з контактною інформацієюпро компанію або автора у футері.
У випадку з компанією обов'язково має бути картка із зазначеним місцезнаходженням офісу. У випадку з автором всілякі контакти.
Також тут розміщується остання форма захоплення.
В ідеальному лендинг присутні всі вищеперелічені елементи. Однак, щоб посадкова сторінка дійсно була ефективною, всі її блоки потрібно грамотно об'єднати в одну композицію. А також додати сенси, завдяки яким відвідувачі здійснюватимуть конверсійні дії на нашому лендінг-пейджі.
Landing pageБільшість з тих, хто користується інтернетом для просування своїх товарів та послуг, чули термін Лендінг пейж (Landing Page - посадкова сторінка) - це ефективний спосібпросування товару чи послуги у стислій, лаконічній формі за допомогою сайту-односторінника. Останні роки такий спосіб просування своєї компанії, товару чи послуги, в мережі інтернет став досить популярним, іноді ним навіть користуються компанії, які мають повноцінні сайти. То як створити ефективний landing page?
Будь-яка веб-розробка має свої правила та рекомендації щодо її правильного втілення в життя, не винятком є landing page - побудова ефективних посадкових сторінок.
Фіксований хедер - заголовок landing page
При переміщенні довгим односторінковим сайтом, щоб відвідувач не загубився в тексті та графіку, у більшості посадкових сторінок роблять фіксований хедер. На нього виносять кнопки навігації по сторінці, що посилаються на різні текстові та графічні блоки. Іноді односторінковий сайт доповнюють допоміжними сторінками, на кшталт «Контакти», «Про компанію», посилання на які розміщені в хедері. Але перенасичувати сайт допоміжними сторінками не рекомендується - адже пам'ятайте це за фактом односторінник.
Подбайте про якість тексту
Текст в ефективному лендінг пейдж повинен бути стислим і лаконічний, чітко викладає думку і закликає відвідувача до дії. Де можна використовувати марковані списки, вони краще привертають увагу відвідувачів. Не перестарайтеся з різноманітністю шрифтів - як і на будь-якому сайті потрібно використовувати два, максимум три шрифти. Колір шрифту має бути контрастним, мати достатній розмір, щоб добре читати.
Візуальне оформлення
На лендингу не повинно бути надто великої кількості картинок та тексту, це має бути досить лаконічна сторінка. По можливості, і якщо це вписується в дизайн сторінки, потрібно використовувати власні, а не стокові фотографії, за дослідженнями такі фотографії викликають довіру відвідувачів.
Лід-форма
При створенні конверсійної форми зворотного зв'язкуВиключіть зайві, і не обов'язкові поля, клієнти не люблять заповнювати великі форми. В ідеалі це "ім'я" та "email", але при необхідності можна додати одне-два поля.
Інші способи підвищення ефективності
Деякі компанії створюють ефект терміновості для підвищення конверсії своїх лендингів, ставлячи таймер зі зворотним відліком до кінця акції, або обмежують кількість пропонованих товарів. Деякі додають форму "зателефонуйте мені", щоб полегшити користувачам процес замовлення.
Якими б ви не користувалися засобами для створення ефективного лендингу, пам'ятайте, що не можна його перевантажувати великою кількістю товарів і послуг, роблячи з нього односторінковий інтернет-магазин. 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 ми використовували прелоадер у вигляді логотипу компанії. Це додатковий елемент брендингу сайту.
На лендингу представлена інформація про оренду приміщень у бізнес-центрі. Головний секрет посадкової сторінки знаходиться у розділі «Офіси». Тут користувач може переглянути наявність вільних офісів на кожному поверсі будівлі.
При наведенні курсору на вільний офіс з'являється кнопка «Докладніше».
Натискання кнопки направляє користувача на сторінку з інформацією про офіс та його фотографії. З цієї сторінки можна залишити заявку на оренду приміщення.
Особливості реалізації
Наш дизайнер намалював форми офісних приміщень, малюнки зроблені у форматі svg. Ці малюнки накладаються на плани поверхів. Коли адміністратор сайту в панелі управління зазначає, що офіс вільний, скрипт включає відображення малюнка на плані та можливість перейти на сторінку з інформацією та формою замовлення. Коли адміністратор зазначає, що офіс зайнятий, скрипт відключає зображення на плані.
Власне дизайн
У цьому прикладі немає складних технічних фішок та дизайнерських ефектів – весь лендинг вивозить красива картинка: фон, кольори, апетитні фотографії астраханської ікри. Односторінок astrahancaviar.ru– гарний прикладтого, як завдяки дизайнерові продукт хочеться придбати. І негайно з'їсти!
Насамкінець про наболіле – кілька прикладів жахливих лендингів. Для розмаїття, фейспалму, безсилої агонії та всього такого. Не розписуватиму, що в них не так - пропоную вам самим вирішити ці завдання. Іта-а-ак...
Прикметник "продавець" використовується зараз у всіх маркетингових інструментах.
І сфера веб-розробок не виняток, там ми теж постійно бачимо помітні фрази в стилі "продає сайт" або "продавець лендінг".
Але якщо тверезо оцінювати ідеологію створення якісного landing page, то ми побачимо, що слово "продає" це набір маркетингових знань в один майданчик.
Які з них є важливими, а які пилом у вічі, я розповім у цьому матеріалі.
Набридло брехати
Часто мої колеги, після чергової розмови з клієнтом по послузі, говорять мені обурену фразу: “Микита, нам набридло сперечатися з ними. Може зробимо те, чого вони хочуть?”.
Справа в тому, що для простого обивателя хороший лендінг = багато фішок. А якщо оригінальних рішень на сайті немає, то автоматично поганий сайт і не продає.
Все! Накипіло. Розставимо всі крапки (говорю мрійливим голосом). Раз і назавжди визначимо що таке справжній односторінковий сайт, що продає, і як виглядає нісенітниця, яка має від цього тільки назву.
Буде і цікаво, і нудно, але достеменно корисно. Почнемо з лаконічного опису цього терміна.
лендинг, Що Продає– це візуально оформлений прототип, зроблений на основі маркетингу, копірайтингу, продажу та психології, з однієї та для певної цільової аудиторіїна рівні усвідомленості.
Кожне слово вище несе безліч деталей, і це не фішки, про які Ви так любите говорити.
Це глибокі ідеї, які прийнято при навчанні пропускати повз вуха через їхню сірість і відсутність “вау-ефекту”.
Але ми, як прискіпливі професори, розбиратимемо кожну частину того, хто продає окремо.
Підготовча частина
Я хотів би написати відразу готові елементи і правила лендингу, але тоді стаття не була б повноцінною і чесною.
Якісна сторінка, що продає landing page - це проект, який не тільки створюється за всіма правилами, але і також до якого Ви правильно готуєтеся.
Все як при запуску ракети: 50% успіху – це правильне визначення координат. Отже, яким має бути сайт, що продає.
1. Один продукт (мета)
Перше, що визначає продає лендинг пейдж, це наявність однієї й єдиної мети. Чому не можна дві, три і більше? Все досить просто.
Це те саме, якщо Ви приїдете купувати автомобіль у салон, а я Вам додатково до нього продаватиму будинок на Рубльовці.
І ще абонемент у фітнес-клуб та преміум-акаунт на сайті знайомств (хоча з новою машиною, дорогим будинком та підкачаним тілом, останнє Вам може не знадобитися).
Ви можете зараз заперечити на те, що я утрирую і ніхто ніколи не продає все поспіль на одному сайті.
Ви частково маєте рацію, тільки Ви бачите все замиленим поглядом. Для Вас усі Ваші послуги або товари за замовчуванням потрібні для Вашого клієнта, а насправді, у 9 із 10 випадків (бувають винятки) людина приходить за чимось одним.
Я вам розповім наш сумний досвід і ви відразу все зрозумієте без двозначних прикладів. Ми колись тільки розпочинали свою кар'єру, зробили собі лендинг для роботи у своєму місті.
У ньому не було додаткових сторінок, а всі послуги були розміщені на головній (скрин нижче).
Ми керувалися думкою, що якщо людині потрібно, то вона сама вибере те, що їй підходить. І це колишня наша найбільша помилка.
Помилка Справа в тому, що людина, бачачи всі ці послуги, може у нас їх замовити тільки якщо їй порекомендували нас або він повний дурень.
Оскільки все одно, що купити кота в мішку. Ніякий додаткової інформації, вигод та відповідей на запитання.
І спливаюче вікно тут не рішення, цього замало для ефективного донесення інформації та закриття всіх заперечень.
Вже давно у нас на кожну послугу окремий лендинг, куди людина потрапляє із маршрутної сторінки.
Тому, коли Ви робите сайт, чітко визначитеся для якого продукту Ви це робите. Також періодично змінюйте слово “Продукт” на “Мета”.
Адже одна справа одразу продавати у лоб, а інша справа – закрити на першу (наприклад, розрахунок вартості), а вже потім продавати. Змішувати цілі також часто не варто.
2. Цільова аудиторія
За моїми внутрішніми підрахунками, це 200 згадка на нашому блозі про цільову аудиторію.
Але зараз ми розберемо це на прикладі та почнемо з того, що Ви повинні знати Ваших клієнтів.
Причому є дуже велика різниця між тим хто у Вас купує зараз і кого Ви хочете бачити як Ваші покупці.
Маючи список потенційних клієнтів у голові (краще на папері) Вам потрібно визначитися для кого саме Ви робитимете свій сайт.
Цілком можливо об'єднання кількох аудиторій в одну. Але щоб напевно зрозуміти – можливо це чи ні, Вам потрібно визначити їхні критерії вибору, потреби та страхи. Схема виглядатиме приблизно так.
Цільова аудиторія Так як в даному матеріалі ми не вчимося створення лендингу, що продає, а в першу чергу розбираємося що з себе представляє лендинг, що продає, то я покажу Вам на прикладі критеріїв вибору, що всі люди різні.
Для цього уявіть, що Ви продаєте нано-тренажер для схуднення. Навскидку, у Вас потенційні клієнти – це все люди з зайвою вагою. Але у мене до Вас питання – вони схожі у своїх критеріях вибору?
Сподіваюся, що Ви відповіли ні. Усі люди різні, як і їхні критерії вибору. Один готовий заплатити будь-які гроші, аби гарантовано отримати результат.
Інший придбає лише те, що не займає багато вільного часу. А третій взагалі, крім низької вартості, нічого не бачить. Цей список можна продовжувати та продовжувати.
І навіть у таких вузьких нішах, на кшталт будівництва будинків із бруса, теж у всіх різні критерії (для кращого засвоєння, подивіться відео нижче).
3. Рівень свідомості
Ця тема вже складніша для сприйняття, особливо на слух. Тому Вам пощастило, що Ви читаєте, а не слухаєте телефоном як наші менеджери розповідають про рівні свідомості.
Сенс полягає в тому, що кожна людина при своєму перебуває на різному рівні сприйняття проблеми та вирішення.
У маркетингу цей дивний підхід називається “ ”. Але я не вантажитиму Вас розумними термінами, а просто покажу на прикладі як це працює.
І для цього порівняйте між собою три однакові і в той же час різні запити пошуковий рядокЯндекса або Гугла:
- З чого звести малоповерховий будинок?
- Цегла чи зруб у будівництві будинків?
- Будівництво малоповерхових будинків із цегли
Всі ці запити відносяться до малоповерхового будівництва і всі вони теорії потенційні клієнти для будівельних фірм.
Але! Суть полягає в тому, що у першого повністю відсутнє розуміння з чого будується будинок, у другого стоїть питання, яке рішення вибрати, а третій вже цілеспрямовано шукає де замовити конкретний будинок.
Для Вас при розробці це означає, що у всіх випадках буде різна, тексти на ньому та зображення.
Наприклад, для другого типу запитів Ви спочатку показуєте чим будівництво будинку з цегли краще, ніж зі зрубу (якщо Ви робите на основі цегли), а вже тільки потім продаєте.
У третьому вигляді запитів, Ви без довгих освідчень, відразу пропонуєте своє рішення і великою мірою робите акцент на вигодах Вашої компанії в порівнянні з конкурентами.
У побутовому використанні багато хто називає рівні усвідомленості температурою трафіку. Ділиться вона на гарячі, теплі та холодні.
Найулюбленіші для всіх – гарячі, тобто ті люди, які хочуть купити прямо тут і зараз.
Але я намагатимусь написати короткий підсумок. Сайт, що продає, паралельно аналізу конкурентів, повинен проходити через процес брифінгу клієнта.
На якому за допомогою спеціальної серії питань витягується все, що накопичилося і все, що впливає на прийняття рішення клієнтом. Після чого всі ці смисли розподіляються і створюють скелет сайту.
Теж не приховуватиму і скажу, що всі агентства за замовчуванням проводять брифінг клієнта.
Але, як завжди, розкрию ще один секрет, який робить сайт продавцем. Брифінг відбувається усно.
Листок паперу не зможе розкривати всю глибину, коли людина під час спілкування може ставити уточнюючі питання та вести у потрібний напрямок.
Такий брифінг займає 1-2 години. І якщо розкриваю всі карти, то приготуйтеся до того, що якщо у Вас компанія нова або в ній нічого немає, то "пакувальник смислів" просто нічого не зможе взяти і сайт вийде точно не продає.
Звичайно, Ви на виході звинувачуватимете у всьому сайт або підрядника, але насправді, вся справа буде у відсутності Ваших напрацювань, вигод та особливостей.
Важливо.Маркетингова агенція пропонує додаткові вигоди та рішення, але, як правило, всі вони глобально не змінюють ситуацію.
Щоб по-справжньому розробити стратегію та тактику Вашої упаковки, потрібно провести глибокий аналіз конкурентів, а як Ви пам'ятаєте, це коштує інших грошей та займає інший час.
Реалізація
Після того, як Ви провели підготовчу роботу (вище написана основна), то у Вас автоматично сформується правильна структураі Ви можете сміливо приступати до натягу каркаса.
Він базується на маркетингу, продажах, дизайні та психології. Розумно дробити ці сфери не буду, покажу головні моменти, щоб не ускладнювати матеріал.
Лайфхак.Якщо Ви робитимете лендинг самостійно, то я рекомендую – PlatformaLP , Tilda , Bloxy .
1. Оффер
Як тільки людина потрапляє на сайт, вона насамперед бачить Ваш оффер. Простою мовою, це Ваша пропозиція з основними вигодами.
Головний оффер може бути 4 рівнів. Відмінну різницю відразу видно з прикладів.
Перший рівень - коли Ви просто пишіть "Оренда машин у Москві".
Другий рівень звучить вже цікавіше – “Оренда машин у Москві. Преміум автопарк”.
Третій рівень для багатьох дається дуже складно і базується на результаті - Оренда преміум-машин в Москві. Поодинокі екземпляри приваблять тисячі очей всього від 5000 рублів на день”.
Чи можна назвати це ідеальною пропозицією? Звісно, ні. Я вигадав його за 2 хвилини для цієї статті.
Але суть Ви вловили і помітили наскільки різним може бути заголовок на першому екрані. Тому за умовчанням намагаємося досягти 3, а ще краще 4 рівня оффера.
Хоча на свій подив, я бачив шикарні результати на офферах 1 і 2 рівня, але це швидше винятки або дуже продумана стратегія.
Щоб створити свою пропозицію, Вам потрібно добре розбиратися у своєму бізнесі і розуміти клієнтів.
Щоб спростити життя (ми саме для цього тут знаходимося), рекомендую прочитати нашу статтю на цю тему.
А краще не просто читайте, а одразу створюйте та відписуйтесь про результати в коментарях.
НАС ВЖЕ БІЛЬШЕ 29 000 чол.
ВКЛЮЧАЙТЕСЯ
2.
landing page також створює майстер з текстів (копірайтер). Він робить це на основі отриманого від маркетолога прототипу, де відбито всі виявлені смисли на етапі упаковки.
Процес цей трудомісткий і набагато важливіший, ніж дизайн. Впевнений, я вас зараз трохи здивував.
Але це — повна правда. Страшний сайт із добрими текстом зробить свою справу. А погані тексти на гарному дизайні загублять клієнта.
Хороший текст недооцінений і це помічається на всіх діях клієнта, який більше віддає увагу дизайну.
Але якщо Ви хочете отримати якісний лендинг, Вам потрібно дуже уважно підійти до заголовків та текстів.
Швидше за все, зробити це самому не вийде, бо це ціле мистецтво, якому потрібно вчитися, а потім набивати руку.
Крім того, я дам Вам основні правила копірайтингу на сайтах, щоб Ви могли хоча б приблизно визначити наскільки хороша перед Вами робота.
Вони не залізобетонні, у всьому є винятки, але якщо порушено відразу кілька пунктів, варто задуматися про якість.
- Чи не банальний заголовок.Якщо Ви бачите заголовок “Чому обирають нас?”, “Про нас” або інший побитий варіант, який використовується на десятках інших сайтів, то біжіть з усіх ніг.
Сайти з банальними підводками говорять про їхній безумовний програш на тлі будь-якого іншого сайту.
- Ви підхід.Чим більше на сайті заголовків та текстів, які починаються зі слова “МИ”, тим гірше сайт.
Клієнту набагато важливіше, щоб говорили про нього і для нього, а вже потім він читав про Вас коханих.
- Проста мова.Якщо споживач нічого не розуміє на тому, що написано на лендингу або зустрічає незнайомі слова.
У такому випадку це означає, що сайт також потрібно покращувати, адже потрібно говорити доступною мовою для клієнта, а не для Вас.
- У справі.На односторінці не повинно бути тексту для тексту, навіть якщо він створюється для SEO.
Якщо можна з сайту прибрати цей текст і нічого не зміниться, потрібно різати і скорочувати.
- Конкретика.Також побиті словосполучення із серії “Індивідуальний підхід”, “ Гнучка системазнижок”, “ Висока якість” є клеймом.
Єдине, це допускається, коли текст, що розкриває, дає 100% конкретику, а ця фраза лише є підведенням або заголовком.
Окремим пунктом хочу винести такий критерій, як “Відпрацювання заперечень”. Він реалізується по всьому сайту у всіх елементах тексту.
А саме всі типові заперечення клієнта на рівні його усвідомленості повинні бути відпрацьовані в ході всього сайту.
Перевірити це досить легко, Ви збираєте список всіх заперечень від обраної цільової аудиторії і після чого дивіться на всі відповіді.
Розумна думка.Сайт, що продає, закриває всі заперечення, викликає емоції і аргументує, що потрібно купити у нас.
3. Дизайн
Красивий сайт не завжди продає сайт. Це Вам необхідно запам'ятати назавжди. У своєму матеріалі