Структура Landing page - блок захоплення уваги!

Структура Landing page - блок захоплення уваги!

Перший блок структури твого Лендингу повинен буди змістовним та чітко говорити відвідувачеві, про те, що ти йому пропонуєш, в чому унікальність твоєї пропозиції та що йому потрібно зробити щоб це отримати!

Захопи увагу відвідувача, щоб він скролив даліМи поступово перейшли до основних елементів першого блоку нашої посадкової сторінки! Головне завдання цієї частини Лендінгу - це захоплення та утримання уваги відвідувача нашого сайту та звичайно стимулювання до активних дій та подальшого знайомства з нашою пропозицією. Елементами цієї секції є - колонтитул, складові якого ми уже розглядали раніше, заголовок, підзаголовок та заклик до дії. Заголовком, як ви уже знаєте з попередніх постів, буде наша унікальна торгова пропозиція, тобто – УТП, чи як іще говорять наш офер. Тому зараз ми детально розглянемо створення підзаголовка та заклика до дії для нашого Landing page.

Детально про елементи колонтитулу, ось тут – Як створити назву для Landing page? і тут - Як створити логотип для landing page?, а про створення УТП в цьому пості - Як створити унікальну торгову пропозицію?

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

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

Також, як варіант, якщо ми пропонуємо якийсь конкретний товар, то можна його показати у цьому блоці. Розмістивши його фото навпроти форми з CTA, тобто на одній висоті з нею. Фото можна розташувати, як справа так і зліва.

Як ви пам'ятаєте, паралельно з розглядом теми самостійного створення сайту для бізнесу на прикладі Landing page, я працюю над новою посадковою сторінкою для мого онлайн курсу - Перші кроки в самостійному створені сайтів. І блок захоплення уваги на моїй посадковій сторінці, буде мати такий вигляд!

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

На цьому створення елементів основного блоку для структури посадкової сторінки, ми завершуємо, а розбирати наступні секції Лендінгу, ми з вами продовжимо уже в наступних постах!

А щоб дізнатися більше про курс - Перші кроки в самостійному створені сайтів та отримати безкоштовний доступ до нього перейдіть, будь ласка, за посиланням - kurs.3sh.pw, інформація в курсі є основою для створення будь-якого сайту.

Ніколи не припиняйте вчитися!

Бадьорого вам настрою та хороших думок!

З повагою та розумінням - Сайти з Сергієм Шевченко Блог Веб-Майстра!

Сподобався пост? Поділіться будь ласка ним зі своїми близькими та друзями!

Додати коментар

Захисний код
Оновити