Landing page

Landing page - сторінка, що презентує продукт або

сервіс.

Головна задача Landing page - переконати

користувача зробити цільову певну дію
Landing page
Landing page
Особливості Landing page
1 Ефективні у рекламі

2 Вузька аудиторія

3 Одна сторінка
Одна пропозиція
Одна дія
Етапи створення Landing page

1 Проаналізувати
конкурентів
2 Проаналізувати
аудиторію
3 Контент.
Прототип.
4 Зробити макет
Прийшов – зрозумів – зробив
Щоб працював план, у якому користувач прийшов на
сайт, все зрозумів, зробив потрібне необхідно:

- трафік

- кнопка
Заклик до дії СTA (call to action)
1 Підписатися на розсилку

2 Зареєструватися на захід або

купити квиток

3 Запитати кошторис чи комерційну пропозицію на

товар чи послугу

4 Завантажити презентацію або залишити свої

дані
Landing page

Landing - будь-яка сторінка,

(часто - односторінковий сайт), яка закликає
користувача до дії.
Формули для створення
лендінгу

10
AIDA

A attention Привернути увагу

I interest Зацікавити

D desire Викликати бажання

A action Досягне дії

PMPHS

P pain Позначити проблему

MP more pain Загострити проблему

H hope Показати надію

S solution Запропонувати рішення

Формули

Формули допомагають побудувати каркас

сторінок, сценарій для користувачів.

Проте, набагато важливіше яскраво уявити товар

чи послугу, ніж суворо їх дотримуватися.
Стартовий екран - "обкладинка"
● заголовок та підзаголовок

● форма та кнопка

● фон обкладинки

● логотип

● стрілка вниз

● меню
Заклик до дії та мотивуюча кнопка

По суті, головний блок посадкової сторінки,

оскільки завдання лендингу — спонукати
відвідувача до будь-якої дії. Тому блок має бути
на видному місці.

Майже завжди поєднаний з "обкладинкою",

пізніше зустрічається ще кілька разів на сайті
Про проект

Розгорнута інформація
про пропозицію.
Переваги

Найпоширеніший варіант подачі - блоки, в яких

описуються основні особливості. Кожен блок
містить картинку, заголовок та короткий
опис.
Повна інформація про
товар

Цей блок показує, наприклад, основні технічні

особливості товару, матеріали, особливості
виготовлення і т.д.
Список тез

Блок можна назвати різновидом «переваг» чи

«вигод», але він відрізняється формою.

Якщо вигоди та переваги – це три-чотири позиції

з іконками чи фото, то тези – це саме список:
5 причин замовити нашу кавер-групу, чому наш
рюкзак буде незамінним у поході, робота з нами –
це… тощо.
Сценарії використання та користь
продукту

Приклади використання продукту (послуги),

опис, коли знадобиться
продукт (послуга), опис процесів
Цільова аудиторія

Опис основних груп, на які розрахований

продукт.
Тарифи та ціни

Тарифи використовуються, якщо у товару чи

послуги є кілька варіантів цін, включаючи
безкоштовну версію.
Варіанти

Як правило, всі Landing Pages пов'язані із

зароблянням грошей. Незнання ціни зупиняє
людей.

Правильне рішення показувати реальні ціни,

скільки це коштує. Наприклад, вказані ціни на
різні варіації товару:
$10, $20
Форма реєстрації чи підписки

Схожий формою на попередній елемент, тільки з

додаванням форми. Якщо мета лендингу
отримати нового передплатника чи відвідувача
вебінару, то найважливішим стає цей блок.
Відгуки

Відгуки можуть бути у відео-форматі. Живі

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

Перегукується із відгуками.
Партнери або клієнти

Якщо серед клієнтів сайту чи партнерів є відомі

компанії, варто показати окремим блоком їхні
логотипи.
Галерея фотографій

Галерея не обов'язково має бути у вигляді

слайдера: кожен клік – це мікрорішення, яке
люди не люблять приймати.

Є безліч можливостей, як ефектно комбінувати

зображення у групи.
Етапи або "як це працює"

Якщо важливо показати, як працює продукт чи

послуга, розділіть розповідь про неї на етапи.

Це може бути вертикальна або горизонтальна

схема або просто нумеровані списки або
колонки.
Розклад

Блок використовується, якщо лендинг

присвячений протяжній події, яку важливо
розбити на етапи.

Зазвичай розклад – це таблиця або таймлайн.

Якщо є спікери, то для наочності в розклад
зручно додати фотографії.
Відео

Промовідео чи скринкаст – спосіб наочно

пояснити головну ідею проекту, показати, як
працює продукт, розповісти історію успіху ваших
клієнтів чи зібрати відгуки.
Часто задавані питання

Прийом роботи із запереченнями. Хороший хід

— зрозуміти страхи та сумніви вашого клієнта,
переформулювати їх у питання та розгорнуто
відповісти.
Контакти

Найчастіше контакти – один із

завершальних блоків лендингу.
Команда

Люди довіряють тим, кого знають. Навіть

якщо лише з фотографії.

З формою все просто: фото людини, ім'я,

посада, іноді цитата самого співробітника.
Факти у цифрах

Цифри добре працюють – вони легко

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

Професійні сертифікати або листи подяки 100% гарантія

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

Інший вид сертифікату — той, який пропонує

сама компанія, наприклад, після проходження
онлайн-курсу. Його можна показати і пояснити,
чому він стане гарним доповненням до резюме і
в якому разі знадобиться слухачеві.
Портфоліо

На лендингу з'являється лише невелика частина

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

Лічильники показують зворотний відлік до

завершення якоїсь функції на сайті. Їхня головна
мета — мотивувати потенційного покупця
швидше зробити вибір.

Лічильники можуть показувати час та кількість.

Вспливаючі вікна

У спливаючих вікнах розміщують інформацію

про акції або пропозицію передплатити розсилку.
Віджети зворотного зв'язку

Віджети зворотного зв'язку підвищують

залучення - чим простіше людині з вами
зв'язатися, тим більша ймовірність, що вона це
зробить.

Чат або дзвінок - сам по собі вже дратівливий

елемент на сторінці, тому не варто посилювати
ефект значком, що смикається або стоковими
фотографіями консультантів.
Меню

На довгій сторінці можна розмістити залипаюче

меню з посиланнями до основних смислових
розділів сторінки і кнопкою заклику до дії.

Інший варіант допомогти відвідувачеві

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

Є два види кнопок: посилання на профайли у

соціальних мережах та кнопки шарингу.
Звісно, це не все

44
Де шукати
референси?
Для натхнення

45
Behance
Dribbble
Awwwards
siteinspire
httpster
Де шукати
референси?
Для бізнесу

51
Референси

1 Пошук

2 У тому числі рекламні

сніпети в Google

3 Соціальні мережі
Дякую