Гарні поради та приклади цільових сторінок

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

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

Як ви, мабуть, погодитеся зі мною, всі цільові сторінки відповідають обом критеріям: вони інформують відвідувача про пропозицію, а також підбурюють дії з його боку. Інакше ми б не потребували дзвінків на дії на абсолютно будь-якій цільовій сторінці?

Те, що потрібно з'ясувати перед запуском будь-якої цільової сторінки у www, є характер бажаних дій відвідувачів. Чи збільшується кількість підписів на ваші цілі? Потім створіть CTA з повідомленням "Signup now to our newsletter". Ви прагнете до пробних покупок від відвідувачів? Скажи так. Взагалі кажучи, важливим рецептом є зробити вашу цільову сторінку максимально яскравою та привабливою.

Поради щодо розробки цільової сторінки

Деякі швидкі поради, які можна розпочати з розробки цільової сторінки:

1. Використовуйте принцип AIDA

Це ланцюг подій, які ми хочемо статися після того, як провідник досягне платформи, на якій відображається продукт або послуга, що просувається. Головним чином, кроки:

1. Усвідомлення - привернути увагу відвідувача
2. Інтерес - які можуть бути викликані висвітленням переваг для клієнта
3. Бажання - спонукають у покупців до думки, що вони хочу продукт або послугу
4. Дія - клієнтів, які здійснюють процес покупки

2. Не надто багато відволікаючих; залишити вихід

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

3. Зробити тест на блимання

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

4. Не створюйте помилкових очікувань

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

Як ми і пообіцяли, давайте подивимося на добре оформлені та ефективні цільові сторінки B2B та B2C. Ми дослідимо їхні сильні та неминучі слабкі сторони. Слідкуйте за наступними в галереї нижче: візуальні комунікації, брендінг і показники довіри, ефективність вмісту, заклики до дії.

Вітрина: красиві цільові сторінки

99Дизайни

Це версія цільової сторінки, націленої на дизайнерів і студентів. 99Designs також має цільову сторінку для іншої сторони: підприємства, які потребують розробки. Що стосується цього, то це дуже ефективно з точки зору схвалення (див. Сміливі відгуки) і дійсно говорить мову аудиторії за допомогою цифр і показників довіри (кількість членів громади, кількість грошей, які вони заробили). Зверніть увагу на яскраво-червоний відтінок однієї кнопки CTA - це, як правило, щось, чого не потрібно, але в цьому випадку це не заважає, оскільки він відповідає кольору логотипу.

123RF

123RF робить чітку заяву про мету на цій цільовій сторінці з повзунком зображення і чотирма середніми коробками. Ви розумієте, що таке служба і як ви можете її використовувати (пошук, реєстрація, оплата за покупку, придбання підписки). Світло-сірий фон ненав'язливий і висвітлює суть, що є образ. Що я особисто думаю, що вони можуть поліпшити на це список категорій фотографії, це трохи фаршировані. А CTA занадто тонкий для кліків, які можна натиснути.

Favomatic

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

BiznessApps

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

Брушези

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

Втеча з в'язниці

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

PageLines

Мінімалізм є ключовим поняттям тут. Мені особисто подобається, що ця сторінка не розповідає вам все відразу, але запрошує вас відкрити. Що я не вважаю настільки приємним, однак, це відео, яке починається автоматично (функція, яку я взагалі уникаю) - навіть якщо Ендрю Пауерс не тільки вмілий, але і гарний! Крім того, той факт, що немає негайного CTA, може бути недоліком для веб-сайту.

Піко

Ця цільова сторінка проста, але потужна. "Більш ніж" червоний знак - це сіль і перець до загального вигляду. Упорядкування пункту нагадує макет газети і цілком нагадує для цілей CMS. Кнопки CTA є занадто слабкими, але дама в правому нижньому куті викликає легке відволікання; з надто великою несподіванкою на її обличчі, вона виглядає так, ніби вона здатна домовитися про ділову справу?

Взуттєва

Описові рядки для кожного з розділів є прикладом описового використання мови. Ви розумієте повідомлення за частку секунди, оскільки ваша лінія видимості швидко сканує перший рядок і надходить на кнопку CTA. Якщо ви все ще вагаєтеся, то вам слід надати допомогу разом із сильними підтримками - чи не довіряєте ви компанії, яка представлена ​​в Forbes і Tech Crunch? я б.

SquareSpace

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

Примітка редактора: Цей пост написано Лора Моісей для Hongkiat.com. Лаура має ступінь бакалавра в галузі комунікаційних наук і проводить більшу частину часу, переслідуючи свою пристрасть до дизайну та письма. Вона працює для 123ContactForm, он-лайн формуляра та будівельника, що допомагає користувачам створювати красиві форми для будь-якої веб-сторінки.