18
10.2016
10.2016
Лендінг формує перше враження про ваш бренд, тому так важливо з усією ретельністю підійти до його дизайну. Незалежно від того, чи плануєте ви провести редизайн або запускаєте свій перший проект, слід знати, що забезпечує ефективність посадкових сторінок. Завжди пам’ятайте про наступні моменти:
Коли мова йде про веб-дизайн, маркетологи природньо схильні фокусуватися більше на графіці, ніж на тексті. Проте, при створенні Лендінгу важливо й те, й інше. Доповнюючи один одного, графіка та текст повинні негайно повідомляти відвідувачеві, хто ви і що ви йому пропонуєте. Оффер також повинен чітко відображати ваші основні переваги на ринку перед конкурентами.
З технічної точки зору, немає необхідності відображати заклик до дії вище «лінії згину», але в більшості випадків це хороше рішення. Хоча далеко не всі одразу ж будуть готові оформити підписку або залишити заявку на вашому сайті, до цього потрібно бути готовим. Як варіант, ваш заклик до дії може бути розташований в панелі навігації або на головному зображенні (hero image).
Банальні стокові фотографії, кліп-арт і просто красиві зображення навіть високої якості вже не працюють. Щоб не бути схожим на будь-який інший сайт в інтернеті, ваш Лендінг повинен містити виключно оригінальні, унікальні зображення, що характеризують ваш продукт або цільову аудиторію.
Всім відомо, що сайт повинен бути оптимізований для мобільних пристроїв. Але це зовсім не означає, що він буде добре виглядати на кожному з них. Оскільки більша частина веб-трафіку припадає саме на мобільні пристрої, необхідно переконатися в тому, що ваш Лендінг виглядає так, як вам потрібно, на різних екранах.
Контраст дозволяє виділити певні елементи на Лендінгу, такі як заклик до дії або форма. Він допомагає створити візуальну ієрархію і, таким чином, дає зрозуміти відвідувачам, на що їм потрібно звернути увагу.
Ще один спосіб привернути увагу відвідувача до конкретної області сторінки – використовувати підказки напряму (стрілки / зображення осіб). Вони допомагають спрямовувати відвідувача до наступного кроку в вашому процесі продажів.
Колись слайдери в хедері сторінок були дуже популярні, але ті часи пройшли. Слайдери сприяють поганому досвіду користувача: видаючи користувачу занадто велика кількість інформації за раз, вони створюють ризик того, що якась важлива її частина може бути втрачена. Позбавтеся від каруселі на вашому Лендінгу і сфокусуйте контент навколо однієї бажаної для вас дії.
Якщо порівняти сучасні Лендінги з їх попередниками, видно, наскільки вони стали менш завантаженими. Веб-дизайнери навчилися користуватися порожнім простором, завдяки чому значно полегшується читання сторінки, а увагу відвідувача фокусується на найголовнішому.
Подібно слайдеру бічна панель була невід’ємним елементом веб-дизайну протягом багатьох років. Від неї також слід позбутися, оскільки вона лише захаращує сторінку і відволікає від розташованого поблизу контенту.
За можливості, замість макетів (mockups) слід використовувати реальні фотографії продукту, оскільки для споживачів важливо заздалегідь бачити, що вони збираються купити, і зображення допомагають вашим потенційним покупцям уявити собі ваш продукт в дії. Якщо вашим продуктом є послуга, розмістіть фотографії ваших співробітників.
Відео на Лендінгу є найсильнішим медіа-форматом залучення і одним з найпотужніших доповнень до будь-якого веб-дизайну. Навіть короткий анімаційний ролик, що демонструє продукт / послугу, підвищить ефективність вашої сторінки.
Кольори справляють на людей емоційний вплив. Колірна схема Лендінгу повинна підбиратися не тільки виходячи з кольорів бренду, але також те, які почуття ви хочете викликати у ваших відвідувачів.
Керуйте емоціями відвідувачів за допомогою кольору
Відгуки, логотипи компаній, знаки довіри (trust seals) – все це відмінно підходить для соціального доказу, який є сигналом для відвідувачів про те, що ваша компанія легальна і має хорошу репутацію.
Ваші пропозиції повинні бути короткими, а абзаци складатися максимум з 2-3 речень. В іншому випадку сторінка може виглядати занадто перевантаженою і незатишною. Ваш контент повинен викликати у відвідувачів бажання прочитати його до кінця і досліджувати всі розділи на вашому сайті.
Панель пошуку (search bar) дуже зручна для відвідувачів тим, що швидко допомагає їм знайти потрібний контент на вашому сайті, особливо якщо у вас його багато. І хоча цей елемент не обов’язковий для Лендінгу, все ж його добре мати. Завдяки панелі пошуку ви також зможете дізнаватися, що шукають користувачі, коли переходять на ваш сайт.
Незбалансований дизайн призводить до поганого юзабіліті. Наші очі шукають баланс у всьому, а погана структура створює безглуздий зовнішній вигляд, понижуючий цінність вашого бренду.
Сьогодні вибір шрифтів в мережі досить великий. Як і колір, типографіка здатна викликати певні емоції у людей. Якщо ви не бажаєте витрачатися на платні набори шрифтів, придивіться до безкоштовних варіантів Google Fonts.
Найкращий спосіб привернути увагу відвідувачів до контенту вашого блогу – відображати список останніх постів зі слайдами (thumbnails) на цільовій сторінці.
Деякі аспекти дизайну можна побачити, тільки коли ваша сторінка завантажиться повністю. Підвищивши швидкість завантаження Лендінгу, ви ніяк не вплинете на його зовнішній вигляд, але дозволите людям швидше оцінити ваш дизайн і прийняти рішення залишитися на сторінці. До того ж, швидке завантаження дуже добре впливає на SEO.
Персоналізований контент, або Smart Content, забезпечує унікальний досвід вашим потенційним клієнтам. Неодмінно розгляньте можливість використання його на вашій цільовій сторінці.
Дизайн вашої цільової сторінки, яким би «крутим» він не був, рано чи пізно застаріє. Щоб ваш Лендінг завжди виглядав актуально та оригінально, бажано раз в кілька місяців проводити невеликі коректування та поліпшення.