54 примера потрясающего дизайна лендингов
В интернете второго шанса произвести впечатление на посетителя просто нет. Именно поэтому дизайн лендинга чрезвычайно важен. Лендинг — это лицо компании, ваше виртуальное представительство; если оно не понравится пользователю, он просто закроет вкладку и забудет о вас.
Чтобы этого не произошло, предлагаем изучить 54 самых лучших дизайна лендинг-пейдж по мнению Hubspot. Для вашего удобства мы разделили все примеры на 6 ниш: электронная коммерция, развлекательные сайты, лендинги-портфолио, розничная торговля, интернет-проекты и сфера услуг.
Надеемся, что среди них вы найдете вдохновение для вашего лендинга.
Примечание редактора: В связи с тем, что оригинальная статья была написана в 2016 году, некоторые ссылки могут не работать.
Содержание статьи
Электронная коммерция
Развлекательные сайты
Лендинги-портфолио
Розничная торговля
Интернет-проекты
Сфера услуг
Электронная коммерция
1. Luhse Tea
Дизайн этой страницы уникален, полностью пропитан индивидуальностью бренда и не похож ни на какие на другие.
2. Fit For A FrameОсобенность этого дизайна в том, что все элементы на виду, но в тоже время очень аккуратно расположены. Также внимание привлекает простое, но красивое слайдшоу.
3. Shop Locket
Простой, но симпатичный дизайн. Плюс в том, что можно войти на сайт через Facebook, не тратя время на регистрацию.
4. White Lotus Aromatics
Отличный пример демонстрации продуктов компании. Каждый месяц компания обновляет список товаров, показываемых на странице.
5. Evel
Понять, что продается на сайте, — не проблема благодаря отлично структурированному контенту, красивым слайдам и крупному шрифту ценников.
6. Lega-lega
Наиболее успешные страницы, посвященные продаже товаров, обязательно содержат понятные и легкие для восприятия примеры продукции.
7. Urban Originals
Фишка этого дизайна — простота. Простое меню и яркий слайдер отлично сочетаются.
8. Scotch & Soda
На странице удачно отображены разные разделы. Для более подробной информации достаточно кликнуть на понравившееся изображение.
Имеет ли смысл создавать лендинг для уже работающего магазина? Конечно, да! Это может быть релиз нового товара или тестирование новой целевой аудитории. В принципе, все переходы вашего потенциального покупателя по рекламе должны закончиться для вас микроконверсией — как минимум, подпиской.
Развлекательные сайты
9. Clouds over cuba
Просто и со вкусом. Сразу ясна цель страницы — просмотр документального видео.
10. Universeries
Дизайн страницы очень хорошо продуман, он завораживает и буквально гипнотизирует. Отличное сочетание цветов и форм.
11. Jacqui co
Этот сайт выше всех похвал. Блестяще продуманный дизайн и обилие интерактивных элементов никого не оставят равнодушным.
12. Pottermore
В дизайне этой страницы, посвященной франшизе о Гарри Поттере, использованы знакомые фанатам цвета, фразы и имена.
13. Heath Life
Эта страница не только выглядит красиво, она еще и очень функциональна: множество интерактивных элементов, интеграция с Google Maps, использование вкладок.
14. Uncrate
Uncrate и после редизайна не меняет своей традиции расположения всех разделов сайта в удобном верхнем навигационном меню.
15. The good man
Этот сайт демонстрирует всю мощь графического дизайна и веб-разработки. Лучше зайти на него и самостоятельно убедиться в этом.
16. Silktricky
Отличный пример «плиточного» дизайна, который позволяет стильно расположить большое количество блоков с контентом.
17. Magic Leap
Визуальная составляющая этого видеолендинга потрясающая. Яркие образы мгновенно захватывают внимание пользователей.
18. Life and times
Jay-Z точно знает, как нужно развлекаться. На его сайте статьи, изображения и другой контент представлен в виде интерактивных плиток.
Несмотря на то, что развлечения и игры часто ассоциируются с чем-то несерьезным, тем не менее, это вполне себе рабочий инструмент, с помощью которого можно решить актуальные бизнес-задачи, связанные с лояльностью и маркетингом, привлечением новых клиентов и мотивацией сотрудников.
Один из способов удержания, да и привлечения, клиентов — создание лендингов, которые формировали бы вовлеченность пользователя. Если вам нужен уникальный интересный дизайн, вы можете оставить заявку на индивидуальную разработку.
Читайте также: 10 примеров лендингов необычных стартаповЛендинги-портфолио
19. Hello monday
На этой странице главенствующая роль вновь отведена изображениям, которые буквально оживают при наведении мыши.
20. Jib
В этом примере очень интересное сочетание цветов. Более того, на странице у всех элементов использована одинаковая структура фонов, под дерево.
21. Ride for the brand
Здесь очень удачно использован «олдскульный» стиль, дизайн каждого элемента продуман до мелочей и уникален. Благодаря бесконечному скроллингу на этом сайте наслаждаться такой красотой можно долго.
22. Andy Patrick design
Понятный и продуманный дизайн помогает странице наиболее эффективно донести главную информацию до посетителей. Цветовая схема соответствует бренду и показывает стиль дизайнера в деле.
23. This is the brigade
Страница представляет собой превосходную презентацию. Каждый баннер посвящен отдельному проекту.
24. Built by buffalo
Данный лендинг представляет собой пример необычного плиточного дизайна.
25. Galpin
На это странице главную роль играет типографика. Применение различных шрифтов помогает в передаче идей.
26. Made by Vadim
Дизайн лаконичен и краток. На странице мы можем увидеть все необходимое: и портфолио, и ссылки на другие разделы.
27. Art&code
Иконки и ничего лишнего. Хороший пример минималистичного дизайна.
28. Riley Cran
Страница-портфолио отображает самое главное — примеры работ.
Нет ничего более важного для карьеры, чем демонстрация ваших лучших работ в привлекательном, профессиональном и доступном виде. И ключевую роль может сыграть качественный лендинг пейдж, который вы можете создать в нашем конструкторе прямо сейчас, взяв за основу готовый бесплатный шаблон из специального раздела.
Розничная торговля
29. Rei
На странице представлено множество фотографий пользователей, которые с помощью скролла и наведения можно легко листать.
30. Austin beerworks
Большие яркие фотографии товара компании так и вызывают желание выпить баночку холодного пива.
31. Jaquet droz
Ничто не отвлекает посетителя от созерцания прекраснейших часов.
32. Italio kitchen
Изюминка этого сайта — слайдшоу в верхней части страницы, на которой продемонстрированы аппетитные кулинарные шедевры.
33. TV safety
Шрифт и графика отлично сочетаются, создавая единое восприятие сайта. Пунктов меню всего три, и их невозможно не заметить.
34. Grey Goose
Элегантный стиль, качественные изображения, прекрасная презентация. От главных элементов ничего не отвлекает.
35. Toyota
Toyota сделала сайт в стиле Pinterest для любителей Camry. Здесь можно найти множество фотографий, статей, статистики.
36. Got Milk?
Несмотря на то, что эта страница по высоте вписывается в один экран, на ней присутствует много интересных интерактивных элементов и необычных деталей.
37. Buffalo Wild Wings
Дизайн страницы полностью отражает стиль бренда: цвета, шрифты, картинки сразу ассоциируются именно с этой компанией.
Потенциальные покупатели заходят на ваш лендинг удовлетворить свои потребности. Им без разницы, что за продукт вы производите и каковы его свойства. По сути, лендинг — такой же продукт сегодня, как и сам товар. Обратите внимание покупателей на преимущества, которые они получат. Не расписывайте подробно характеристики продукта, а объясните, зачем он им нужен.
Интернет-проекты
38. Chrome Web Lab
На этой странице использованы потрясающие визуальные эффекты. Вы влюбитесь в многообразие цветов с первого взгляда!
39. Viddy
На этой странице интеграция с Facebook облегчает процесс регистрации и заметно увеличивает количество новых пользователей сервиса.
40. Who is Wildlife?
Это профессиональный интерактивный лендинг с первого взгляда вовлекает посетителей, предоставляя им уникальный пользовательский опыт.
41. Prezi
Добавление видео на лендинг-пейдж — удачный способ показать ваш товар или услугу в деле.
42. Impress a penguin
Этот сайт похож на книгу, захватывающую ваше внимание необычным сюжетом и иллюстрациями.
43. СSS piffle
Плавающая красная кнопка в середине экрана делает свое дело: на нее очень хочется нажать.
44. Fannabee
На этом лендинге при скроллинге используется параллакс-эффект, восхищающий посетителей.
Читайте также: Обновления LPgenerator: parallax-эффект, изображение на всю ширину, запрет редиректа на мобильную версиюСфера услуг
45. Captain Dash
Главный баннер в стиле постера для фильма определенно привлекает внимание. Даже если вы не знаете, чем занимается эта компания, вас заинтригует Капитан Дэш, изображенный на постере.
46. Woodwork
Необычная сетка этой страницы позволяет посетителям увидеть сразу много контента в удобном для восприятия виде.
47. Sagmeister walsh
Очень креативный дизайн выбрала для своего сайта эта компания. Нажимая на элементы окон с названиями, мы можем попасть в соответствующий раздел.
48. Madwell NYC
Качественный дизайн страницы говорит о том, что этой компании можно доверять.
49. Ryan Edy
Это страница профессионального фотографа, и ее дизайн помогает нам увидеть самое главное — фотографии. Даже меню спрятано в «гамбургер».
50. Oliver Rassel
Яркие элементы делают эту страницу очень привлекательной, вместе с тем они ненавязчивы и не отвлекают от главного контента.
51. Quarter Rest Studios
Эта посадочная страница по сути представляет собой одно большое слайд-шоу в сочетании с простой навигацией. Это дает посетителям ограниченный, но достаточный для лендинга набор опций.
52. Fancy Rhino
Еще один пример, демонстрирующий превосходную работу со встроенным видео на посадочной странице. Навигация и боковая панель достаточно просты, чтобы выделиться рядом с видео.
53. Flint Boutique
Шрифт и цвета играют огромную роль в на этом лендинге. Баланс между текстом и изображениями создает отличный пользовательский опыт.
54. Blind Barber
Этот лендинг делает акцент на центре страницы, привлекая внимание посетителей к кнопке «Узнать больше» об этом слепом парикмахере.
Читайте также: 10 примеров лендинг пейдж из сферы рекламных услугЗаключение
В этой статье мы разобралее более 50 абсолютно разных дизайнов лендингов, но каждый из них по-своему хорош и грамотно выражает уникальное предложение. При разработке лендинг пейдж очень важно, чтобы страница соответствовала вашему бренду и была интересна целевой аудитории.
Если у вас нет времени разбираться в тонкостях лендостроения, но при этом вам нужен уникальная страница с гарантированно высокой конверсией, команда LPgenerator с радостью разработает для вас индивидуальный дизайн. Он будет выполнен с учетом всех ваших пожеланий, подчеркнет особенности оффера и позиционирование бренда, а еще — легко масштабируется по мере необходимости.
Высоких вам конверсий!
По материалам: hubspot.net Изображение: freepik.com
18-06-2016
54 примера потрясающего дизайна лендингов
В интернете второго шанса произвести впечатление на посетителя просто нет. Именно поэтому дизайн лендинга чрезвычайно важен. Лендинг — это лицо компании, ваше виртуальное представительство; если оно не понравится пользователю, он просто закроет вкладку и забудет о вас.
Чтобы этого не произошло, предлагаем изучить 54 самых лучших дизайна лендинг-пейдж по мнению Hubspot. Для вашего удобства мы разделили все примеры на 6 ниш: электронная коммерция, развлекательные сайты, лендинги-портфолио, розничная торговля, интернет-проекты и сфера услуг.
Надеемся, что среди них вы найдете вдохновение для вашего лендинга.
Примечание редактора: В связи с тем, что оригинальная статья была написана в 2016 году, некоторые ссылки могут не работать.
Содержание статьи
Электронная коммерция
Развлекательные сайты
Лендинги-портфолио
Розничная торговля
Интернет-проекты
Сфера услуг
Электронная коммерция
1. Luhse Tea
Дизайн этой страницы уникален, полностью пропитан индивидуальностью бренда и не похож ни на какие на другие.
2. Fit For A FrameОсобенность этого дизайна в том, что все элементы на виду, но в тоже время очень аккуратно расположены. Также внимание привлекает простое, но красивое слайдшоу.
3. Shop Locket
Простой, но симпатичный дизайн. Плюс в том, что можно войти на сайт через Facebook, не тратя время на регистрацию.
4. White Lotus Aromatics
Отличный пример демонстрации продуктов компании. Каждый месяц компания обновляет список товаров, показываемых на странице.
5. Evel
Понять, что продается на сайте, — не проблема благодаря отлично структурированному контенту, красивым слайдам и крупному шрифту ценников.
6. Lega-lega
Наиболее успешные страницы, посвященные продаже товаров, обязательно содержат понятные и легкие для восприятия примеры продукции.
7. Urban Originals
Фишка этого дизайна — простота. Простое меню и яркий слайдер отлично сочетаются.
8. Scotch & Soda
На странице удачно отображены разные разделы. Для более подробной информации достаточно кликнуть на понравившееся изображение.
Имеет ли смысл создавать лендинг для уже работающего магазина? Конечно, да! Это может быть релиз нового товара или тестирование новой целевой аудитории. В принципе, все переходы вашего потенциального покупателя по рекламе должны закончиться для вас микроконверсией — как минимум, подпиской.
Читайте также: Лендинг vs главная страница: ключевые отличияРазвлекательные сайты
9. Clouds over cuba
Просто и со вкусом. Сразу ясна цель страницы — просмотр документального видео.
10. Universeries
Дизайн страницы очень хорошо продуман, он завораживает и буквально гипнотизирует. Отличное сочетание цветов и форм.
11. Jacqui co
Этот сайт выше всех похвал. Блестяще продуманный дизайн и обилие интерактивных элементов никого не оставят равнодушным.
12. Pottermore
В дизайне этой страницы, посвященной франшизе о Гарри Поттере, использованы знакомые фанатам цвета, фразы и имена.
13. Heath Life
Эта страница не только выглядит красиво, она еще и очень функциональна: множество интерактивных элементов, интеграция с Google Maps, использование вкладок.
14. Uncrate
Uncrate и после редизайна не меняет своей традиции расположения всех разделов сайта в удобном верхнем навигационном меню.
15. The good man
Этот сайт демонстрирует всю мощь графического дизайна и веб-разработки. Лучше зайти на него и самостоятельно убедиться в этом.
16. Silktricky
Отличный пример «плиточного» дизайна, который позволяет стильно расположить большое количество блоков с контентом.
17. Magic Leap
Визуальная составляющая этого видеолендинга потрясающая. Яркие образы мгновенно захватывают внимание пользователей.
18. Life and times
Jay-Z точно знает, как нужно развлекаться. На его сайте статьи, изображения и другой контент представлен в виде интерактивных плиток.
Несмотря на то, что развлечения и игры часто ассоциируются с чем-то несерьезным, тем не менее, это вполне себе рабочий инструмент, с помощью которого можно решить актуальные бизнес-задачи, связанные с лояльностью и маркетингом, привлечением новых клиентов и мотивацией сотрудников.
Один из способов удержания, да и привлечения, клиентов — создание лендингов, которые формировали бы вовлеченность пользователя. Если вам нужен уникальный интересный дизайн, вы можете оставить заявку на индивидуальную разработку.
Читайте также: 10 примеров лендингов необычных стартаповЛендинги-портфолио
19. Hello monday
На этой странице главенствующая роль вновь отведена изображениям, которые буквально оживают при наведении мыши.
20. Jib
В этом примере очень интересное сочетание цветов. Более того, на странице у всех элементов использована одинаковая структура фонов, под дерево.
21. Ride for the brand
Здесь очень удачно использован «олдскульный» стиль, дизайн каждого элемента продуман до мелочей и уникален. Благодаря бесконечному скроллингу на этом сайте наслаждаться такой красотой можно долго.
22. Andy Patrick design
Понятный и продуманный дизайн помогает странице наиболее эффективно донести главную информацию до посетителей. Цветовая схема соответствует бренду и показывает стиль дизайнера в деле.
23. This is the brigade
Страница представляет собой превосходную презентацию. Каждый баннер посвящен отдельному проекту.
24. Built by buffalo
Данный лендинг представляет собой пример необычного плиточного дизайна.
25. Galpin
На это странице главную роль играет типографика. Применение различных шрифтов помогает в передаче идей.
26. Made by Vadim
Дизайн лаконичен и краток. На странице мы можем увидеть все необходимое: и портфолио, и ссылки на другие разделы.
27. Art&code
Иконки и ничего лишнего. Хороший пример минималистичного дизайна.
28. Riley Cran
Страница-портфолио отображает самое главное — примеры работ.
Нет ничего более важного для карьеры, чем демонстрация ваших лучших работ в привлекательном, профессиональном и доступном виде. И ключевую роль может сыграть качественный лендинг пейдж, который вы можете создать в нашем конструкторе прямо сейчас, взяв за основу готовый бесплатный шаблон из специального раздела.
Читайте также: 20 советов для создания идеального портфолиоРозничная торговля
29. Rei
На странице представлено множество фотографий пользователей, которые с помощью скролла и наведения можно легко листать.
30. Austin beerworks
Большие яркие фотографии товара компании так и вызывают желание выпить баночку холодного пива.
31. Jaquet droz
Ничто не отвлекает посетителя от созерцания прекраснейших часов.
32. Italio kitchen
Изюминка этого сайта — слайдшоу в верхней части страницы, на которой продемонстрированы аппетитные кулинарные шедевры.
33. TV safety
Шрифт и графика отлично сочетаются, создавая единое восприятие сайта. Пунктов меню всего три, и их невозможно не заметить.
34. Grey Goose
Элегантный стиль, качественные изображения, прекрасная презентация. От главных элементов ничего не отвлекает.
35. Toyota
Toyota сделала сайт в стиле Pinterest для любителей Camry. Здесь можно найти множество фотографий, статей, статистики.
36. Got Milk?
Несмотря на то, что эта страница по высоте вписывается в один экран, на ней присутствует много интересных интерактивных элементов и необычных деталей.
37. Buffalo Wild Wings
Дизайн страницы полностью отражает стиль бренда: цвета, шрифты, картинки сразу ассоциируются именно с этой компанией.
Потенциальные покупатели заходят на ваш лендинг удовлетворить свои потребности. Им без разницы, что за продукт вы производите и каковы его свойства. По сути, лендинг — такой же продукт сегодня, как и сам товар. Обратите внимание покупателей на преимущества, которые они получат. Не расписывайте подробно характеристики продукта, а объясните, зачем он им нужен.
Читайте также: Как создать успешный ecommerce-бренд?Интернет-проекты
38. Chrome Web Lab
На этой странице использованы потрясающие визуальные эффекты. Вы влюбитесь в многообразие цветов с первого взгляда!
39. Viddy
На этой странице интеграция с Facebook облегчает процесс регистрации и заметно увеличивает количество новых пользователей сервиса.
40. Who is Wildlife?
Это профессиональный интерактивный лендинг с первого взгляда вовлекает посетителей, предоставляя им уникальный пользовательский опыт.
41. Prezi
Добавление видео на лендинг-пейдж — удачный способ показать ваш товар или услугу в деле.
42. Impress a penguin
Этот сайт похож на книгу, захватывающую ваше внимание необычным сюжетом и иллюстрациями.
43. СSS piffle
Плавающая красная кнопка в середине экрана делает свое дело: на нее очень хочется нажать.
44. Fannabee
На этом лендинге при скроллинге используется параллакс-эффект, восхищающий посетителей.
Читайте также: Обновления LPgenerator: parallax-эффект, изображение на всю ширину, запрет редиректа на мобильную версиюСфера услуг
45. Captain Dash
Главный баннер в стиле постера для фильма определенно привлекает внимание. Даже если вы не знаете, чем занимается эта компания, вас заинтригует Капитан Дэш, изображенный на постере.
46. Woodwork
Необычная сетка этой страницы позволяет посетителям увидеть сразу много контента в удобном для восприятия виде.
47. Sagmeister walsh
Очень креативный дизайн выбрала для своего сайта эта компания. Нажимая на элементы окон с названиями, мы можем попасть в соответствующий раздел.
48. Madwell NYC
Качественный дизайн страницы говорит о том, что этой компании можно доверять.
49. Ryan Edy
Это страница профессионального фотографа, и ее дизайн помогает нам увидеть самое главное — фотографии. Даже меню спрятано в «гамбургер».
50. Oliver Rassel
Яркие элементы делают эту страницу очень привлекательной, вместе с тем они ненавязчивы и не отвлекают от главного контента.
51. Quarter Rest Studios
Эта посадочная страница по сути представляет собой одно большое слайд-шоу в сочетании с простой навигацией. Это дает посетителям ограниченный, но достаточный для лендинга набор опций.
52. Fancy Rhino
Еще один пример, демонстрирующий превосходную работу со встроенным видео на посадочной странице. Навигация и боковая панель достаточно просты, чтобы выделиться рядом с видео.
53. Flint Boutique
Шрифт и цвета играют огромную роль в на этом лендинге. Баланс между текстом и изображениями создает отличный пользовательский опыт.
54. Blind Barber
Этот лендинг делает акцент на центре страницы, привлекая внимание посетителей к кнопке «Узнать больше» об этом слепом парикмахере.
Читайте также: 10 примеров лендинг пейдж из сферы рекламных услугЗаключение
В этой статье мы разобралее более 50 абсолютно разных дизайнов лендингов, но каждый из них по-своему хорош и грамотно выражает уникальное предложение. При разработке лендинг пейдж очень важно, чтобы страница соответствовала вашему бренду и была интересна целевой аудитории.
Если у вас нет времени разбираться в тонкостях лендостроения, но при этом вам нужен уникальная страница с гарантированно высокой конверсией, команда LPgenerator с радостью разработает для вас индивидуальный дизайн. Он будет выполнен с учетом всех ваших пожеланий, подчеркнет особенности оффера и позиционирование бренда, а еще — легко масштабируется по мере необходимости.
Высоких вам конверсий!
По материалам: hubspot.net Изображение: freepik.com
18-06-2016
54 примера потрясающего дизайна лендингов
В интернете второго шанса произвести впечатление на посетителя просто нет. Именно поэтому дизайн лендинга чрезвычайно важен. Лендинг — это лицо компании, ваше виртуальное представительство; если оно не понравится пользователю, он просто закроет вкладку и забудет о вас.
Чтобы этого не произошло, предлагаем изучить 54 самых лучших дизайна лендинг-пейдж по мнению Hubspot. Для вашего удобства мы разделили все примеры на 6 ниш: электронная коммерция, развлекательные сайты, лендинги-портфолио, розничная торговля, интернет-проекты и сфера услуг.
Надеемся, что среди них вы найдете вдохновение для вашего лендинга.
Примечание редактора: В связи с тем, что оригинальная статья была написана в 2016 году, некоторые ссылки могут не работать.
Содержание статьи
Электронная коммерция
Развлекательные сайты
Лендинги-портфолио
Розничная торговля
Интернет-проекты
Сфера услуг
Электронная коммерция
1. Luhse Tea
Дизайн этой страницы уникален, полностью пропитан индивидуальностью бренда и не похож ни на какие на другие.
2. Fit For A FrameОсобенность этого дизайна в том, что все элементы на виду, но в тоже время очень аккуратно расположены. Также внимание привлекает простое, но красивое слайдшоу.
3. Shop Locket
Простой, но симпатичный дизайн. Плюс в том, что можно войти на сайт через Facebook, не тратя время на регистрацию.
4. White Lotus Aromatics
Отличный пример демонстрации продуктов компании. Каждый месяц компания обновляет список товаров, показываемых на странице.
5. Evel
Понять, что продается на сайте, — не проблема благодаря отлично структурированному контенту, красивым слайдам и крупному шрифту ценников.
6. Lega-lega
Наиболее успешные страницы, посвященные продаже товаров, обязательно содержат понятные и легкие для восприятия примеры продукции.
7. Urban Originals
Фишка этого дизайна — простота. Простое меню и яркий слайдер отлично сочетаются.
8. Scotch & Soda
На странице удачно отображены разные разделы. Для более подробной информации достаточно кликнуть на понравившееся изображение.
Имеет ли смысл создавать лендинг для уже работающего магазина? Конечно, да! Это может быть релиз нового товара или тестирование новой целевой аудитории. В принципе, все переходы вашего потенциального покупателя по рекламе должны закончиться для вас микроконверсией — как минимум, подпиской.
Читайте также: Лендинг vs главная страница: ключевые отличияРазвлекательные сайты
9. Clouds over cuba
Просто и со вкусом. Сразу ясна цель страницы — просмотр документального видео.
10. Universeries
Дизайн страницы очень хорошо продуман, он завораживает и буквально гипнотизирует. Отличное сочетание цветов и форм.
11. Jacqui co
Этот сайт выше всех похвал. Блестяще продуманный дизайн и обилие интерактивных элементов никого не оставят равнодушным.
12. Pottermore
В дизайне этой страницы, посвященной франшизе о Гарри Поттере, использованы знакомые фанатам цвета, фразы и имена.
13. Heath Life
Эта страница не только выглядит красиво, она еще и очень функциональна: множество интерактивных элементов, интеграция с Google Maps, использование вкладок.
14. Uncrate
Uncrate и после редизайна не меняет своей традиции расположения всех разделов сайта в удобном верхнем навигационном меню.
15. The good man
Этот сайт демонстрирует всю мощь графического дизайна и веб-разработки. Лучше зайти на него и самостоятельно убедиться в этом.
16. Silktricky
Отличный пример «плиточного» дизайна, который позволяет стильно расположить большое количество блоков с контентом.
17. Magic Leap
Визуальная составляющая этого видеолендинга потрясающая. Яркие образы мгновенно захватывают внимание пользователей.
18. Life and times
Jay-Z точно знает, как нужно развлекаться. На его сайте статьи, изображения и другой контент представлен в виде интерактивных плиток.
Несмотря на то, что развлечения и игры часто ассоциируются с чем-то несерьезным, тем не менее, это вполне себе рабочий инструмент, с помощью которого можно решить актуальные бизнес-задачи, связанные с лояльностью и маркетингом, привлечением новых клиентов и мотивацией сотрудников.
Один из способов удержания, да и привлечения, клиентов — создание лендингов, которые формировали бы вовлеченность пользователя. Если вам нужен уникальный интересный дизайн, вы можете оставить заявку на индивидуальную разработку.
Читайте также: 10 примеров лендингов необычных стартаповЛендинги-портфолио
19. Hello monday
На этой странице главенствующая роль вновь отведена изображениям, которые буквально оживают при наведении мыши.
20. Jib
В этом примере очень интересное сочетание цветов. Более того, на странице у всех элементов использована одинаковая структура фонов, под дерево.
21. Ride for the brand
Здесь очень удачно использован «олдскульный» стиль, дизайн каждого элемента продуман до мелочей и уникален. Благодаря бесконечному скроллингу на этом сайте наслаждаться такой красотой можно долго.
22. Andy Patrick design
Понятный и продуманный дизайн помогает странице наиболее эффективно донести главную информацию до посетителей. Цветовая схема соответствует бренду и показывает стиль дизайнера в деле.
23. This is the brigade
Страница представляет собой превосходную презентацию. Каждый баннер посвящен отдельному проекту.
24. Built by buffalo
Данный лендинг представляет собой пример необычного плиточного дизайна.
25. Galpin
На это странице главную роль играет типографика. Применение различных шрифтов помогает в передаче идей.
26. Made by Vadim
Дизайн лаконичен и краток. На странице мы можем увидеть все необходимое: и портфолио, и ссылки на другие разделы.
27. Art&code
Иконки и ничего лишнего. Хороший пример минималистичного дизайна.
28. Riley Cran
Страница-портфолио отображает самое главное — примеры работ.
Нет ничего более важного для карьеры, чем демонстрация ваших лучших работ в привлекательном, профессиональном и доступном виде. И ключевую роль может сыграть качественный лендинг пейдж, который вы можете создать в нашем конструкторе прямо сейчас, взяв за основу готовый бесплатный шаблон из специального раздела.
Читайте также: 20 советов для создания идеального портфолиоРозничная торговля
29. Rei
На странице представлено множество фотографий пользователей, которые с помощью скролла и наведения можно легко листать.
30. Austin beerworks
Большие яркие фотографии товара компании так и вызывают желание выпить баночку холодного пива.
31. Jaquet droz
Ничто не отвлекает посетителя от созерцания прекраснейших часов.
32. Italio kitchen
Изюминка этого сайта — слайдшоу в верхней части страницы, на которой продемонстрированы аппетитные кулинарные шедевры.
33. TV safety
Шрифт и графика отлично сочетаются, создавая единое восприятие сайта. Пунктов меню всего три, и их невозможно не заметить.
34. Grey Goose
Элегантный стиль, качественные изображения, прекрасная презентация. От главных элементов ничего не отвлекает.
35. Toyota
Toyota сделала сайт в стиле Pinterest для любителей Camry. Здесь можно найти множество фотографий, статей, статистики.
36. Got Milk?
Несмотря на то, что эта страница по высоте вписывается в один экран, на ней присутствует много интересных интерактивных элементов и необычных деталей.
37. Buffalo Wild Wings
Дизайн страницы полностью отражает стиль бренда: цвета, шрифты, картинки сразу ассоциируются именно с этой компанией.
Потенциальные покупатели заходят на ваш лендинг удовлетворить свои потребности. Им без разницы, что за продукт вы производите и каковы его свойства. По сути, лендинг — такой же продукт сегодня, как и сам товар. Обратите внимание покупателей на преимущества, которые они получат. Не расписывайте подробно характеристики продукта, а объясните, зачем он им нужен.
Читайте также: Как создать успешный ecommerce-бренд?Интернет-проекты
38. Chrome Web Lab
На этой странице использованы потрясающие визуальные эффекты. Вы влюбитесь в многообразие цветов с первого взгляда!
39. Viddy
На этой странице интеграция с Facebook облегчает процесс регистрации и заметно увеличивает количество новых пользователей сервиса.
40. Who is Wildlife?
Это профессиональный интерактивный лендинг с первого взгляда вовлекает посетителей, предоставляя им уникальный пользовательский опыт.
41. Prezi
Добавление видео на лендинг-пейдж — удачный способ показать ваш товар или услугу в деле.
42. Impress a penguin
Этот сайт похож на книгу, захватывающую ваше внимание необычным сюжетом и иллюстрациями.
43. СSS piffle
Плавающая красная кнопка в середине экрана делает свое дело: на нее очень хочется нажать.
44. Fannabee
На этом лендинге при скроллинге используется параллакс-эффект, восхищающий посетителей.
Читайте также: Обновления LPgenerator: parallax-эффект, изображение на всю ширину, запрет редиректа на мобильную версиюСфера услуг
45. Captain Dash
Главный баннер в стиле постера для фильма определенно привлекает внимание. Даже если вы не знаете, чем занимается эта компания, вас заинтригует Капитан Дэш, изображенный на постере.
46. Woodwork
Необычная сетка этой страницы позволяет посетителям увидеть сразу много контента в удобном для восприятия виде.
47. Sagmeister walsh
Очень креативный дизайн выбрала для своего сайта эта компания. Нажимая на элементы окон с названиями, мы можем попасть в соответствующий раздел.
48. Madwell NYC
Качественный дизайн страницы говорит о том, что этой компании можно доверять.
49. Ryan Edy
Это страница профессионального фотографа, и ее дизайн помогает нам увидеть самое главное — фотографии. Даже меню спрятано в «гамбургер».
50. Oliver Rassel
Яркие элементы делают эту страницу очень привлекательной, вместе с тем они ненавязчивы и не отвлекают от главного контента.
51. Quarter Rest Studios
Эта посадочная страница по сути представляет собой одно большое слайд-шоу в сочетании с простой навигацией. Это дает посетителям ограниченный, но достаточный для лендинга набор опций.
52. Fancy Rhino
Еще один пример, демонстрирующий превосходную работу со встроенным видео на посадочной странице. Навигация и боковая панель достаточно просты, чтобы выделиться рядом с видео.
53. Flint Boutique
Шрифт и цвета играют огромную роль в на этом лендинге. Баланс между текстом и изображениями создает отличный пользовательский опыт.
54. Blind Barber
Этот лендинг делает акцент на центре страницы, привлекая внимание посетителей к кнопке «Узнать больше» об этом слепом парикмахере.
Читайте также: 10 примеров лендинг пейдж из сферы рекламных услугЗаключение
В этой статье мы разобралее более 50 абсолютно разных дизайнов лендингов, но каждый из них по-своему хорош и грамотно выражает уникальное предложение. При разработке лендинг пейдж очень важно, чтобы страница соответствовала вашему бренду и была интересна целевой аудитории.
Если у вас нет времени разбираться в тонкостях лендостроения, но при этом вам нужен уникальная страница с гарантированно высокой конверсией, команда LPgenerator с радостью разработает для вас индивидуальный дизайн. Он будет выполнен с учетом всех ваших пожеланий, подчеркнет особенности оффера и позиционирование бренда, а еще — легко масштабируется по мере необходимости.
Высоких вам конверсий!
По материалам: hubspot.net Изображение: freepik.com
18-06-2016
11 примеров Landing Page с высокой конверсией
Эта статья о том, что для успеха Landing Page важна не только визуальная привлекательность. От лендингов ждут высоких конверсий. Эффективность лендингового сайта особенно актуальна при проведении кампании. Когда создают целевую страницу (пр. оформив главную как лендинг), то задают конкретные конверсионные цели под таргетированное торговое предложение (услуги, товар). Универсальные советы не решают главных проблем посадочных страниц. Достойные лендинг пейдж для каждой цели конверсии практикуют индивидуальный подход с уникальностью в дизайне / оптимизации текста.
Тенденции к минимализму учат делать эффекты ненавязчивыми. Для повышения конверсии важно определить максимально результативные элементы лендинговой страницы (поп-ап заказ обратного звонка, лид-форма, ссылки футера). В каком месте происходит конвертация?
Что отличает Landing Page?
(Да-да, перейти к лендинговым страницам с высокой конверсией!)Высококонверсионный Landing Page:
- Сначала, мощное Hero-изображение. Высококонверсионный лэндинг – страница с которой не хочется уходить. Тематичная картинка, видео в главном экране: 1) Фокусирует внимание 2) Увлекает. Представьте продукт / сервис в контексте применения: как работает, насколько прост. Покажите преимущества и пользующихся ими людей.
- Один призыв к действию, ориентированный на взаимодействие с клиентом. После мощного визуального воздействия на посетителя, вам нужно получить лид или конвертацию, верно? Сделайте CTA-посыл заметным (с точки зрения дизайна) и убедительным (с точки зрения копирайтинга). Упрощайте навигацию – только важные ссылки, чтобы не отвлекать посетителя до совершения конверсии.
- Ценностное предложение – убеждайте заголовком и тематическим подзаголовком. Почему вообще надо следовать призыву к действию? Заголовком & подзаголовком аргументируйте веско и ясно. Укажите выгоду для потребителя и что выделяет вас из толпы.
- Охарактеризуйте ваши особенности, заостряя внимание на преимуществах. Конечно, важно знать из чего продукт и что с ним делать. Только, осознающий полезность охотнее действует (нажмет CTA-кнопку или заполнит лид-форму). Выгодо-ориентированный оффер – лучшая мотивация к конверсии.
- Включите отзывы или другие социальные доказательства. Люди скорее воспользуются предложением, увидев, как это сделали другие. Благодарственные слова, неподдельная заметка довольного клиента, партнерские логотипы или значки брендов укрепляют доверие потребителей. Это доступный способ оптимизации конверсии.
Смотрите подборку лучших дизайнов Лендинг Пейдж, продающих деловое предложение и удивляющих ошеломительной конверсией. Включены советы по высокой конверсии и описания ключевых подходов при создании эффективных страниц захвата.
Примеры лендингов с высокой конверсией
У оптимизированных для высокой конверсии LP: посещаемость, как минимум 500 посетителей, а у некоторых – более 100,000. Коэффициент конвертации 30-60%. Влияют и внешние факторы, конверсия сильно зависит:
- От индустрии
- От качестве трафика
Трафик, нагоняемый нецелевой рекламой конвертируется хуже, чем живой и заинтересованный. Мало-информативная реклама, также не будет обоснованно мотивировать к CTA-действию на вашем лэндинге. А убеждающие в преимуществах товара / сервиса / предложения страницы со ссылкой (страницы-фильтры) конвертируют лучше лидо-генерирующих (продающих страниц) т.к. их цели конверсии намного проще. Учитывайте это, когда сурово оцениваете эффективность лендинговой странички.
Со всеми оговорками и нюансами, 11 примеров высококонверсионных Landing Page от Unbounce заказчиков (экспертные советы от компаний, самостоятельно создавших свой лендинг).
1. Promo
Индустрия: Социальные медиа / Коэффициент конверсии 46.94%
Promo дает совет: используйте силу видео для увеличения вовлеченности и стимулирования конверсии.
Видео способно увеличить конверсию Landing Page на 80%. Стратегия оправдана, даже если обходится недешево – считает Promo. Вот почему на лендинге много видеоконтента – от хедера, до поясняющих Coub роликов в превью и видео, которым посетители смогут воспользоваться для своего маркетинга.
Главный контент-специалист Promo, отмечает:
Мы специализируемся на создании видео, которое привлекает и побуждает действовать. Поэтому ценностное предложение разместили в хедере, поверх красивого и динамичного видеобэкграунда
Впрочем, видео – лишь составляющая успешной конвертации на LP-сайте. Вам нужно, чтобы посетитель следовал призыву Call-to-Action. Контент-стратег об этом: «Ни один лендинг пейдж не обходится без обычного текста и CTA-кнопки, привлекающей взгляды выше линии сгиба».
Promo призывает с центра главного экрана и сразу же начинает приводить социальные доказательства (партнерские лого, клиентские отзывы, значки доверяющих компании брендов.
2. edX
Индустрия: Образование / Коэффициент конверсии 52.68%
edX советует для высококонверсионного LP: упрощайте ценностное предложение, будьте предельно ясны и конкретны показывая выгодность.
Маркетологи edX максимально приближены к продукту & сервисам и могут запросто перегрузить вас информацией. Да, наше основное предложение это X. На лендинговых страничках мы урезали основные моменты посыла пользователям онлайновых курсов. Чтобы не увязнуть в деталях, простыми тезисами сообщаем, что их ожидает. Ясность и недвусмысленность заголовка с подзаголовком поддержана социальными доказательствами.
Выяснено тестами, что краткая лаконичность оправдана. Анализ показал: никто не жаждет узнать, что у вас имеется. Поберегите силы (и слова), лучше сконцентрируйтесь на интересах пользователей, что поможет конвертировать их в лиды.
3. Later
Индустрия: Социальные медиа / Коэффициент конверсии 57.92%
Later совет для высококонверсионного LP: предоставьте удобные конверсионные пути до цели (никаких преград или ограничений!) и сбалансируйте побудительные факторы.
Людям свойственно непостоянство. Они легко отвлекаются, а иногда запутываются. Большинство это раздражает. Обязанность маркетолога – вести клиента за руку на всех этапах процесса покупки.
Интуитивный путь к конверсии – это «текстово-визуальный гид», подсказывающий маршрут потребителю. На это и сделали ставку в лидогенерирующей кампании Later. Руководитель коммуникационного дизайна Chin Tan, поясняет:
Мы поддерживаем интуитивную понятность во всей проводимой кампании. Оформление оффера соответствует тому, что в рекламе / рассылке. Создано еще до лендинга и не заканчивается на его странице
Cмотрите, как Later прокладывает «интуитивный» маршрут к конверсии, применяя единообразие.
Chin также признает, что простота оффера вносит вклад в успех страницы. Хорошо, когда сразу понятно, что email просят для отсылки руководств. Сделайте оформление заказа лаконичным – только необходимые поля!. Не спугните в начале конверсионной воронки. Просите у посетителя данные в соответствии с его мотивацией к действию.
4. The Listings Lab
Индустрия: Недвижимость
Высококонверсионный совет о Listings Lab: используйте простой «прямолинейный» дизайн и сконцентрируйтесь на оффере.
Простая на вид лидогенерирующая страница, хотя не в топе этой подборки, но работает отлично. Сначала о дизайне. Уплотнив ограниченное пространство страницы, удалось разместить контент без ощущения тесноты. Посетителю не обязательно скроллить, чтобы понять суть предложения и почему оно ценно.
Гайд для скачивания дает почувствовать обычным людям – тут все тщательно подготовлено. Жирный рубленый шрифт, крупные поля форм и смелые контрастные кнопки СТА – они создают эмоциональный настрой для целевого действия.
Предлагая альтернативу, лендинговая страница смягчает проблемы риэлторской деятельности: холодные звонки (cold calling), мало лидов, временные затраты. Посетитель видит, что с ним разговаривают о наболевшем и есть решение.
Этот лендинг «спокойным тоном» вселяет уверенность.
5. Twillory
Индустрия: Одежда / Коэффициент конверсии 46.85%
Twillory совет: кастомизируйте пользовательский опыт для мобильных устройств.
Не надо объяснять, почему мобильные пользователи сейчас в приоритете. С 2017-го, мобайл трафик начал доминировать (50.3%), его доля постоянно растет (сейчас 52.2%). Компании тоже приспосабливаются к миру, в котором потребители часто используют свои телефоны:
Наша конверсионная стратегия – сначала мобильные. Мы создали и оптимизировали для этой цели сайт-воронку с посадочной страницей
Как на большинстве отзывчивых страниц брендов, мобильному посетителю – отдельный пользовательский опыт.
На десктопе лендинг включает видео и GIF – элементы привлечения и увеличения конверсий., Урезанная версия дизайна (для мобильных) быстрее загружается и сохраняет визуальную привлекательность. Дополнительно, к конверсии стимулируют Pop-up окна.
6. TyresOnTheDrive
Индустрия: Автомобильная
Рекомендует для высокой конверсии LP: придумайте ясный заголовок, подкрепите его социальными доказательствами.
Когда дело доходит до текстов Лендинг Пейдж, надо понимать: ясность ведет к конверсии. Посетитель хочет в секунды понять оффер, думая: «Ближе к делу, что именно мне предлагают? Зачем я с этим разбираюсь?». И, если что не так — отказ!
Такой заголовок сразу понятен и отражает суть делового предложения: «Экспертная установка шин у вас на дому или рабочем месте». Мы сразу видим ключевое отличие – не надо идти к механикам шиномонтажа, они работают с выездом к вам. Принятию решения способствуют быстрые «how-to», подгружаемые клиентские отзывы из онлайн-сообщества отзывов Trustpilot и фирменный логотип (коллаж из ключевых слов).
Результат? Конверсия зашкаливает.
Но хорошая конверсия не должна положить конец тестированию. Главный UX-дизайнер рассказал о том, как компания рассматривает проблемы конверсии под разными углами, зачастую возвращаясь к фундаментальным подходам.
Мы обнаружили, что месседж ориентированный на выгоду имеет большую конверсионную эффективность, чем проталкивание оффера и раскручивание рекламной кампании.
7. ooba
Индустрия: Финансы / Коэффициент конверсии 35.57%
Ooba советует для высокой конверсии: применяйте описательные призывы Call-to-Action, говорящие посетителю что произойдет далее.
Каждому, кто попал на страничку лэндинга не терпится узнать, что тут предлагают? Это так, но как правило посетитель понимает каких действий от него ждут, а что будет потом – не совсем ясно. Главная страница ooba это отличный пример эффективности call to action.
«Продуманные фразы с контекстными подсказками и вспомогательной информацией дают понимание, чего следует ожидать. Удобно заполнять формы. Изначально, переход к страницам лидогенерации (продающим страницам) из первого экрана помогает быстрее разобраться с предложением» – объясняет глава агентства, разработавшего лендинг. «Цветовые контрасты фокусируют внимание на цели, а описательные CTA поясняют предпринимаемое действие».
Формы запрашивают достаточно много данных, но это можно рассматривать как фактор укрепляющий доверие: «Тут занимаются жилищными займами, а не рассылкой новостей». Мы должны информировать глубже, если вы ждете компетентного описания оффера.
8. ClaimCompass
Индустрия: Юриспруденция. право / Коэффициент конверсии 30.02%
ClaimCompass создателю лендинга: вы предоставили достаточно информации для совершения конверсионного действия? Еще и еще раз убедитесь.
Как так обычно говорят? Если не получается что-то сразу, не унываем и продолжаем в том же духе. (Стоп, возможно, это неверный подход. Не посоветуйте никому). Иначе считал Альберт Эйнштейн:
Это просто безумство: делать одно и то же раз за разом, при этом ожидая иного результата
ClaimCompass лендинг ориентирован на путешествующих по Евросоюзу, чей рейс был задержан и рассчитывающих на (законодательно предусмотренную) компенсацию за срыв поездки. Соучредитель компании Alexander Sumin, рассказал насколько непросто мобилизовать людей на сбор их же денег, причем безо всяких условий.
«Мы постарались включить различную полезную информацию и придать ей весомости – не одними социальными доказательствами и логотипами популярных медиа, а еще кратко пояснив, что и как делать. Это укрепило доверие к офферу, предлагающему пассажирам бесплатные деньги».
Компания признает, что приходится иметь дело с разным правовым опытом клиентов. Одним посетителям хватает лендинговой информации для совершения целевого действия сразу, а другие нуждаются в просвещении.
«Вся Landing Page разработана так, чтобы нажимались три CTA-кнопки» – поясняет Alex. «Если предложение показалось привлекательным, дальше скроллить уже не надо. Если нет – секция ниже внесет ясности (изображениями, описаниями выгод и социальными подтверждениями). На посадочной страничке все должно приближать к клику по CTA-кнопке».
9. onX
Индустрия: GPS-навигация / Коэффициент конверсии 61.15%
onX совет для повышения конверсии: стимулируйте желание пользователей изучать / исследовать текстовым и визуальным контентом.
Можете не искать лучшего примера лендинг пейдж с конверсией на 50% выше, чем обычно бывает в спортивной тематике. В чем секрет успеха onX, отвечает менеджер по привлечению новых клиентов Райан Уотсон:
Наш лендинг показывает пользователям именно то, что они искали и хотели видеть, кликая по PPC рекламе Google Ads.
Соответствие пользовательского поиска и визуальных подсказок стоит практиковать как на лендинге с продуктом, так и в поисковой стратегии
Райан отмечает пользу A/B тестов. Мы тестировали различные CTA-призывы и это дало отличный CTR. Лучшие практики никогда не навредят.
10. MyTutor
Индустрия: Образование / Коэффициент конверсии 55.29%
MyTutor раскрывает секрет высокой конверсии: делайте нужный оффер – выгодное предложение нужным людям и в нужное время.
По сути, успех проводимой кампании сводится к эффективному таргетингу, Речь не только о наличии целевой аудитории – адресность еще полезней в контексте хорошего пользовательского опыта по каждому моменту. Поэтому маркетологи затрагивают важные (даже глубоко личные) периоды жизни посетителя, во время которого предложение особенно ценно.
Менеджер Gemma Pearson: «Запуская однодневные кампании мы тестировали landing page. Наш оффер – репетиторское подтягивание студентов до получения нужного бала». Еще, Gemma хочет реализовать на лендинге поучительный нагоняй для неуспевающих.
Актуальный позитивный месседж в нужное время и четкий CTA-призыв — ключевые факторы успеха. Это посыл сочувствия провалившимся студентам с предложением ясного решения
Вот как можно добиться отклика от этой аудитории.
11. FilterEasy
Индустрия: ремонт жилья / Коэффициент конверсии 34.52%
FilterEasy о лендинговой конверсии: Не всегда ясна причина успешности Landing Page, и это вполне естественно.
Иногда вы попадаете в золотоносную жилу. Эффективность формы – больше, чем когда-либо видели. Лендинговый сайт приносит бешеный доход. Маркетинговый директор Рианна Риддл:
«Если честно, до сих пор выясняем тестами: чем особенна наша лендинговая страничка? Рианна поясняет: попытались повторить этот результат несколько раз. И безуспешно. Даже когда учли все моменты».
Интернет-маркетинг не точная наука. Хотя применение лучших практик повышает шансы на успех. Рианна применяет: современный простой дизайн посадочной страницы, решительное заявление о выгодном предложении, весомые социальные доказательства, убедительность оффера. В одном мы уверены – наилучшего результата достигли тестированием.
9,5 заповедей лендингов с высокой конверсией
Многие предприниматели интересуются, как сделать лендинг с высокой конверсией. Никакой тайной магии здесь нет. Убеждение интернет-пользователя строится на тех же принципах, что и офлайн-продажи.
Существует закон формы и содержания. В нашем случае это дизайн и контент. Нисколько не умаляя влияние дизайна, стоит признать, что в первую очередь потенциального клиента убеждают слова. Не только текст в чистом виде, а также видео, инфографика, фотографии с пояснениями.
От того, как вы представите свой товар или услугу, зависят ваши продажи.
Оффер решает всё
Первое, что бросается в глаза посетителю лендинга – это заголовок. Он должен быть написан красивым крупным шрифтом, при этом решающее значение имеет его содержание. Суть заголовка – оффер или уникальное торговое предложение.
Чем вы отличаетесь от конкурентов? Что ценного получит ваш клиент? Ответ на эти вопросы и дает оффер. Ясно, кратко, убедительно. Помните знаменитое правило 5 секунд? По результатам многочисленных исследований столько времени требуется интернет-пользователям, чтобы решить, остаться на странице или уйти.
В идеале реакция посетителя подобна словам киногероя: «Это я удачно зашел!»
На лендингах с высокой конверсией офферы схожи по 3 параметрам:
- Конкретность
- Уникальность
- Ценность
Во-первых, посетитель не будет ломать голову, что же вы предлагаете.
Во-вторых, не должно складываться впечатление «здесь всё, как у всех». Шаблонные формулировки не продают.
Наконец, главный элемент оффера – ценность или выгода для клиента. Измеряется не только в деньгах. Под выгодой подразумевается некий конечный результат, решение проблемы покупателя.
Помните классический сюжет с дрелью? Человек покупает инструмент не ради инструмента, а чтобы просверлить отверстия. Отверстия нужны, чтобы повесить картину. Картина нужна, чтобы создать уют в доме. Проследите эту цепочку на своем продукте, и продавайте уют, а не дрели.
Неудачный пример:
Предложение конкретное, с намеком на выгоду (приведем клиентов), но при этом до боли стандартное. Сегодня тысячи агентств и умельцев-одиночек занимаются настройкой контекстной рекламы. Уникальности не видно.
Более удачный вариант:
Ценность этого предложения в гарантии конкретного результата (4% конверсии) с условием возврата денег. Пожалуй, для данной ниши более точного оффера не придумать.
Еще один совет: не старайтесь «выпендриться» во чтобы то ни стало. Уникальный оффер отнюдь не означает безграничный креатив. В подтверждение – кейс датского маркетолога Микаэля Огарда:
Это страница сети Fitness World. Первоначальный вариант заголовка: «Вы станете успешнее с Fitness World». Огард изменил его так: «Групповые занятия фитнесом в местном тренажерном зале». В результате конверсия выросла на 38%. Простота превыше творчества!
Дайте сильную выгоду в форме захвата
В превью вы объясняете, зачем пользователю оставлять свои контакты. Что он получит, совершив целевое действие? Самые распространенные варианты целевых действий:
- Заявка на бесплатный аудит или консультацию. Отлично подходит для IT-сферы, интернет-рекламы, любых консалтинговых услуг.
- Бесплатная регистрация. Обычно используется программными сервисами.
- Заявка на бесплатный каталог или прайс-лист. Применима в случае большого количества товаров.
- Заявка на расчет стоимости. Либо сложная комплектация товара, либо услуга по индивидуальным параметрам (ремонт автомобиля).
- Заявка на бесплатный замер. Стандартные темы: натяжные потолки, установка дверей, мебель под заказ.
- Запись на бесплатный первый урок. Работает в образовательной сфере (иностранные языки, музыка, танцы, боевые искусства).
- Получение доступа к информации. Применимо для подписных страниц в рамках email-маркетинга. Пользователь оставляет свой адрес, а вы ему электронную книгу, например.
В качестве дополнительного мотиватора обычно предлагаются скидки или подарки. Прием неоднозначный, при неудачном применении снижает доверие пользователей. Потому что сильное предложение не нуждается в «усилителе вкуса», оно ценно само по себе.
Задаривание всё больше воспринимается как манипуляция. Поэтому проверяйте свою нишу на совместимость с бесплатными бонусами.
В некоторых случаях целесообразно разместить буллеты прямо в форме захвата, под превью (этот кейс мы описали в этой статье).
Кнопка СТА – это «выжимка» главной выгоды в чистом виде. Эффективный призыв к действию либо равнозначен получению желаемого конечного результата (пример 1), либо основан на любопытстве (пример 2).
Пример 1
Пример 2
Многочисленные споры идут по поводу того, в каком виде делать лид-форму: скрытую (на странице вида только кнопка СТА) или открытую. Однозначного ответа нет. Проведите тестирование обоих вариантов и смотрите, что больше подходит вашей целевой аудитории.
Следующий пример интересен объяснением, что произойдет после отправки контактных данных. Это повышает доверие пользователей.
Секретная фишка онлайн-психологии
Смысл приема – в подсознательном желании людей заменить абстрактные данные на свои собственные.
В любом случае целевое действие должно быть необременительным, с минимальным количеством полей в лид-форме.
Говорите как можно больше о клиенте, а не о себе
Лендинги с высокой конверсией акцентированы не на характеристиках компании или продукта, а на выгодах клиента. Многие страницы используют блоки «О нас», «Наши преимущества», «Почему нас выбирают», «Как мы работаем». Информация в них дается в принципе по делу, но почему-то хочется повесить медаль на грудь автора текста.
Представьте себя на месте клиента. Что он хотел бы получить от вашего продукта?
Примерно таким образом:
Часто достаточно изменить заголовок «Почему нас выбирают» на «Что вы получите». Ощущение совершенно иное. Помните о том, что покупателям наплевать на ваши достижения. Они хотят решить свою потребность.
Используйте гипнотические слова
Это слова, подсознательно действующие на принятие положительного решения посетителем вашего лендинга. Краткий список:
- Вы
- Представьте
- Потому что
- Бесплатно
- Подарок
Конечно, всё хорошо в меру, и не стоит пихать их в каждое предложение.
Избегайте шаблонных формулировок
Вероятно, вы знаете о мусорных фразах наподобие «динамично развивающейся компании». На самом деле к ним можно добавить определения, которые в ходу на каждом втором лендинге:
- Быстро
- Качественно
- Профессионально
- Надежно
- Недорого
Дело в том, что у каждого человека свои представления о скорости, качестве и цене. Поэтому никогда не делайте выводов о продукте за клиента! Пусть пользователь сам решит, насколько выгодно ваше предложение на основании конкретных фактов.
В тот же список «на увольнение» можно поставить любую фразу, которая не несет смысла. Например, «Комплексное решение проблем вашего бизнеса», «Простое решение сложных задач» или «Добейся успеха вместе с нами». Они применимы к сотням ниш и об уникальности предложения никак не говорят.
Секретная фишка
Замените каждое наречие и прилагательное в вашем тексте на противоположное значение. Если получается абсурд, то смело выкидывайте слова-сорняки.
Например: «Профессиональные специалисты сделают ремонт автомобиля быстро и качественно». Обратный вариант: «Необученные специалисты сделают ремонт автомобиля медленно и отвратительно». Согласитесь, абсурд.
Вот как можно написать: «Опыт каждого специалиста от 8 лет, а старший механик прошел стажировку в Формуле-1. На любой вид авторемонта даем гарантию 2 года». Факты и только факты!
Доказывайте то, что утверждаете
С фактами также обращайтесь осторожно. Неоправданные утверждения подсознательно считываются интернет-пользователями как фальшь и манипуляция. Помните легендарное выражение Дэвида Огилви «Покупатель не идиот, это твоя жена»? Поэтому обещания, взятые «с потолка», беспощадно убивают конверсию лендинга.
Например:
Игорь Манн бы позавидовал. Да что там – самому Дэну Кеннеди пора бросать свои коучинги-тренинги и поступать к ребятам в ученики!
Пример для подражания – Apple, чьи рекламные кампании построены на четких доказательствах:
Если это возможно, вместо лишних слов сделайте фото, видео с вашим продуктом в действии. Наконец, разместите отзывы своих клиентов.
Используйте только реальные отзывы
Некоторые предприниматели относятся к отзывам в духе «сами напишем или попросим копирайтера». А вы знаете о том, что поддельные отзывы снижают конверсию сильнее ложных фактов? Иногда дело доходит до смешного: люди обнаруживают собственную физиономию на каком-нибудь лендинге под вымышленным именем.
Отзывы настолько деликатная вещь, что даже к реальным цитатам стоит относиться избирательно.
«Вау, было круто!» и «Спасибо, всем рекомендую» лучше пропустить. Идеальный продающий отзыв строится по схеме «Сущность проблемы – Почему обратился именно в эту компанию – Как решили проблему – Результат – Рекомендации».
Хороший пример:
Довольные клиенты, как правило, могут в деталях с цифрами написать вам хороший отзыв. Для облегчения процесса дайте им упомянутую схему из 5 пунктов.
Добавляйте персонализацию
Западные маркетологи даже придумали слоган «Будь релевантным или умри!» Всё просто: чем точнее ваше послание совпадает с конкретной потребностью посетителя лендинга, тем лучше отклик.
Персонализировать торговое предложение будет проще, если заранее сделать сегментацию целевой аудитории. Посмотрите пример Get Тaxi:
Авторы лендинга обращаются к 3 типам целевой аудитории сервиса. Прием достаточно эффективный, при этом всё равно есть отвлекающий фактор. Представьте, что вы выбираете один из пунктов (например, «вы бизнес»). Оставшиеся две ссылки для вас – посторонний контент.
А что вы скажете насчет 100% персонализации? Это возможно благодаря автоматической подмене контента с помощью сервиса Yagla. Часто на лендинге предлагается несколько видов товара или услуги плюс не забывайте о словах-синонимах. Вариантов запросов по одной и той же услуге может быть сколько угодно.
Например, «раскрутка сайтов» и «продвижение сайтов». Автоматическая подмена позволяет показать пользователю именно тот вариант, который он ищет в Яндексе или Google.
В зависимости от поискового запроса можно подменять заголовок, подзаголовки, части текста и изображения. Так достигается максимально возможная персонализация.
Слишком много или слишком мало текста
Чем сложнее продукт, тем подробнее он описывается. Если это сфера В2В с долгим циклом принятия решения, предоставьте ответы на возражения, убеждайте всеми возможными видами доказательств (фото, видео, скриншоты, расчеты).
На рынке В2С, наоборот, больше горячих запросов. Поэтому актуальны краткие эмоциональные аргументы и яркая визуализация продукта.
Количество текста определяет даже не ниша, а потребитель, целевая аудитория. Символов должно быть ровно столько, чтобы её убедить. Не больше и не меньше.
Проверяйте текст на ошибки
Доверие посетителя вашего лендинга – хрупкая вещь. Доверия сложно добиться, и его очень легко потерять из-за любой мелочи. Поверьте, «ашипки» смазывают впечатление от самого сильного предложения. Поэтому лучше не жалеть денег на редактора текста, чем потерять потом в десятки раз больше.
Вместо заключенияБезусловно, тонкостей и «фишек» продающих текстов для лендингов с высокой конверсией намного больше. Достаточно взять за основу рассмотренные 9 принципов, а дальше тестировать то, что кажется вам эффективным.
Высоких вам продаж!
примеры лендинг пейдж на которых учатся создавать страницы!
Лендинг нужен самому широкому кругу людей, от федеральной компании, продающей мебель, до отдельного человека, написавшего свою книгу. Давайте рассмотрим все на примерах.
Первый пример хорошего лендинг пейдж
Овощная база «Солнышко». С первого экрана понятно что тут предлагаю, видно выгоды клиента и преимущества товара.
Дальше подробно расписаны преимущества, гарантии, условия.
Все красиво и понятно, но кто такие все-таки эти солнышки? Откуда берутся овощи? В каких условиях их выращивают? А вот и подробный ответ на все.
Так как это продукты питания, то крайне важно, чтобы они соответствовали стандартам, были экологически чистимы, не подвергались химической обработке. Лучшим доказательством тут будет наличие сертификатов ГОСТ. А полный прайс лист поможет точно сориентироваться насколько эти овощи подходят в финансовом плане.
Схема работы доступно объясняет, как происходит весь процесс от подачи заявки до получения товара. И в завершение отзывы, которые повышают кредит доверия, не так, как документы, потому что не указано какого именно магазина или ресторана, но тоже чувствительно.
Пример 2
Вот предлагается книга по работе с Google Analytics, смотрим первый экран.
Все понятно. Этот товар рассчитан на узкую аудиторию, которой достаточно этой информации, чтобы решить может тут быть что-то интересное или не может, мы решили, что может и пошли дальше, в смысле ниже.
Вот и описание предлагаемого продукта с его преимуществами.
А дальше не совсем обычный, но весьма сильный пример. Покупателю предлагают ознакомиться с подробным содержанием первой главы, чтобы узнать полезна ли она будет именно ему.
Мы решили, что книга полезна, но возникает вопрос, а знает ли автор, о чем он пишет? Может просто набрал с миру по нитке и выдает за шедевр? А вот и ответ.
И в финале то, ради чего все и было затеяно.
Пример 3
Строительство коттеджей. Сразу видно что предлагается и сколько это стоит. Ничего лишнего, но достаточно, чтобы заинтересовать
СТА, магнит, таймер и преимущества + выгоды.
Информация о компании и процессе работы.
Еще раз преимущества и выгоды клиента. Вроде второй раз о том же самом, но уже по-другому, поэтому выглядит все органично и усиливает эффект «принципом ненавязчивого повторения».
УТП. Просто, по пунктам, очень легко для восприятия, что интересно, прямо в торговом предложении даны ответы на некоторые часто задаваемые вопросы.
Дальше еще раз повторяется призыв к действию и дана волшебная кнопка, но мы повторяться не будем, поэтому переходим к портфолио. Примеры домов даны на трех экранах, плюс имеется предложение скачать каталог и посмотреть все работы. Очень правильное решение, так как когда заранее не получается «пощупать» и «попробовать на зуб», то насмотреться всласть просто необходимо. Да и причиной выбора именно этой компании может послужить то, что клиенту попадется на глаза дом его мечты, а если их всего 2-3, то вероятность этого крайне мала.
Схема работы и сразу форма заявки.
Отзывы довольных клиентов. Очень подкупает, что указаны не только имена, но и фамилии и города, все это дает уверенность в том, что это реальные люди и при желании их можно найти и спросить о компании. И тут же гарантии, но как-то они тут не совсем к месту.
И в завершении призыв и контакты.
И еще несколько примеров удачных лендингов, точнее, их первых экранов
Ошибки, допускаемые при создании лендинга
Интересно может ли кто-нибудь подсчитать соотношение «хороших» и «плохих» посадочных страниц? Скорее всего, сделать это не реально, так как объективности, при визуальной оценке, тут быть не может, а показатели не всегда зависят от самого лендинга. Но тем не менее в сети достаточно примеров, о которых двух мнений быть не может – это некие крайности, которых стоит избегать тем, кто не хочет, чтобы его избегали клиенты.
Все хорошо в меру
Дизайн очень важен, но иногда его бывает столько, что хватило бы на десяток страниц. К этому же можно отнести и избыток призывов к действию, и чрезмерное количество «основных» элементов, рассеивающее внимание.
Отсутствие призыва к конкретному действию
В этом случае человек просто не знает, что ему делать дальше, вот хочет забыть о проблемах с бухучетом, и месяц бесплатно хочет, а как получить это неведомо.
Ссылки на другие страницы
Даже если это ссылка на основной сайт. Например, есть лендинг для телевизора самсунг, клиент им заинтересовался, но тут нажал на ссылку, ведущую на главную страницу компании. Возможность, что он вернется обратно, крайне мала, но это не так страшно, если он купит что-то все-таки у этой компании. Вполне вероятно, что посмотрев другие телевизоры, он обратит внимание на разные цены у одинакового по характеристикам товара, благодаря этому захочет посмотреть цены на этот товар у других компаний, найдет дешевле и купит там. Не будь этой ссылки, а только «суперцена», «еще всего 2 дня», то у клиента просто не появилось бы такой мысли: идти и сравнивать.
Другой пример: на сайте продается электронная книга по маркетингу и дана ссылка на отзывы о ней на сторонний ресурс, а на том ресурсе и о других книгах написано, а они еще и бесплатны, а у них и плюсиков (галочек, звездочек) больше – и нет у них больше клиента.
Незаметная лид форма
Это, конечно, лучше, чем вообще никакой, но для эффективного лендинга она должна быть яркой и заметной.
Отсутствие заголовка
Вот пришел человек на такой лендинг, а там все хорошо: написано интересно, циферки красивые, обещания приятные, вот только что это и для чего ему нужно не понятно.
Проверяйте конечный результат
Банальные ошибки и опечатки тут даже не рассматриваются, а вот соответствие или несоответствие текста и изображения может произвести не очень хорошее впечатление. Например, лендинг компании, предоставляющей услуги выездного свадебного регистратора. Там все очень красиво, торжественно, празднично, вот и отзывы счастливых новобрачных, но на одном из них взгляд почему-то зацепился, что-то не так.
Возвращаемся на несколько отзывов назад, и вот оно.
Кто-то может предположить, что это просто одна иллюстрация ко всем отзывам, да, это было бы странно, но можно списать на «он художник – он так видит», однако нет.
Каждому отзыву свои молодожены. Конечно, если спросить напрямую, то ответят, что просто ошиблись, недосмотрели, перепутали, ну или, в крайнем случае, маркетолог – подлец, а мы ничего не знали. Но тут уже все равно, как в анекдоте: «ложечки то нашлись, а осадок остался».
Но нам же не нужны такие осадки, поэтому, даже когда вы идете самым надежным путем – доверяете работу специалистам, все равно проверяйте сами, ведь специалисты, как ни странно, тоже люди, и ничто человеческое им не чуждо, даже ошибки. Нет лучшего учителя, чем опыт, и лендинг не является исключением, но зачем набивать собственные шишки, когда можно досконально изучить чужие?
Вывод
Лендинг – это обширная, сложная, но увлекательная тема. Есть несколько очень неплохих конструкторов, позволяющих создать свою посадочную страницу любому человеку, но даже при использовании стандартных решений, стоит добавлять индивидуальность, ведь делаются они для людей, а люди, в большинстве своем, решают сначала эмоциями, а только потом разумом.
Как не бывает двух абсолютно одинаковых щенков, так не бывает и двух идентичных посадочных страниц, даже если собраны они на одном конструкторе. Пробуйте, экспериментируйте, тестируйте и обязательно найдете свой идеальный вариант, а то и не один.
Нужен продающий лендинг?
Мы специализируемся на посадочных страницах уже более 6 лет, а это значит мы готовы дать Вам лучшую «упаковку» вашего продукта. Юридические гарантии и подарок в виде настройки контекстной рекламы отличное предложение для старта и развития бизнеса!
Оставить заявку
как писать, примеры и советы
Лендинг — это страница или сайт-одностраничник, который служит для того, чтобы описать товар или услугу, а также дать информацию, где и как это приобрести. В статье я поэтапно расскажу, из каких блоков состоит landing page и какие есть фишки, чтобы конвертировать посетителя в покупателя.
Структура лендинга
Шапка — название компании и краткое описание. Размещается в верхнем левом углу. Эта информация помогает пользователю сразу понять, куда он попал и какие услуги оказывает компания. В шапке помимо названия указывается контактная информация фирмы.
Заголовок — самая важная часть лендинга. Его цель — добиться внимания со стороны посетителя и, желательно, сразу побудить нажать на кнопку заказа. Здесь работает правило первого впечатления: если вы не зацепите словом посетителя сразу, то дальше это будет сделать сложнее. Заголовки лендингов обладают такими характеристиками:
- Ясность — сразу устанавливает контакт с читателем. Чёткий и понятный, без двусмысленных намёков. Человек сразу понимает куда он попал и что ему предлагают.
- Соответствие — заголовок и основная идея рекламы должны соответствовать друг другу. Если в заголовке идёт речь о бесплатном пробном периоде, а на деле его нет — покупатель не станет пользоваться услугой или товаром.
- Участливость — подчёркивает преимущество товара и говорит о том, что он справится с проблемой клиента. Посетитель сайта должен понимать Какие плюшки получит и как продукт избавит его от боли
- Срочность — нужна, чтобы клиент заказал товар или услугу «уже сейчас!» или «только сегодня!».
Например, на странице курса копирайтинга на skillbox.ru по заголовку всё ясно. А дополнительное описание его дополнительно поясняет.
Пример заголовка (курс копирайтинга на skillbox.ru )
Если нажать на меню сбоку можно увидеть дополнительную информацию.
Обязательно выделяйте выгоду для пользователей и решайте их боль в одном предложении. Чтобы лучше понимать чего хочет ваша целевая аудитория, составьте ее портрет.
На скриншоте описана услуга и выгода для клиента:
Подзаголовок — текст, который раскрывает и поясняет заголовок. Он раскрывает детали, описывает смысл товара для клиента и повышает мотивацию посетителя к заказу. Предложение не должно быть слишком длинным и запутанным. Но и короче заголовка его также делать не стоит. Удачный вариант подзаголовка демонстрирует клуб кроссфита:
Удачный вариант подзаголовка на примере клуба кроссфита
Список — нужен, при условии если надо структурировать информацию. Каждый пункт должен описывать преимущества, быть написан в одном стиле и усиливать желание купить товар или заказать услугу.
На скриншоте пример, как можно структурировать информацию с помощью списка
Подводка — информация, предшествующая основному блоку. Если в заголовке не удалось раскрыть всю суть, это делается с помощью вступления. К примеру, если посетителю предстоит крупная, серьёзная покупка ему нужно подумать. Такой текст должен подвести его к чтению основного контента о товаре или услуге. Например, онлайн-курсы Skillbox перед описанием программ обучения дают небольшую информацию:
Графика — изображения, если в них есть нужда, подбираются в соответствии с цветовой гаммой сайта и идеей бренда. Удачный пример — сайт с продажей товаров для котов.
Пример удачно подобранного изображения для лендинга
Картинка должна передавать эмоцию и сделать так, чтобы клиент тоже захотел этот товар и испытал эту эмоцию.
Бренд «Alpen Gold» активно использует эту фишку на своём лендинге:
Блок с описанием товара — есть сайты, где используется только текст. Без заголовка, подводки и даже картинок. Одно условие — текст должен быть максимально хорош. Он так описывает все преимущества товара, что у покупателя не остаётся сомнений перед заказом. Если это обычное описание продукта, можно только дополнить заголовок и подзаголовок с помощью выгодных предложений для клиента.
Текст должен быть обязательно структурированным, чтобы все основные моменты сразу были на виду.
Информация о компании — здесь очень важно не переборщить. Не пишите историю создания компании. Допускается общая информация о компании, достижениях. Просто, понятно и лаконично. Например, как это сделали в Skillbox:
Пример, как понятно и лаконично разместить информацию о компании
Очеловечивание — разместите информацию с фото о сотрудниках компании или клиентом, который воспользовался услугой. Это повысит доверие покупателя.
Пример, как можно разместить информацию с фото о сотрудниках компании
Отзывы — передают эмоции других людей, повышают доверие и лояльность клиентов. Просите покупателей писать отзывы взамен не небольшие плюшки. Например, скидка на следующий заказ. Оставляйте ссылки на контакты с тем, кто оставил отзыв. Просто написанный текст с отзывом уже не вселяет доверие.
Портфолио — блок, в котором наглядно можно ознакомиться с деятельностью компании и понять, какой объём работ уже выполнила компания. Например, строительная компания «Ica-construction» удачно оформила такой блок:
На скриншоте пример портфолио строительной компания «Ica-construction»
Здесь можно выбрать страну, где проводились работы и проскроллить до описания объекта. Сначала читатель видит общую информацию. Затем, нажав на «Подробнее» читает дополнительный контент.
Ой-ой, твой браузер не поддерживает видео.Самые крутые лендинг-сайты
После того как вы узнали об оформлении лендинга, самое время вдохновиться классными работами профессионалов. Предлагаю рассмотреть интересные лендинги, о которых я ещё не упоминал в статье.
- https://kitchenceremony.com/ — изысканность и хороший вкус. Приятные фото вызывают желание сделать заказ и использовать эти специи по назначению.
На скриншоте лендинг KITCHEN CEREMONY
- https://rocketbank.ru — сайт банка, где написано просто о сложных вещах. Чётко, лаконично и максимально понятно клиенту.
На скриншоте лендинг-сайт Рокетбанка
- http://ji-fruits.ru/ — аппетитная графика ассоциируется с ярким вкусом и позитивными эмоциями.
На скриншоте лендинг ji-fruits.ru
Красивые фото фруктов не оставляют гостю сайта выбора — обязательно заказать!
- https://www.apple.com/ru — сайт компании Apple минималистичен, но функционален.
На скриншоте сайт компании Apple
- http://moscowfreetour.ru — экскурсии по Москве с размахом. Яркая страница, классный дизайн и функциональность. Кнопка с покупкой услуги вызывает большое желание на неё нажать.
На скриншоте яркая страница экскурсий по Москве — moscowfreetour.ru
- https://hr.cpeople.ru — креативное оформление кадрового агентства.
На скриншоте кадровое агентство hr.cpeople.ru
- http://yasdelie.ru/ — мемы, крутые надписи и море иронии. Креативность зашкаливает.
На скриншоте лендинг yasdelie.ru
- https://qlean.ru — сфера клининга, где отлично оформлены все интересные моменты.
На скриншоте лендинг qlean.ru
На скриншоте s7.ru/poehali
- https://farbenhaus.ru — яркие, красочные фото с полезной информацией.
На скриншоте лендинг farbenhaus.ru
- https://www.dsorig.com — лендинг с рекламой дизайнерских скульптур из дерева.
На скриншоте лендинг dsorig.com
На скриншоте лендинг-сайт hellomonday.com
На скриншоте лендинг-сайт jaquet-droz.com
- https://woodwork.nl/portfolio — пример, как можно эффективно оформить много информации и не перегрузить посетителя сайта.
На скриншоте лендинг-сайт woodwork.nl/portfolio
- Паркфлора — удачная страница жилого комплекса. Есть все необходимые блоки и красивый дизайн.
На скриншоте удачная страница жилого комплекса
Каждый лендинг делается под определённого заказчика и для своей целевой аудитории. При получении заказа для начала советую внимательно изучить всю информацию по теме и уже потом приступать к созданию лендинга.
Коротко о главном
И в заключение — общая структура работы над лендингом:
- Поставьте себе цели и задачи.
- Проведите анализ: компания в целом (чем занимается, сколько лет на рынке и т. д.), конкуренты, целевая аудитория.
- Собери вместе данные: плюсы, минусы, боль и желание разных слоев нужной аудитории.
- Подготовьте шаблон (план) текста и сайта в целом.
- Продумайте заголовок.
- Придумайте, как покупатель будет «призываться к покупке».
- Думайте о клиенте и пишите выгоды именно для него.
Обязательно проработайте семантическое ядро сайта, вставив нужные ключевые фразы. Они помогут пользователям зайти именно на ваш сайт.
А освоить создание лендингов и промосайтов на профессиональном уровне и начать, при желании, на этом зарабатывать можно, пройдя:
→ курсы по созданию лендингов
20 бесплатных профессионально разработанных шаблонов целевых страниц
Когда дело доходит до превращения посетителей в потенциальных клиентов, целевые страницы в среднем конвертируются на 23%, что делает их элементом подписки с самой высокой конверсией.
Хорошая целевая страница обычно предлагает посетителям вашего веб-сайта ресурс, например часть содержания, в обмен на контактную информацию. Совместное использование URL целевой страницы или гиперссылки на нее, а не на домашнюю страницу, также увеличивает вероятность превращения трафика в конверсии.
Хотя целевые страницы могут играть жизненно важную роль в лидогенерации, они не должны быть сложными. Фактически, вам следует стремиться к тому, чтобы страница была краткой и привлекательной, а не сложной и ошеломляющей.
Вместо того, чтобы просто разместить строгую контактную форму на странице, может быть более продуктивным подразнить интересное предложение или бесплатный ресурс в обмен на небольшой объем информации.
Даже когда вы знаете, что собираетесь предложить и какую информацию хотели бы получить от посетителя, идея создания целевой страницы может показаться пугающей.
Если у вас нет пропускной способности для самостоятельного создания страницы, у вас мало опыта в разработке программного обеспечения или у вас ограниченные ресурсы для найма дизайнера, использование заранее разработанного шаблона может быть наиболее эффективным способом запустить профессионально выглядящую страницу в короткое время.
20 бесплатных профессионально разработанных шаблонов посадочных страниц
Мы составили список из 20 бесплатных, простых в использовании шаблонов, которые помогут вам в процессе создания вашей следующей целевой страницы.
1. Royce
Доступно на Squarespace
Royce специализируется на бронировании мероприятий. Панели навигации нет, но макет имеет настраиваемое фоновое изображение, заголовок и кнопку с призывом к действию с надписью «RSVP».
Чтобы заполнить форму и зарезервировать место, посетители могут щелкнуть кнопку «RSVP», чтобы отобразить форму, или прокрутить вниз, чтобы увидеть статическую форму бронирования. Это интересный шаблон, потому что он усиливает визуальные эффекты и сохраняет простоту макета, но при этом предлагает посетителям два способа конвертации.
2. Архитектура
Доступно исключительно с бесплатным конструктором целевых страниц HubSpot
Шаблон целевой страницы «Архитектура» идеально подходит для захвата подписчиков блога с привлекательным главным изображением вверху, пространством для предоставления контекста о том, что пользователи могут ожидать, если они подпишутся, и модулем по умолчанию для прошлого контента прямо под ним. Его также можно настроить в соответствии с вашим брендом и отредактировать с помощью функции перетаскивания.
3.Инвестировать
Доступно на HubSpot
Этот дизайн включает фотографию, настраиваемый текст, отсутствие навигации (чтобы посетители не могли сосредоточиться на вашем предложении) и короткую форму. Пользователи также могут настраивать и добавлять другие элементы, такие как значки, отображаемые в нижней части изображения. Внизу страницы пользователи также могут добавить дополнительную информацию о предложении или компании.
4. Ступица
Доступно на HubSpot
Шаблон Hubstrap имеет упрощенный вид, но отводит немного больше места для текста.Это может быть хорошим вариантом, если ваше предложение контента содержит меньше изображений. Например, вы можете использовать эту страницу, чтобы описать предложение или длинный технический документ по теме, связанной с вашей отраслью. Пользователи могут аналогичным образом персонализировать дизайн и добавлять на страницу разделы с возможностью перетаскивания.
В отличие от приведенных выше целевых страниц, этот пример включает навигацию. Однако это достаточно просто, чтобы не отвлекать от предложения.
5. Яркий
Доступно исключительно с бесплатным конструктором целевых страниц HubSpot
Допустим, вы не хотите, чтобы элементы конверсии были вверху страницы, вместо этого вы выбрали более длинную страницу продаж.Vibrant — это современный шаблон с минималистичным дизайном, который можно настроить с помощью подробного рекламного текста. Сочетание каждого раздела с привлекательным изображением — отличное начало для создания пользовательского опыта, который понравится потенциальным клиентам.
6. Посадочная форма
Доступно на HubSpot
Этот шаблон включает фоновое изображение с темным оверлеем, заголовок, текст, яркие кнопки с призывом к действию и форму. В нем отсутствует панель навигации, но есть кнопка в верхней части страницы.Изображение также имеет темное покрытие, чтобы оно оставалось видимым, но менее отвлекающим. Когда вы прокручиваете страницу ниже сгиба, этот шаблон также включает в себя места для дополнительных изображений и деталей, которые могут иметь отношение к продукту или предложению.
7. Градиент
Доступно на HubSpot
Gradient разработан для предложения, основанного на содержании. Он имеет простой макет с формой, заголовком, текстом описания, фотографией и логотипом, но продолжает тему отсутствия навигации. Как и в других шаблонах HubSpot, пользователи могут добавить фотографию или снимок продукта, фоновое изображение, которое появляется за градиентом цвета, и описательный текст.Они также могут настроить или изменить цвет фона градиента.
8. Университет
Доступно на Wix
Этот макет может быть полезен тем, кто ищет потенциальных клиентов для образовательных мероприятий, курсов или аналогичных услуг. Форма более подробная, но сам макет также позволяет разместить больше текста и изображений. Над сгибом вы можете увидеть заголовок, вспомогательные изображения и форму. Если вы продолжите прокрутку, появятся дополнительные разделы, в которых можно разместить больше текста и изображений.
9. Skyline
Доступно на Wix
Этот шаблон может быть полезен компании или частному лицу, которые еще не запустили веб-сайт или продукт, но тем не менее хотят привлечь потенциальных клиентов. Над сгибом есть гигантская область заголовка, где на шаблоне напечатано «Скоро в продаже».
Прокрутив страницу вниз, вы увидите краткое описание компании и поле, в которое посетители могут добавить свой адрес электронной почты. Пользователи также могут добавить фото или видео к фону.
10. Полужирный
Доступно исключительно с бесплатным конструктором целевых страниц HubSpot
Полужирный шрифт с большим заголовком, коротким подзаголовком и элементом преобразования над сгибом делает свою точку зрения конкретно и лаконично. Это делает его отличной целевой страницей практически для любого закрытого контента, от электронных книг до информационных бюллетеней и инструментов.
11. Интернет-магазин скоро откроется
Доступно на Wix
Этот шаблон очень простой.Как и в вышеприведенном шаблоне «Скоро в продаже», текст можно отредактировать, чтобы использовать этот макет для другой цели. Нет навигации, и любая информация о компании разбросана по углам. Такая компоновка дает место для четкого снимка продукта, как видно на обуви. Текст заголовка, небольшое количество описательного текста, поле электронной почты и кнопка предварительно разработаны в макете. Пользователи также могут связать свои учетные записи в социальных сетях со значками под кнопкой «Уведомить меня».
12. Lead-Gen Landing Page
Доступно на Wix
Этот шаблон кажется специализированным для продуктов B2B.Он позволяет пользователям редактировать и настраивать текст и изображения через Wix. Пользователи также могут размещать в макете фоновые видеоролики. Страница должна быть длинной, с формой и призывом к действию в верхней части страницы, за которой следуют разделы, подробно описывающие различные аспекты компании или фирмы, например информацию о персонале.
13. Фагри
Доступно на WordPress.org
Fagri был разработан для различных целей и отраслей. В соответствии с описанием виджеты темы, такие как контактная форма, можно настраивать.Пользователи также могут изменять текст и изображения. Несмотря на наличие панели навигации, дизайн макета по-прежнему привлекает внимание к тексту, кнопкам с призывом к действию и контактной форме.
14. Ралли
доступен исключительно с бесплатным конструктором целевых страниц HubSpot
Отлично подходит для электронных книг, Rally устанавливает формат из трех столбцов вверху, чтобы помочь посетителям веб-сайта визуализировать предложение, усвоить его содержание и конвертировать в верхней части страницы. Если им нужна дополнительная информация — например, если вы предлагаете подробный технический документ или отчет, — можно добавить дополнительные модули, чтобы еще больше убедить их принять участие.Также помогает то, что дизайн формы фантастический, предлагающий место для создания истинного ценностного предложения, которое передает то, что они получат от информации.
15. Real Estate Landing Page
Доступно на Wix
Хотя этот шаблон не предлагает ресурса для информации, его можно отредактировать и настроить для включения предложения. При прокрутке страницы вниз фоновое изображение может оставаться статичным. При текущем дизайне страницы есть место для добавления информации о компании в нижней части страницы.В самом низу также есть вторая форма, поэтому у посетителей будет еще один шанс конвертировать.
16. Строительные и юридические посадочные страницы
Оба доступны на WordPress.org
WordPress также предлагает два похожих шаблона Lawyer Landing Page и Construction Landing Page . Хотя оригинальные дизайны предназначены для двух областей работы, их можно настроить для других брендов и отраслей.У обоих есть изображение заголовка, наложенный текст и стрелка, указывающая на форму приличного размера над сгибом. Они также оба предлагают посетителю бесплатное предложение.
17. Сумерки
Доступно исключительно с бесплатным конструктором целевых страниц HubSpot
Еще одна целевая страница с универсальностью и гибкостью в отношении макета. Nightfall — отличный вариант, если вы хотите создать захватывающий рассказ вокруг своей копии. Имея достаточно места для описания предложения перед представлением элемента преобразования и возможности перетаскивания дополнительных модулей, этот шаблон можно адаптировать для длинного содержимого или короткой, быстрой и четкой копии.
18. Садовый домик
Доступно на MailChimp
Этот шаблон не включает панель навигации, которая заставляет посетителя сосредоточиться на данном предложении. Внизу страницы его можно настроить для включения логотипов или другой информации о компании. Как и все темы целевой страницы MailChimp, этот макет оптимизирован для мобильных устройств и автоматически подстраивается под разные размеры экрана.
19. Участники группы
Доступно на MailChimp
Этот шаблон также довольно прост и имеет место для настройки.Он аналогично удаляет навигацию и сохраняет логотип компании, текстовое описание и форму подписки в верхней части страницы.
Пользователи также могут перетаскивать в дизайн дополнительные элементы, такие как текст или поля форм. Чуть ниже формы пользователи могут добавить снимок продукта или другое изображение. Синий фон позволяет отображать форму и кнопку с призывом к действию, но эти цвета также можно настроить в соответствии с вашим брендом.
20. О-книга
Доступно на Unbounce
МакетыUnbounce идут с подпиской, но вот одна из целевых страниц, которую вы можете протестировать с помощью бесплатной 14-дневной пробной версии.Этот шаблон ориентирован на привлечение потенциальных клиентов к конкретной книге. Есть свободное место для изображения продукта, заголовков, текста подробного описания и поля формы.
Верхняя панель навигации минимальна, но включает кнопки социальных сетей. Поскольку этот макет предоставляется бесплатно только в течение пробного периода, это может быть лучшим вариантом для компании, которая уже получила доход от целевых страниц и хочет протестировать более подробный, но доступный дизайн.
Рекомендации по использованию посадочных страниц
Приведенные выше шаблоны уже соответствуют ряду передовых практик для целевых страниц.Например, во многих из них отсутствует панель навигации, которая может отвлекать внимание или отвлекать от предложения на странице. Большинство из них также оставляют место для фото или видео. Хотя фотографии предлагают отличное представление о продукте, также было замечено, что видео увеличивают конверсию на 86%.
Чтобы узнать о других передовых методах работы с целевыми страницами, ознакомьтесь с этим руководством.
Примечание редактора: этот пост был первоначально опубликован в мае 2019 года и был обновлен для полноты.
23 эффективных примера дизайна целевой страницы, которые конвертируют
Нил Патель стал соучредителем Crazy Egg в 2005 году. 300 000 веб-сайтов используют Crazy Egg, чтобы понять, что работает на их веб-сайтах (с такими функциями, как тепловые карты, карты прокрутки, реферальные карты и пользовательские записи), исправить то, что нет (с помощью редактора WYSIWYG ) и протестировать новые идеи (с помощью надежного инструмента A / B-тестирования).
Если вы ищете вдохновение для дизайна целевой страницы, я подготовил для вас сегодняшний пост.Я собираюсь показать вам 23 примера дизайна целевой страницы, которые конвертируют, а затем покажу, как создать такой дизайн самостоятельно.
Зачем вам создавать целевую страницу или много целевых страниц? Потому что они одни из самых мощных инструментов конвертации в вашем заднем кармане. Вы можете создать целевую страницу для каждого источника рефералов.
Например, целевая страница для людей, которые переходят по ссылке из Твиттера, может отличаться от целевой страницы для людей, прочитавших ваш гостевой пост в другом блоге.
Мы рассмотрим несколько примеров дизайна целевых страниц, которые покажут вам, насколько они эффективны.
23 примера дизайна посадочных страниц, которые вы захотите украсть в 2018 году
Прежде чем я перейду к своему списку примеров дизайна целевой страницы, поймите, что термин «целевая страница» стал намного шире, чем, скажем, пять лет назад. Для многих предприятий домашние страницы служат в качестве целевых.
Это не обязательно, но вы должны признать, что многие люди находят вашу компанию, выбирая вашу домашнюю страницу на страницах результатов поиска (SERP). В этом случае вам понадобится твердая цель, чтобы вы знали, куда направлять посетителей.
Если вы новичок, посмотрите видео, которое я снял о создании конверсионных целевых страниц. Это быстрые часы, которые описывают мой процесс работы с собственными компаниями или с клиентами.
Давайте копнем.
1. Moz Pro
Мне нравится целевая страница Moz Pro, потому что на ней быстро указывается УТП продукта. Клиенты могут рассчитывать на более высокий рейтинг, качественный трафик и измеримые результаты. Затем у вас есть призыв к действию — «Начни бесплатную пробную версию» — отраженный на панели навигации и на изображении героя одним ярким цветом.
2. Twago Enterprise
Почему бы не стать большим, смелым и ярким? Целевая страница Twago Enterprise одновременно проста и энергоэффективна. У вас есть USP крупным шрифтом, за которым следует краткое описание продукта.
CTA — Запросить демонстрацию — имеет цвет, который нигде не отображается на странице.
При разработке целевой страницы вы должны иметь в виду цель. В случае Twago Enterprise они хотят, чтобы люди запрашивали демонстрацию.
Вам нужно помнить о своей цели.Когда он у вас есть, убедитесь, что вы предоставили множество контекстных и визуальных подсказок, чтобы посетители знали, куда вы хотите, чтобы они щелкнули.
3. 180fusion Даллас
Здесь у нас есть целевая страница, в которой большое внимание уделяется социальному доказательству. У вас есть список достижений в виде маркера слева и логотипы крупных брендов справа. Тем не менее, у нас есть смелый CTA на ярком фоне.
Вы увидите, что этот шаблон повторяется в этом списке, потому что это один из лучших способов привлечь внимание посетителей.
4. Flickr
Если вы ожидали, что целевая страница Flickr будет посвящена фотографии, вы не ошиблись. Изображения героев менялись каждые пару секунд с тем же заголовком, основным текстом и призывом к действию.
Обратите внимание, здесь не так много конкуренции за внимание. Призывы к действию при регистрации дважды отображаются на целевой странице, а заголовок точно сообщает нам, что Flickr означает
.5. Unbounce для агентств
Целевая страница для услуг Unbounce на уровне агентства действительно популярна.Яркие синие акценты в сочетании с ярко-оранжевыми CTA работают визуально, чтобы передать последовательное сообщение.
Вы увидите, что на этой странице два призыва к действию. Один предлагает посетителям ознакомиться с конструктором, а другой предлагает поболтать со специалистом агентства.
Конкурирующих призывов к действию могут сработать против вас, если вы не будете осторожны. Ниже я объясню, как Crazy Egg Recordings может помочь вам понять, нужно ли вам удалить CTA или создать больше визуального разделения на странице.
6.Писатели Upwork
Upwork объединяет предприятия и профессионалов во многих сферах обслуживания. Целевая страница для писателей-фрилансеров хорошо продумана и прекрасно использует социальное доказательство.
Обратите внимание, что человек, которого они выделили, не является фотомоделью. Он настоящий писатель из кадрового резерва Upwork. Эти логотипы внизу помогают убедить потенциальных клиентов в том, что Upwork — это не просто пустяк.
7. Codecademy Pro
Это настолько просто, насколько возможно.Codecademy, вероятно, нацелена на существующих пользователей с этой страницей, поэтому компании не нужно вдаваться в подробности. Фиолетовый цвет в CTA отражается в слове PRO рядом с логотипом Codecademy, что визуально хорошо работает.
Мне также нравится использование слова «разблокировать» в начале основного текста. Это необычное слово в данном контексте и поэтому привлекает внимание.
8. Веснушка
Я большой поклонник простоты, как вы, наверное, уже знаете, и Freckle хорошо справляется со своими целевыми страницами для классов K–2.Есть противоречивые призывы к действию, но главный из них выделяется своим размером.
9. Площадь
Это пример дизайна целевой страницы для торговой точки Square. Как видите, это просто, но эффективно: заголовок по существу и призыв к действию, который, возможно, может быть немного больше для большего воздействия.
Прокрутив вниз, вы увидите, как Square работает с POS-системами. Это хороший способ познакомить потенциальных клиентов с продуктом.
10.BuildFire
Иногда дизайн целевой страницы — это только начало. В случае BuildFire потенциальные клиенты могут выбрать один из двух вариантов на целевой странице «Начало работы». Затем вы попадаете в форму, в которой вас спрашивают, что вам нужно и чего вы хотите достичь.
Это нормально, если на целевых страницах люди проходят через ряд других страниц, если вы все время поддерживаете их заинтересованность. BuildFire достигает этого с помощью коротких страниц и настраиваемых иллюстраций.
11. Бар Hello
Я бы ни за что не собирался создать список примеров дизайна целевой страницы без включения страницы регистрации для Hello Bar. Как я уже упоминал выше, я большой любитель простоты.
Форма короткая и понятная, и у вас есть несколько вариантов регистрации, что увеличивает вероятность того, что люди будут ее заполнять.
12. Полоса
Дизайн целевой страницы платежей для Stripe красивый и функциональный.Это отличный пример удачной работы двойных призывов к действию. Очевидный CTA имеет темный фон с белым текстом. Он предлагает вам создать учетную запись. Гораздо труднее увидеть конкурирующий призыв к действию.
Эти два призыва к действию хорошо работают в тандеме, потому что они нацелены на два разных типа посетителей: тех, кто хочет зарегистрироваться сразу, и тех, кто хочет узнать больше.
13. Центр образования Нойгауза
Этот пример дизайна целевой страницы имеет красивую цветовую схему, привлекательные изображения и двойной призыв к действию.Некоммерческим организациям часто бывает сложно заставить людей подписаться на их услуги и пожертвовать свое время и деньги, поэтому оба призыва к действию должны быть на главной странице.
Образовательный центр Нойхаус начинает с твердого убеждения: «Содействие успеху чтения для всех». Он точно сообщает посетителям, в чем состоит его миссия и чего он пытается достичь.
14. Air Canada
Домашняя страница Air Canada служит прекрасным примером дизайна целевой страницы. Он ориентирован на конкретный сезон, использует великолепные изображения и позволяет посетителям искать авиабилеты и другие предметы первой необходимости еще до того, как им придется прокручивать страницу.
15. Революция в дрессировке собак Зака Джорджа
Это целевая страница книги Зака Джорджа «Революция в дрессировке собак». Это бестселлер и всего лишь один из ее продуктов. Вы получаете логотипы мест, где можно купить книгу, и заголовок, пробуждающий любопытство. Симпатичная обложка тоже не повредит.
16. Costco
Вот пример дизайна целевой страницы, который не должен работать. Он не похож на те, что мы видели раньше, но он принадлежит одной из самых успешных компаний в мире.
Использование видео здесь улучшает целевую страницу членства Costco. Видео добавляет значительный визуальный интерес к целевой странице, а также обеспечивает слуховой ввод.
17. Асана
Вот еще один пример дизайна целевой страницы, сочетающий простоту. Вместо изображения героя у нас простой белый фон. Два призыва к действию отражают друг друга, а заголовок точно объясняет, почему существует Асана.
18. HostGator
Целевая страница общего веб-хостингаHostGator великолепно разработана с множеством нарисованных от руки элементов.Он подчеркивает бизнес-план, который является самым дорогим вариантом, и его милые названия для других планов. Здесь хорошо работают цвета, призывы к действию и выделение скидок.
19. Веганское общество
Страница пожертвований для The Vegan Society использует смелые, комплиментарные цвета и убедительный язык, чтобы привлечь внимание читателя. Некоммерческая организация предлагает несколько вариантов пожертвований, которые могут увеличить конверсию.
20. Dropbox
Dropbox известен тем, что создает потрясающие целевые страницы.Сегодня я хотел выделить их относительно новую целевую страницу Dropbox для Android. Он просто и убедительно выделяет приложение и дает вам возможность попробовать его.
21. Дракон, говорящий естественно
Nuance, создатель Dragon Naturally Speaking, предлагает отличный пример дизайна целевой страницы на своей странице Dragon для ПК. Он включает в себя приятное изображение героя, простой заголовок и список УТП в основном содержании.
22. Инвестопедия
Investopedia предлагает разновидность бумажной торговой игры, которую инвесторы могут использовать, чтобы замочить ноги.Целевая страница регистрации работает очень хорошо, особенно с лентой Free to Play в правом верхнем углу. Форма короткая, и цвета прекрасно сочетаются друг с другом.
23. Фитбит
Целевая страница «что нового» для Fitbit уникальна и стильна, с несколькими категориями на выбор и элегантным сочетанием текста и иллюстраций.
Рекомендации по дизайну посадочных страниц
Теперь, когда вы увидели почти два десятка примеров дизайна целевых страниц, как вы примените эти примеры к своим собственным целевым страницам? Очевидно, вы не хотите копировать что-либо слово в слово или изображение в изображение.
Под каждым снимком экрана я назвал то, что мне понравилось в целевой странице, будь то сочетание цветов, использование призывов к действию или контент. Теперь давайте рассмотрим несколько передовых методов, которые помогут вам подойти к созданию целевой страницы с помощью своей A-игры.
Создайте лендинг для вашей целевой аудитории
Это кажется очевидным, но многие предприниматели не думают о своей целевой аудитории при разработке целевых страниц. Вместо этого они думают о том, как лучше продавать свои товары или услуги.
Это неправильное мышление.
Давайте рассмотрим два основных текста, которые помогут вам лучше понять, что я имею в виду. Прочтите обе версии и решите, какая из них, скорее всего, привлечет посетителей.
Версия 1:
«Наши виджеты — самые быстрые, легкие и многофункциональные на рынке. Они завоевали награды во всем мире и являются продуктом более 20 прототипов. Мы потратили часы на создание прототипа, чтобы предложить вам лучший виджет за ваши деньги.Возьми в руки одну прямо сейчас! »
Версия 2:
«Вы забыли запустить посудомоечную машину, составить список покупок или положить белье в машину? Ты не одинок. Мы создали виджет, который меньше дебетовой карты и позволяет устанавливать напоминания для этих и других задач. Организуйте свою жизнь, уменьшите стресс и проживите свою жизнь для более важных моментов. Получите виджет сегодня же! »
Понятия не имею, какой продукт я здесь описал, но он мне нравится.Более того, какая версия копии с большей вероятностью будет преобразована?
Версия вторая, конечно. Он ориентирован на аудиторию: решение проблем, снижение стресса и достижение целей. Первая версия была посвящена самому продукту и компании, стоящей за ним. Это не только не убедительно, но и скучно.
Помните, что никому нет дела до того, как появился ваш продукт или услуга. Они хотят знать, что это может для них сделать.
Выделите предложение визуально
Чем больше визуальное впечатление от целевой страницы, тем лучше она работает.В наши дни мы легко отвлекаемся, поэтому не будем тратить время на поиски того, чего хотим.
Обратите внимание, что на многих приведенных выше целевых страницах продаются продукты, а на самом деле показывает продукт . Даже компании SaaS создают визуальные представления того, что они продают.
Используйте изображения, иллюстрации, видео и полужирные CTA, чтобы привлечь внимание и привлечь посетителей.
Определите конкретную цель дизайна целевой страницы
У каждой целевой страницы должна быть одна конкретная цель.Дизайн должен соответствовать этой цели и помочь убедить посетителей совершить конверсию.
Допустим, вы продаете очень простой инструмент SaaS, который решает небольшую проблему. Он крошечный, но по-своему могущественный.
Вы можете выбрать упрощенный дизайн, ориентированный на то, чтобы люди могли регистрироваться как можно быстрее и проще. Используйте маркированный список, чтобы выделить лучшие характеристики продукта.
Выберите один из лучших инструментов для целевой страницы
Инструменты могут сделать вашу жизнь намного проще.Инструмент целевой страницы позволяет вам создать желаемый дизайн с меньшим напряжением и без знаний программирования.
Unbounce, GetResponse и MailChimp — хорошие примеры. Попробуйте несколько, прежде чем выбрать тот, который подходит для вашего бизнеса.
Узнайте, как понять, что работает, а что нет.
Когда вы создаете свою целевую страницу, вы вздыхаете с облегчением. Работа сделана, да?
Это далеко не так.
После того, как вы построите лендинг, вам нужно следить за ним.Используйте такие инструменты, как Google Analytics и Crazy Egg, чтобы выяснить, насколько хорошо ваша целевая страница работает с вашей аудиторией. Куда переходят посетители? Как долго они остаются на странице? Они кажутся сбитыми с толку или расстроенными?
Записи — отличный способ наблюдать за движениями мыши и другими взаимодействиями на вашей странице. Вы можете видеть, пропускает ли посетитель вашу форму регистрации или не замечает ваш CTA. Кроме того, вы увидите последнее взаимодействие перед тем, как посетитель либо совершит конверсию, либо уйдет.
Инструменты поведения пользователей одинаково полезны, потому что они визуально представляют взаимодействия ваших посетителей.Чем больше вы тестируете, тем больше данных собираете. Последовательно запускайте записи и инструменты поведения пользователей, чтобы вы могли быстро настроить и избежать пропущенных конверсий.
Заключение
Примеры дизайна посадочных страниц могут дать вам вдохновение, необходимое для украшения ваших собственных целевых страниц — или в первую очередь для их создания. Я работал со многими компаниями, у которых были целевые страницы, но мне не удалось их оптимизировать.
Проверьте целевые страницы, которые я выделил выше, создайте свою собственную и следите за ее успехом.Каждая эволюция приближает вас к вашим целям конверсии, если вы обращаете внимание на данные.
Последние сообщения Нила Пателя (посмотреть все)34 лучших примера целевых страниц 2020 года для вашего файла Swipe
Вот наш исходный принцип:
Отточенная профессиональная целевая страница может повысить коэффициент конверсии. (А грязный может им навредить.)
Довольно просто, правда? Вы наверняка слышали нечто подобное раньше. Но что, черт возьми, значит быть «отполированным» и «профессиональным» на целевой странице? А когда дело доходит до конверсий, какой магический x-фактор отличает исключительных маркетологов?
Помня об этих вопросах, мы хотим показать несколько свежих примеров целевых страниц, чтобы вдохновить вас на следующее творение.Продолжайте и сохраняйте их самые умные, гладкие и мгновенные элементы для своего файла смахивания.
На всем протяжении мы будем предлагать сертифицированный Unbounce взгляд на то, что делает каждую страницу такой чертовски хорошей, и, иногда, как каждую из них можно улучшить. (Между прочим, большинство из них также было создано с помощью Unbounce Builder.) Поехали.
Что делает целевую страницу эффективной?
Прежде чем переходить к примерам, стоит выделить некоторые качества, которые присущи большинству хороших целевых страниц.(У вас нет на это времени? Забегайте вперед и рассмотрим лучшие примеры целевых страниц.)
Вот несколько основных приемов создания целевых страниц с высокой конверсией:
- Используйте четкое и краткое изложение ценности (вверху страницы) посетители сразу понимают цель вашей страницы.
- Сопоставьте свой основной заголовок с объявлением, которое ваш посетитель нажал, чтобы попасть на страницу в первую очередь (или, например, кнопку электронного письма с призывом к действию).
- Включите социальные доказательства и отзывы в подтверждение своих требований.
- Сосредоточьте всю страницу на одном предложении с помощью всего лишь одного основного призыва к действию (CTA).
- Используйте макет, ориентированный на конверсию, чтобы выделить ваш CTA (подумайте о пробелах, цвете, контрасте и указателях направления).
- Проверяйте новые идеи с помощью A / B-тестирования. Иногда то, что работает, вас удивит.
Не уверены, что ваши целевые страницы попадают в цель? Попробуйте Unbounce’s Landing Page Analyzer, чтобы получить индивидуальный контрольный список тактик, которые могут повысить конверсию на ступеньку выше.
Лучшие примеры целевых страниц [Обновлено на 2020 год]
- Netflix (SaaS: развлечения)
- LinkedIn (SaaS: профессиональные услуги)
- Goby (электронная торговля: здоровье и благополучие)
- DoorDash (SaaS: доставка еды)
- SEM Rush (SaaS: маркетинг)
- Coco Village (электронная торговля: мебель)
- Grass Roots (электронная торговля: продукты питания и питание)
- Amazon (SaaS и электронная торговля)
- Филиальная мебель (электронная торговля: мебель)
- Western Rise ( Электронная торговля: одежда и одежда)
- Университет Атабаски (образование)
- Бариатрическое питание (продукты питания и питание)
- blow LTD.(Красота)
- Blue Forest Farms (электронная торговля: каннабис)
- Border Buddy (путешествия и доставка)
- Bouquet Bar (электронная торговля: велнес и подарки)
- Campaign Monitor (SaaS: маркетинг)
- Class Creator (SaaS: Education )
- Fast Mask (электронная торговля: одежда и одежда)
- Good Eggs (электронная торговля: еда и питание)
- HomeLoanGurus (SaaS: финансы и страхование)
- Jet Pet (услуги для домашних животных)
- Mooala (электронная торговля: еда и питание) )
- NANOR (электронная торговля: здоровье и подарки)
- Panda7 (SaaS: финансы и страхование)
- Pared (SaaS: рестораны и персонал)
- Perfect Keto (электронная торговля: продукты питания и питание)
- Twinwoods Adventure (путешествия и отдых) )
- Roomeze (SaaS: недвижимость)
- Smalls (электронная торговля: еда и питание)
- Sundae (SaaS: недвижимость)
- Wavehuggers (путешествия и отдых)
- Woolx (электронная торговля: одежда и одежда)
- Zumba (Здоровье и фитнес)
1.Netflix
Изображение с Netflix. (Щелкните, чтобы увидеть все.)
Помните, когда вы впервые услышали о Netflix? Служба потоковой передачи казалась слишком хорошей, чтобы быть правдой с неограниченным количеством фильмов и телешоу менее чем за 10 долларов в месяц. Что за убийственное ценностное предложение … неудивительно, что они вытеснили конкуренцию из бизнеса. (RIP, Blockbuster.) Эта целевая страница усиливает эти наиболее важные преимущества, не делая ее слишком сложной или трудной для регистрации. И, очевидно, эта стратегия работает — недавние отчеты показывают, что у Netflix в настоящее время более 192 миллионов подписчиков по всему миру.
Отрасль: SaaS / Развлечения
Почему это вдохновляет…
- One-field Form — большая устрашающая форма на этой странице может легко отпугнуть людей, не разбирающихся в технологиях. Но Netflix хочет обратиться ко всем * и * их бабушкам и дедушкам. Вот почему они делают первый шаг очень простым — просто введите свой адрес электронной почты, чтобы начать.
- Раскрывающийся список часто задаваемых вопросов — За прошедшие годы Netflix несколько раз поднимал цены.Вот почему они переместили эту часть своего ценностного предложения в раскрывающийся список часто задаваемых вопросов внизу страницы. Они все еще сообщают вам эту информацию на странице, чтобы вы не нажимали на нее, но они больше не придают этому большого значения.
- Краткий контент — Хотя многие шоу Netflix долго разматываются, вы можете переварить эту целевую страницу всего за несколько секунд. Здесь меньше 200 слов текста, и каждое пособие содержит только пару строк вспомогательного текста.Это разумно, поскольку, согласно отчету о конверсии за 2020 год, целевые страницы медиа и развлечений, содержащие менее 350 слов, обычно лучше конвертируются.
2. LinkedIn
Изображение из LinkedIn. (Щелкните, чтобы увидеть все.)
В наши дни профиль LinkedIn есть почти у всех, но только люди, серьезно настроенные на продвижение своей карьеры, подписались на LinkedIn Premium. На этой целевой странице подчеркиваются преимущества обновления вашей учетной записи специально для соискателей, которые хотят выделиться на рынке труда.(Потому что, видимо, совета моего отца о крепком рукопожатии и постоянном зрительном контакте уже недостаточно? Кто знал.)
Отрасль: SaaS / профессиональные услуги
Почему это вдохновляет…
- Люди по продукту — В SaaS всегда сложно найти баланс между тем, нужно ли сначала показывать снимок экрана своего продукта или фотографию покупателя, который на самом деле его использует. Вот почему мне очень нравится подход, который применяет здесь LinkedIn, смешивая индивидуальные фотографии улыбающихся соискателей (кто так счастлив, когда они подают заявку на работу ?!) с 3D-изображениями, демонстрирующими функции Premium.Поистине лучшее из обоих миров.
- Ссылки для перехода — Для более длинных целевых страниц, подобных этой, может быть полезно разместить якорные ссылки вверху страницы. Таким образом, посетители могут сразу перейти к наиболее интересным для них частям.
- Мощная статистика — На этой странице нет реальных социальных доказательств (было бы неплохо увидеть отзыв пользователя LinkedIn Premium), но есть мощный бит данных. «InMail в 2,6 раза эффективнее одной электронной почты». Это ОГРОМНО для соискателей, которые хотят связаться с менеджерами по найму или рекрутерами, и я предполагаю, что это, вероятно, одна из основных причин, по которым посетители подписываются на Премиум.Я бы порекомендовал провести A / B-тест, чтобы убедиться, что добавление этой статистики в заголовок страницы приведет к дальнейшему увеличению конверсии.
3. Бычок
Изображение любезно предоставлено Гоби. Щелкните, чтобы увидеть все.«Чистка безупречна». Это то, что обещает эта целевая страница от Goby вверху, давая посетителям уверенность и любопытство для перехода по ссылкам. Их удостоенная наград электрическая зубная щетка не только заслужила впечатляющие отзывы, но также доступна по цене и имеет гарантию возврата денег.Теперь это стоит улыбки!
Отрасль : Стоматология
Почему это вдохновляет…
- Анатомия зубной щетки: Ознакомьтесь с разделом страницы, в котором разбирается каждый элемент зубной щетки. Вместо того, чтобы просто рассказывать об этих особенностях в тексте, посетители могут собственноручно увидеть «Мягкую щетину высшего качества» и «Колеблющуюся насадку щетки».
- Сообщение о социальном воздействии: Покупатели все чаще хотят поддерживать бренды, которые соответствуют их ценностям и приносят пользу сообществу.Вот почему мы копаем в нижней части страницы раздел, в котором рассказывается, как Гоби жертвует процент от каждой продажи программе Global Student Outreach Стоматологического колледжа Нью-Йоркского университета.
- Фото в Instagram: На странице есть множество отличных социальных доказательств, но карусель фотографий из Instagram внизу действительно ставит вишенку наверх. Мало того, что каждое изображение каким-то образом заставляет зубную щетку выглядеть прямо модно , но и ручки Instagram также прямо здесь, если вы хотите лично увидеть, что сказал каждый влиятельный человек.Отлично!
4. DoorDash
Изображение от DoorDash. (Щелкните, чтобы увидеть все.)
Доставка еды — это большой бизнес, и такие компании, как DoorDash, используют целевые страницы, чтобы привлечь больше водителей, подписавшихся на их услуги. Эта страница поможет вам представить себе, как это будет доставить еду, чтобы заработать на жизнь, и подчеркнет, сколько денег вы можете заработать на своем новом постоянном концерте или подработке.
Отрасль: SaaS / Доставка еды
Почему это вдохновляет…
- Заголовок, сфокусированный на вас — В чем самое большое преимущество доставки еды? Дело не в том, что вы узнаете все короткие пути в вашем городе, и не в том, что ваш автомобиль пропитан восхитительным запахом еды (10 лет спустя, а моя машина все еще пахнет пиццей пепперони).Самое большое преимущество — это свобода, которую вы получаете. Вы можете работать в свое свободное время и быть хозяином самому себе. И эта целевая страница передает это чувство прямо в заголовок.
- И все дело в деньгах — Если свобода — это главное преимущество работы водителем DoorDash, то другим преимуществом должны быть деньги. Посмотрите на график, на котором показан ваш потенциальный еженедельный доход. (Неплохо для езды по городу с несколькими тако в багажнике!)
- Квалификационные требования — DoorDash не хочет, чтобы все претендовали на должность и перегружали свой отдел кадров.Вот почему они стараются перечислить требования здесь, на первой странице процесса регистрации. Так что, если у вас нет машины или вам еще не исполнилось 18 лет, вы знаете, что не стоит надеяться.
5. SEM Rush
Изображение из SEM Rush. (Щелкните, чтобы увидеть все.)
Если вы специалист по цифровому маркетингу, вы, вероятно, уже знакомы с SEM Rush. Их платформа предлагает универсальный набор инструментов для SEO, контент-маркетинга, PPC, социальных сетей и исследования рынка.Но вместо того, чтобы пытаться продать вам все эти вещи одновременно, эта целевая страница сужает свое внимание только к одному: как вы можете использовать их платформу, чтобы узнать больше о своих конкурентах.
Отрасль: SaaS / маркетинг
Почему это вдохновляет…
- Ультра-убедительный CTA — CTA на этой странице отражает врожденное желание каждого маркетолога шпионить за конкурентами. (Подождите, это только я?) В форме с одним полем вас попросят ввести * любое * доменное имя перед тем, как вам будет предложено нажать большую кнопку и «Получить статистику.И вспомогательный текст в разделе героев действительно помогает понять идею: «Посмотрите, откуда идет их трафик и насколько вовлечены их пользователи».
- Сильное социальное доказательство — Эта целевая страница соответствует практически всем типам социальных доказательств. Панель с логотипами узнаваемых брендов? Проверять. Отраслевые награды и достижения? Проверять. Отзывы реальных маркетологов? Проверять. А если и этого было недостаточно, внизу есть карусель твитов, демонстрирующих недавнюю болтовню о платформе в Интернете.
- Информация для аудитории, копия . Чтобы создать целевую страницу с высокой конверсией, вы должны знать свою аудиторию и рассказывать о преимуществах, которые для нее важнее всего. Текст здесь фокусируется на больших данных и алгоритмах машинного обучения, потому что они нужны маркетологам, ориентированным на данные. Умная.
6. Coco Village (Агентство: J7 Media)
Изображение любезно предоставлено Coco Village и J7 Media. Щелкните, чтобы увидеть все.Даже будучи взрослым взрослым мужчиной, я все еще визжал от восторга, когда увидел некоторые из кроватей и комплектов постельного белья на этой целевой странице для Coco Village.(Двухъярусная кровать в домике на дереве ?! Мой внутренний ребенок умирает от зависти.) Маркетологи J7 Media, рекламного агентства Facebook, проделали феноменальную работу, продемонстрировав на этой целевой странице коллекцию различных продуктов, но при этом сосредоточив внимание на ней. единственная цель по кликам.
Промышленность : Постельное белье
Почему это вдохновляет…
- Сосредоточьтесь на продаже: Когда вы предлагаете большую распродажу или скидку, вы хотите, чтобы * все * знали об этом. И посетители этой целевой страницы не могут пропустить тот факт, что они предлагают «Скидка 50% на кровати и комплекты постельного белья.Это не только основной заголовок, но он также повторяется под каждым продуктом при каждом призыве к действию. Они даже вычеркивают первоначальные цены, чтобы показать, сколько денег вы сэкономите. Отлично!
- Демонстрирует товары: С целевыми страницами электронной коммерции не всегда лучший выбор сосредоточиться только на одном продукте или элементе. На этой странице показано, как можно продемонстрировать посетителям несколько различных вариантов, но при этом сосредоточить их внимание на одной цели CTA.
- Дополнительные продукты: Хорошо, может быть, вы похожи на меня и думаете, что кровати выглядят круто, но сейчас вам не нужна одна из них.Именно тогда на странице появляется несколько очаровательных подушек, выставленных на продажу по гораздо более низким ценам. (Я могу покупать или не покупать ту, которая выглядит как улитка для себя.)
7. Grass Roots (Агентство: MuteSix)
Изображение любезно предоставлено Grass Roots и MuteSix. Щелкните, чтобы увидеть все.Растет спрос на мясо травяного откорма, и именно здесь эта целевая страница от Grass Roots Farmers ’Cooperative и агентства MuteSix дополняется. Прокручивая страницу, вы попадаете на полный путь клиента — от осознания проблемы (понимание того, почему мясо травяного откорма лучше), через рассмотрение (понимание того, почему вы должны выбрать Grass Roots в качестве поставщика белка) до принятия покупка («Получите скидку 30 долларов»).
Industry : Food and Nutrition
Почему это вдохновляет…
- Видеообзор: Вверху страницы находится минутное видео с участием основателя и генерального директора Bulletproof Дэйва Эспри. В нем объясняется, насколько сложно найти высококачественное мясо травяного откорма и почему Дэйв использует корни травы для мяса, которое он не может найти в продуктовом магазине. Это задает тон остальной части страницы и настроит вас на совершение покупки.
- Подход к повествованию: Вся страница использует повествование аналогичным образом, действительно побуждая вас покупать больше мяса травяного откорма в качестве образа жизни. Прокручивая страницу, вы невольно чувствуете, что упускаете этот более полезный (и более вкусный) вариант из говядины, курицы и бекона.
- Сильное социальное доказательство: Эта страница не только демонстрирует, что Grass Roots является единственной компанией по доставке мяса, одобренной Bulletproof, но и способствует тому, что у них более 500 5-звездочных отзывов и 7000 довольных клиентов.(«У меня будет то, что у них есть».)
8. Amazon
Изображение с Amazon. (Нажмите, чтобы увидеть все.)
Вот целевая страница, на которой на бумаге вообще не работает. Цвета здесь невероятно разрозненные. Есть несколько разных художественных стилей. Кажется, что контент повсюду. Черт возьми, на странице даже есть несколько ссылок на другие страницы и точки выхода. (Ужас!) Но Amazon каким-то образом удается уйти от ответственности, нарушив все эти правила, потому что они знают, что их предложение слишком хорошее, чтобы отказаться от него.
Отрасль : электронная торговля / SaaS
Почему это вдохновляет…
- Иерархия интеллектуальных преимуществ — Спросите людей, почему они подписываются на Amazon Prime, и они ответят вам в том же порядке, в котором эти разделы появляются в целевая страница. Бесплатная доставка — главное преимущество, за которым следует Prime Video. Остальные являются бонусами, поэтому они отображаются как надстройки по мере продвижения вниз по странице. (А поскольку средняя глубина прокрутки составляет всего около 50%, разумно размещать самые важные вещи в верхней половине страницы.)
- CTA с переходом по клику — Считаете ли вы это страницей SaaS или страницей электронной коммерции, маркетологи Amazon сделали правильный выбор, чтобы использовать CTA с переходом по клику вместо того, чтобы встраивать форму на страницу. Согласно отчету о конверсии за 2020 год, призывы к действию по клику лучше работают в обеих этих отраслях.
9. Мебель для филиалов
Как человек, которому недавно пришлось обставлять домашний офис, я точно знаю, насколько сложно найти в Интернете столы, стулья и столы, которые вам нравятся.(И это было только для одного человека!) Branch Furniture понимает, что это может быть проблемой для офис-менеджеров, поэтому их целевая страница сразу убеждает вас, что вы находитесь в нужном месте. Их услуги позволяют быстро и легко разработать, доставить и установить вашу офисную мебель.
Промышленность : Офисная мебель
Почему это вдохновляет…
- Яркий заголовок: «Офисная мебель — это просто». Всего в четырех словах вы понимаете, на кого нацелена эта целевая страница и каково их уникальное торговое предложение (УТП).Вы же не хотите строить 100 рабочих столов для своего нового офиса в стиле Ikea, используя только торцевой ключ и мечту. Кажется, гораздо лучше позволить Branch Furniture позаботиться обо всех этих деталях за вас.
- Умная копия CTA: Хотя на странице есть несколько кнопок CTA, все они в конечном итоге ведут вас в одно и то же место. Замена копии — это умный способ помочь посетителям визуализировать следующие этапы процесса, независимо от того, хотите ли вы «спроектировать мой офис» или изучить конкретный продукт.
- Консультация специалиста: Необязательно обставлять офис в одиночку. На целевой странице подчеркивается, что это совместный шоппинг с бесплатной консультацией по дизайну и включенной платой за установку.
10. Western Rise
Изображение любезно предоставлено Western Rise. (Щелкните, чтобы увидеть все.)Иногда, готовя такой кусок, как этот, вы в конечном итоге покупаете продукт. Я очень, очень близок к тому, чтобы нажать на курок пары штанов Western Rise AT Slim Rivet Pants.И почему бы нет? Эта четкая целевая страница быстро устанавливает привлекательность продукта благодаря визуальным эффектам и тексту, подчеркивающим преимущества этих «приподнятых» брюк. Может, пора вообще отказаться от моих потрепанных джинсов.
Отрасль: Clothier
Почему это работает…
- Смелое изображение: Эти штаны могут быть сделаны вручную в Лос-Анджелесе, но многие из фотографий здесь (включая снимок героя) кричат о Бруклине. Легко представить, что вы носите брюки AT Slim Rivet, когда протягиваете свой фикс в пробках, балансируя латте на руле по дороге на шикарную коктейльную вечеринку на крыше.
- Подчеркивая преимущества: Я никогда не думал, что буду писать об общих болевых точках, связанных с ношением брюк, но вот мы и пришли. На этой целевой странице Western Rise обращается ко всем. Джинсы рвутся и склонны к перегреву. Чиносы пачкаются и мнутся. Брюки классические для квадратов, мужик. Обещая универсальность («брюки на весь день, на каждый день») и сохраняя преимущества заранее, Western Rise предлагает решение проблемы, о которой вы даже не подозревали.
- «Технические характеристики»: Хотя здесь демонстрируется умная копия, Western Rise чрезвычайно прямолинейно описывает особенности брюк AT Slim Rivet в разделе «Технические характеристики» на странице.Они четко и лаконично предоставляют точную информацию о материалах («Прочный нейлоновый холст» и «Складывающаяся промежность») и дизайне («Карман для носителей» и «Расширяемый низ»).
11. Университет Атабаски
Изображение любезно предоставлено Университетом Атабаски. (Щелкните, чтобы увидеть все.)Университет Атабаски впервые применил дистанционное образование в Канаде в 1970-х годах. Сегодня он использует целевые страницы для продвижения своих инициатив по онлайн-регистрации, включая этот пример, представляющий его 14 программ сертификации.Это разумный выбор, поскольку целевые страницы позволяют AU сосредоточить внимание посетителя на определенной части его многочисленных предложений онлайн-программ.
Отрасль: Образование
Почему это вдохновляет…
- Умная копия: Возможно, стоит протестировать более прямой заголовок, но копия здесь соответствует другим инициативам по брендингу школы в других местах. К тому же он очень острый. Цель ясна: люди, которые могут продолжить свое образование, но не чувствуют, что у них есть время для этого.На этой целевой странице сказано иное (словами и изображением героя).
- Копия, ориентированная на вас: Эта страница посвящена мне (или, ну, «вам»), а не «Великому и могущественному» университету Атабаски. Маркетологи, работающие в сфере образования, понимают необходимость апеллировать к личным интересам лучше, чем многие их коллеги из других отраслей, которые могут похвастаться. Я не уверен, какая часть иерархии потребностей Маслоу требует от технических специалистов, но AU добивается большего успеха, апеллируя к желанию самореализации.
- Отзывы: Немного вдохновения никогда не помешает. Здесь социальное доказательство показывает пути к личному успеху до того, как люди сделают значительные инвестиции. Я хотел бы проверить, не дает ли здесь удвоение еще лучших результатов. Повышение наглядности каждого отзыва и предложение чуть большего количества биографий — наряду с портретами для их очеловечивания — могло бы дать небольшой толчок. (Конечно, может и нет. Но именно поэтому мы тестируем!)
- Z-шаблон: Эта страница является классическим примером работы Z-шаблона.То есть его визуальная иерархия использует то, как люди обычно сканируют веб-страницу. В этом случае взгляду предлагается перейти от логотипа Университета Атабаски к их слогану («Открыто. Гибкость. Везде»), затем по диагонали через заголовок к подтверждающей копии и, наконец, прямо к призыву к действию. (Пау!) Другие визуальные очереди также побуждают глаз опускаться (в том числе, ловко, заостренный кончик гребня Атабаски).
12. Bariatric Eating (Агентство: Lifestyle Collective)
Вот страница Bariatric Eating, которая показывает, почему индивидуальность и стиль так важны для вашей целевой страницы.Вы можете легко представить себе версию этой кампании, которая выглядит более клинической и научной, но маркетологи из Lifestyle Collective наделили ее ярким и дружелюбным дизайном, чтобы сделать ее предмет более доступным. Подход, похоже, тоже работает… У этой страницы впечатляющий коэффициент конверсии — более 39% .
Industry : Food and Nutrition
Почему это вдохновляет…
- Красочный дизайн : Игривый дизайн распространяется на каждый элемент страницы.Выбор шрифта, иллюстрации, цвета — все сочетается таким образом, чтобы полностью соответствовать индивидуальности их бренда.
- Генерация лидов по SMS: Чаще всего целевые страницы лидов используются для сбора адресов электронной почты посетителей. Вместо этого на этой странице запрашивается номер вашего мобильного телефона, чтобы они могли отправить вам текстовый план в формате PDF. Это кажется умным (и уникальным) способом наладить прямую связь с вашими потенциальными клиентами.
- Сворачиваемый FAQ : Как сделать так, чтобы на целевой странице было достаточно информации, чтобы не перегружать посетителей? Скрытие некоторых из самых многословных разделов с помощью скользящей кнопки может помочь сохранить порядок и порядок.(Прочтите этот пост в сообществе Unbounce, чтобы узнать, как сделать складные разделы на своих целевых страницах.)
13. blow LTD.
Изображение любезно предоставлено blow LTD. (Щелкните, чтобы увидеть все.)Если вы посмотрите мимо шумной вещи «Uber for beauty», британский бренд blow LTD. решает настоящую проблему способом genius . Они предлагают доступные профессиональные косметические услуги, которые приходят к вам, и, что более важно, вы можете записаться на прием к одному из их профессионалов прямо из их приложения.Целевые страницы — важная часть стратегии их кампании. Например, этот пример умно продвигает наращивание ресниц в домашних условиях.
Отрасль: Красота
Почему это вдохновляет…
- Совершенно ясное заявление о ценности: Эта целевая страница не лишена симпатичного текста (например, «Глаза, которые поражают»). Вместо этого он четко формулирует предложение и полагается на ценность (и, возможно, немного новизны), чтобы привлечь потенциальных клиентов.Обещание не может быть более однозначным, чем «Наращивание ресниц в домашних условиях», и именно поэтому этот заголовок так эффективен.
- Промокод: Предоставление промокода посетителям делает выигрыш еще более приятным, но это также дает нечто большее. Призыв к действию («Закажите наращивание ресниц») перенаправляет на их основной веб-сайт, где они могут отвлечься или расстроиться. Акция дает дополнительную мотивацию, чтобы посетители могли совершить бронирование. Хотите эту экономию? Тогда тебе лучше использовать этот код, пока ты не забыл.
- Социальное доказательство: Понятно, что люди разборчивы в том, кто делает им прически и макияж, поэтому предоставление социальных доказательств является обязательным. Отзывы здесь были отобраны, чтобы подчеркнуть индивидуальный характер опыта. С ударом ООО. работает только в том случае, если потенциальные клиенты чувствуют, что могут доверять своим профессионалам, поскольку социальное доказательство помогает гуманизировать услуги и начать строить отношения.
- Простые шаги: Глядя дальше вниз по странице, мы можем остановиться на разделе «Как это работает».В этом пост-Uber-мире услуга, предлагаемая blow LTD. довольно легко понять, так зачем включать его трехступенчатую разбивку? Но в том-то и дело. Эта целевая страница включает эти шаги, чтобы подчеркнуть эту простоту. Я имею в виду, давай, третий шаг — «Сядь поудобнее и расслабься». Я могу это сделать.
- Тонкое продвижение приложения: Вместо того, чтобы агрессивно направлять посетителей в приложение, целевая страница заканчивается нежным напоминанием о том, что вы можете загрузить приложение на свой iPhone или Android.(Я бы протестировал мобильный вариант CTA, который идет прямо в приложение.) Некоторые люди наверняка будут в восторге от бронирования с помощью blow LTD. в пути, но посетители не испытывают особого давления, чтобы вытащить смартфон. Как только посетитель конвертируется, у него появится множество других возможностей подключить его к приложению.
14. Blue Forest Farms (Агентство: Champ / Cannabis Creative)
Изображение любезно предоставлено Blue Forest Farms. (Щелкните, чтобы увидеть все.)Нам нравится этот невероятный дизайн для Blue Forest Farms от Champ и Cannabis Creative.Фермеры, выращивающие коноплю, иногда не могут оторваться от культуры каннабиса. (Краски для галстука, вода из бонга и этот странный запах, исходящий из фургона вашего старшего брата.) Но эта звездная целевая страница B2B требует модернизированного и, смеем сказать, взрослого подхода к оптовой продаже экстрактов конопляного масла. От чистого дизайна до убедительной копии, он убедительно свидетельствует о том, что это отрасль, к которой нужно относиться серьезно.
Отрасль: Конопля
Почему она вдохновляет…
- Экспертная копия: В отличие от целевых страниц B2C, эта страница обращается к профессиональной аудитории.Под этим я подразумеваю людей, которые знают, что значит, когда растительный экстракт содержит «натуральные терпены» и был «декарбоксилирован». Мы можем предложить использовать более эффектный заголовок, но оптовики, вероятно, хорошо осведомлены о преимуществах. Переход к делу не может быть плохим.
- «Усовершенствованный» подход: Blue Forest Farms продает конопляное масло в нескольких штатах, от сырой нефти до готовых к продаже продуктов white label. Помимо простого перечисления этих вариантов, эта целевая страница описывает процесс, посредством которого их конопля очищается, подчеркивая заботу и мастерство, которые в этом заключаются.
- Низкоинтенсивный генератор лидов: Я видел более короткие формы, но генерация лидов здесь относительно проста для B2B. (Они могут протестировать включение имени и фамилии в одно и то же поле и изменить часть языка.) Разумно оставить дополнительное поле для дополнительных примечаний, поскольку оптовые сделки намного сложнее, чем большинство других.
- Простой дизайн: Разговор, который должен происходить оптом, выходит за рамки одной целевой страницы. Вместо того, чтобы втиснуть слишком много информации на страницу, Blue Forest Farms делают ее краткой и приятной, чтобы как можно скорее поощрять контакт.
15. Border Buddy
Изображение любезно предоставлено Border Buddy. (Щелкните, чтобы увидеть все.)Вы когда-нибудь пытались пересечь границу с 10-фунтовым колесом Висконсинского чеддера, привязанным к пассажирскому сиденью (и замаскированным под вашу жену)? И я нет. Но если бы я это сделал, я бы хотел, чтобы Border Buddy остался позади. Эта целевая страница работает, вызывая общие тревоги, а затем предлагая их без суеты.
Отрасль: Таможня
Почему это работает…
- Представление проблемы: Заголовок начинается с боли и незащищенности («Импорт и экспорт — это сложно»), с которой любой посетитель, попавший на эту целевую страницу, кампания PPC, вероятно, будет ощущаться.Однако важно то, что обещание решения проявляется с такой же ясностью в верхней части: «Мы делаем за вас самую сложную часть», — говорит Бордер Бадди. Идеально.
- Простота: Перенос ваших покупок через границу может стать очень запутанным, поэтому очень важно поддерживать чистоту этой целевой страницы. Здесь нет больше информации, чем то, что вам нужно знать. Никакого юридического языка. У вас будет таможенный брокер, который будет заботиться обо всех этих мелких деталях за вас.
- Скорость: В Unbounce мы можем многое сказать о влиянии скорости страницы на коэффициент конверсии.Но Border Buddy уже впереди всех в этом вопросе. На мобильных устройствах целевой странице требуется менее трех секунд, чтобы отобразить первую значимую отрисовку. Border Buddy не перегружает страницу ненужными медиа или скриптами, обеспечивая немедленное взаимодействие с посетителями. (Подготовка SVG-версии своего логотипа может сократить несколько килобайт и без того очень скудной страницы.)
- Неожиданная динамичность: Иногда маркетологи связывают стремление к более высокой скорости с необходимостью жертвовать визуальной привлекательностью целевой страницы .Этот пример от Border Buddy показывает, что этого не должно быть. Они тщательно подобрали шрифт, макет и визуальные эффекты, чтобы добиться максимального воздействия и усилить брендинг (не отвлекая посетителей).
- F-шаблон: Как и Z-шаблон, макет F-шаблона имитирует то, как наши глаза двигаются по экрану, когда мы смотрим на контент. Это снижает когнитивную нагрузку и гарантирует, что ключевые элементы сообщения (включая призыв к действию) расположены в наиболее заметных местах.
16. Bouquet Bar (Агентство: Power Digital Marketing)
Изображение предоставлено Bouquet Bar. (Щелкните, чтобы увидеть все.)Power Digital Marketing создал эту великолепную целевую страницу для Bouquet Bar. Хотя другие целевые страницы ориентированы на определенные праздники, здесь говорится, что вам не нужен повод, чтобы побаловать того, кого вы любите (или, знаете, нужно произвести впечатление) букетом. Вы можете сделать это «Просто потому, что». Райан Пикардал, дизайнер, который работал над этим, описывает их цели:
Для относительно нового бренда наша команда осознала, что нам нужно извлекать выгоду не только из увеличения продаж с этих целевых страниц, но и за счет расширения их аудитории.Чтобы достичь этого, нам нужно было сосредоточиться на том, чтобы во главу угла ставить соблазнительные сообщения и изображения, а также сделать так, чтобы все ключевые преимущества, предоставляемые Bouquet Bar, были четко видны и привлекали внимание.
Сфера деятельности: Флорист / Подарки
Почему это работает…
- Выберите свое собственное приключение: Хотя важно сохранять фокус, иногда один призыв к действию не совсем отражает типы посетителей вашего целевая страница получает.В этих случаях может быть весьма эффективным предоставить несколько вариантов. Для покупателей, которые хотят создать что-то личное, первый призыв к действию предлагает вам создать свой собственный букет. Но для тех, у кого мало времени или воображения, «тщательно подобранные подборки» — это кратчайший путь к празднованию важного человека или события.
- Просто потому: 75% роз, продаваемых в США, покупают мужчины на День святого Валентина. И 25% всех взрослых сообщают, что покупают цветы в качестве подарков на День матери. Скорее всего, в эти два дня Bouquet Bar ведет значительный объем бизнеса, но сообщения «просто потому, что» здесь приглашают к работе в течение остальных 363 дней в году.
- Правильная цветовая палитра: Этот момент затрагивает общий бренд Bouquet Bar, но на него стоит обратить внимание в контексте страницы «Просто потому». Оранжевый, особенно глубокий оттенок, который они выбрали, гармонирует с теплым и утонченным характером бренда. Многие из того, что называют психологией цвета, довольно сомнительны — использование розового не сделает ваше похоронное бюро более веселым, — но акценты здесь определенно поддерживают идентичность, которую хочет создать Bouquet Bar.
- Яркая фотография: Галерея помогает контекстуализировать продукт как «выражение любви, благодарности и дружбы», демонстрируя людей, получающих подарок. Изображения людей могут более эффективно вызывать эмоции, чем слова, поэтому такая компания, как Bouquet Bar, имеет смысл использовать их здесь. Фотографии также, гораздо более практично, демонстрируют масштаб. Это может стать серьезной проблемой при покупке незаметных продуктов. Это отличный урок для всех, кто занимается электронной коммерцией.
17.Campaign Monitor (Агентство: ConversionLab)
Вот целевая страница SaaS, которая все правильно понимает. Эта страница для платформы электронного маркетинга Campaign Monitor, созданная опытными маркетологами из ConversionLab, объединяет многие передовые методы работы с целевыми страницами, которые помогают повысить коэффициент конверсии. Он включает четкую, убедительную копию. (Проверить.) Он включает подлинное социальное доказательство. (Проверьте.) И он сосредоточен на единственной действенной цели: «Создайте свое первое электронное письмо в формате HTML прямо сейчас». (О, детка, проверьте.)
Industry : SaaS
Почему это вдохновляет…
- Сильный, конкретный CTA: Я знаю, что мы уже упоминали об этом выше, но насколько хороша эта основная кнопка CTA? Здесь нет «Узнать больше» или «Начать».Вместо этого это «Создайте свое первое электронное письмо в формате HTML прямо сейчас». Копия настолько конкретна и незамедлительна, что вы точно знаете, что произойдет, когда вы перейдете на следующую страницу. (А копия обработки возражений внизу делает его еще сильнее.)
- В первую очередь сосредоточьтесь на людях: В SaaS так легко просто выбрать снимок экрана программы и сделать его своим героем. Но всегда стоит попробовать вариант и с реальными фотографиями людей. Это может помочь вам проникнуться эмоциями ваших посетителей и иногда повысить вероятность их конверсии.
- Одно единственное сообщение — Обратите внимание, сколько раз на странице появляются слова «электронные письма в формате HTML»? Сосредоточившись на этой единственной цели (и используя их в качестве ключевых слов для своих рекламных кампаний PPC), вы можете увеличить свои шансы на создание страницы с высокой конверсией.
18. Class Creator
Изображение любезно предоставлено Class Creator. (Щелкните, чтобы увидеть все.)Class Creator из Австралии использует эту целевую страницу Unbounce, чтобы проникнуть на рынок США (и, надеюсь, помочь компании найти партнеров в США), когда школа находится между занятиями в своей стране.На странице демонстрируются многие функции продукта, а также основные преимущества. Он нацелен на руководителей высокого уровня, которым перед покупкой нужно как можно больше информации.
Отрасль: Образование / SaaS
Почему это работает ..
- Нарушение правил: Я знаю, что вы собираетесь сказать. «Это не целевая страница. Это домашняя страница. Это нарушает все правила. Вы только посмотрите на эту панель навигации! Посмотрите на все эти разные ссылки. Коэффициент внимания вышел из-под контроля! » Ворчать, ворчать, ворчать.Но здесь есть урок для тех, кто ищет вдохновение для целевой страницы: оставайтесь гибкими . Тим Боуман, генеральный директор Class Creator, сказал мне, что эта домашняя страница добилась большего успеха, чем традиционная целевая страница, ориентированная на конверсию. Я хотел включить это здесь как пример того, что вы можете сделать.
- Плавающая панель навигации: Если вам необходимо добавить панель навигации, лучше всего держать ее на виду. Это также позволяет Class Creator держать основной призыв к действию («Демо-школа») вверху страницы, чтобы посетителям не требовалось прокручивать его, чтобы найти его.
- Цифры не лгут: Выше всех Создатель класса приводит довольно серьезные цифры в качестве социального доказательства. Они привлекают более 10 000 преподавателей из 13 стран, которые уже используют их программное обеспечение как мощный инструмент убеждения.
- Легкий доступ к демонстрации продукта: В пространстве SaaS очень часто можно увидеть, как компании ставят слишком много барьеров между потенциальными клиентами и демонстрацией своего продукта. («Отправьте своего первенца, чтобы получить доступ к нашей 5-минутной бесплатной пробной версии.Class Creator знает, что потенциальным клиентам важно запачкать руки с демонстрационной или пробной версией программного обеспечения. Это гарантирует, что они смогут оценить продукт в действии, генерируя квалифицированных потенциальных клиентов (с помощью простой формы электронной почты) и продвигая их дальше по воронке.
- Разумное использование лайтбоксов: Эта целевая страница (действующая как домашняя) уже может многое рассказать о Class Creator. Помещение любой дополнительной информации в лайтбоксы помогает не мешать ей.Несомненно, им стоит протестировать разные версии этой страницы, в которых функции заменены преимуществами или отзывы помещены в более популярном месте.
Примечание редактора. Если вы ищете свободу творчества, чтобы создавать все, что захотите, Unbounce Builder предлагает такую гибкость, независимо от того, хотите ли вы создать всплывающее окно или липкую панель, длинную целевую страницу или страницу, оптимизированную для SEO. Узнайте больше здесь.
19. Fast Mask (Агентство: J7 Media)
Изображение любезно предоставлено Fast Mask и J7 Media.Щелкните, чтобы увидеть все.Вот еще один пример от J7 Media, который слишком своевременен. Fast Mask создает и продает банданы и маски для лица, предназначенные для использования на мотоцикле, квадроцикле или во время езды на велосипеде. (Хотя я могу придумать еще одну причину, по которой вам может понадобиться такая маска.) Эта страница предназначена для любителей острых ощущений и демонстрирует некоторые из ярких дизайнов, которые вы можете выбрать для своей маски, а также некоторые из различных способов их ношения.
Промышленность : Одежда и одежда
Почему это вдохновляет…
- Выделите бестселлеры : Fast Masks имеет более 100 различных дизайнов, перечисленных на их веб-сайте, но на этой целевой странице представлены только пять из них самые популярные варианты.Этого достаточно, чтобы дать вам представление о различных доступных стилях (от канадского флага до маски Человека-паука), не превращая страницу в один большой список товаров.
- Сосредоточьтесь на преимуществах: Многие посетители могут задумываться о покупке маски для лица в первый раз, поэтому на целевой странице требуется время, чтобы объяснить некоторые ключевые преимущества ее ношения.
- Помните о своей целевой аудитории: Это целевая страница, которая знает свою аудиторию. Вы можете сразу сказать, что попали в нужное место, если вы искатель острых ощущений, который увлекается мотоциклами, пейнтболом, сноубордом, охотой или другими экстремальными видами спорта.
20. Good Eggs
Изображение любезно предоставлено Good Eggs. (Щелкните, чтобы увидеть все.)Хорошие люди в Good Eggs знают, как использовать изящный маркетинг (просто посмотрите на их домашнюю страницу!). На самом деле, я думаю, что многие их целевые страницы отлично подошли бы для этого поста о дизайне целевой страницы. Этот конкретный пример, который продвигает бесплатную кокосовую воду, не является исключением, но он также предлагает мастер-класс по сдержанности. Он показывает, как использовать промо для получения конверсий, не становясь при этом властным.
Отрасль: Доставка продуктов питания
Почему это вдохновляет…
- Халява: Бесплатная кажется универсальной. Но в данном случае обещание бесплатности делает больше, чем просто апелляцию к нашей инстинктивной любви к , а не к плате за вещи . Он создает доброжелательность, предоставляет образец продукта, который предлагает Good Egg, и быстро устанавливает соответствие стилю жизни между услугой и посетителем. Что я имею в виду под соответствием образу жизни? Что ж, если вы в восторге от получения бесплатной кокосовой воды от Harmless Harvest, вы уже знаете, что Good Eggs отлично подойдет вам.
- Добавленная стоимость: Сначала я был ошеломлен этим заголовком, потому что я думал, что вы ударите сильнее со всем бесплатным (например, я не знаю, «Бесплатная кокосовая вода» может сработать?). Но вполне вероятно, что средний покупатель Good Eggs думает о большем, чем просто заключить сделку. Здесь продвижение помогает продемонстрировать ценности бренда, касающиеся благополучия, устойчивого развития и этических норм труда. Так что это не просто бесплатно, это еще и хорошо, .
- Отзывы: Может быть немного рискованно упоминать своих конкурентов, но Good Eggs решает эту проблему, позволяя покупателю делать это за них.Иногда отзывы могут выглядеть немного одинаково, если одно и то же повторяется разными голосами. (Это не всегда плохо.) Однако здесь они были тщательно отобраны, чтобы усилить три ценностных предложения, перечисленных выше.
21. HomeLoanGurus (Агентство: ConversionLab)
Изображение любезно предоставлено HomeLoanGurus и ConversionLab. Щелкните, чтобы увидеть все.Вот еще один пример целевой страницы от опытных маркетологов из ConversionLab. HomeLoanGurus — это служба, которая связывает покупателей жилья с кредиторами, даже если у вас плохой кредитный рейтинг.(У 670 плохой кредитный рейтинг? Я спрашиваю друга.) Эта целевая страница отлично объясняет, как работает их сервис, простым языком и побуждает посетителей подавать онлайн-заявку на получение первой ссуды.
Отрасль : Финансы и страхование
Почему это вдохновляет…
- Сосредоточение внимания на проблеме: Заголовок здесь не об услугах, а о посетителях. «Плохой кредитный рейтинг?» Вы сразу узнаете, с какой ситуацией вы столкнулись, и страница сразу же выражает сочувствие, прежде чем предложить HomeLoanGurus в качестве решения.
- Ориентировано на процесс: Получение ипотечного кредита может быть чрезвычайно сложным. Есть много документов, терминологии и правил, над которыми вы должны думать. Эта целевая страница описывает процесс в виде простых шагов и помогает сделать его намного проще для посетителя, который может беспокоиться о том, чтобы сделать первый шаг.
- Будьте короче: Финансовые целевые страницы различаются по длине, но данные из Отчета о конверсии за 2020 год показывают, что лучше всего конвертируются страницы, содержащие менее 200 слов.Этот пример показывает, как можно много говорить, не делая страницу слишком длинной.
22. Jet Pet
Изображение любезно предоставлено Jet Pet. (Щелкните, чтобы увидеть все.)На каждого человека, живущего в Ванкувере, должно быть не менее шести собак. Jet Pet понимает любовь этого города к собакам, и они большие поклонники использования Unbounce Builder для рекламы своих премиальных услуг по размещению собак и трех мест для местных жителей. Мы включили его сюда, потому что эта целевая страница является источником вдохновения для всех, кто ориентируется на выбранный географический регион.
Отрасль: Уход за домашними животными
Почему это работает…
- Четкое указание значения: Простой заголовок («Dog Boarding Vancouver») позволяет пользователю узнать, что он сорвал джекпот. Для платных кампаний Jet Pet также может использовать функцию Dynamic Keyword Replacement (DTR) Unbounce, чтобы заменить ключевое слово в поиске («Dog Kennels Vancouver») для улучшения соответствия сообщений. Затем, когда потенциальный клиент нажимает на объявление в Google, он попадает на страницу с заголовком, который соответствует их ожиданиям.
- Двухэтапная форма: Как правило, использование многоступенчатых форм может привести к более высокому коэффициенту преобразования, чем одиночная длинная форма. Здесь двухэтапная форма снижает психологическое трение двумя способами. Во-первых, это сводит к минимуму предполагаемые усилия при подписке на услугу. (И даже если вторая форма окажется разочаровывающей, тот, кто уже заполнил первую форму, будет инвестирован и с большей вероятностью продолжит работу. Ошибка невозвратных затрат FTW.) Во-вторых, двухэтапная форма может задержать запрос более «деликатных» вопросов до тех пор, пока потом.
- Дружелюбие: Говоря о форме, мне нравится, что первое, что вас спрашивают (и единственное обязательное поле на первой странице), это имя вашей собаки . Я ожидал этого вопроса, если бы зашел в одно из их мест со своим щенком на поводке, но увидев здесь тот же вопрос, я улыбнулся. Страница Jet Pet полна дружеских жестов, которые делают их запоминающимися.
- Построение доверия: Доверие своей собаке другому требует значительного душевного спокойствия.Поэтому важно, чтобы Jet Pet использовал копию, которая укрепляет это доверие и дает клиентам чувство уверенности в том, что они оставили Фидо с «любящими экспертами», которые заботятся о его интересах. Ободряющий язык, который Jet Pet использует на странице, усиливает это сообщение, включая эмоционально нагруженные термины, такие как «забота», «безопасность» и «любовь».
- Видео-отзывы: Вам не всегда нужно видео, чтобы иметь эффективный отзыв, но в случае с Jet Pet я думаю, что это разумный ход.Существует много сомнительных свидетельств, поэтому демонстрация реальных владельцев собак, говорящих в камеру, помогает укрепить доверие. (Я тоже хотел бы увидеть собак на этих видео.)
23. Муала (агентство: BuzzShift)
Изображение любезно предоставлено Mooala. (Щелкните, чтобы увидеть все.)Итак, оказывается, вы можете доить банан. Кто знал? (Mooala Organic, вот кто.) Целевая страница, созданная BuzzShift, отражает игривость и чувство веселья бренда, воплощенные в их талисмане.Кроме того, это просто, что вселяет большое доверие к их продукту. Кэмерон Гоули, соучредитель и генеральный директор BuzzShift, рассматривает варианты выбора в контексте всей воронки:
Эта конкретная страница хорошо зарекомендовала себя на этапе рассмотрения нашей социальной рекламы. Наша цель состояла в том, чтобы повысить ценность с помощью купона, перехватив электронное письмо как мягкую конверсию, а затем продвигая его в оставшейся части пути. У большинства брендов есть отличная возможность снизить цену за конверсию и увеличить конверсию, уделяя больше внимания осведомленности и внимательности.
Отрасль: Напитки / альтернативы молочным продуктам
Почему это вдохновляет…
- От целевой страницы до офлайн-покупки: Как отмечает Гоули, обещание купона выполняет двойную функцию по сравнению с мягкой конверсией. Он создает электронную почту и поощряет покупки в магазине. Поскольку дегустация верна, это важный компонент стратегии цифрового маркетинга Mooala.
- Встреча возражений лицом к лицу: Ненавистники бананов собираются ненавидеть бананы.Но следует похвалить Муала за то, что тот немедленно отказался от одного возможного возражения против ограничения: «Что такое бананамилк, спросите вы? Это не сладко-сладкий банановый смузи, как вы могли подумать. Смело решая эту проблему, текст помогает перевернуть ожидания и продвигать продукт как «легкую молочную альтернативу, которой можно наслаждаться без чувства вины».
- Грамотно размещенная анимация: Видео и анимация могут быть чрезвычайно полезными, но они также могут служить отвлечением, если их неправильно расположить.Мне нравится включение анимации внизу страницы, где она привлекает внимание к призыву к действию, а не отвлекает от основного сообщения Муала.
- Очереди в соцсетях: Поощрение посетителей следить за аккаунтами бренда в социальных сетях увеличивает возможности быть восхитительными и оставаться в центре внимания.
24. NANOR (Агентство: Webistry)
Изображение любезно предоставлено NANOR и Webistry. Щелкните, чтобы увидеть все.Для многих продуктов электронной коммерции важно не только продать опыт, но и продукт.Взгляните на эту страницу ароматических свечей NANOR (созданную агентством Webistry), и вы сразу получите представление о той роскоши, которая вас ждет. Это красивая страница, от которой просто хочется зажечь одного из этих плохих парней и принять ванну с пеной со стаканом шардоне.
Промышленность : Велнес / Подарки
Почему это вдохновляет…
- Темный фон : Эта целевая страница сразу выделяется из-за черного фона.Раскраска создает высококлассную атмосферу премиум-класса на странице, которая действительно помогает выделить продукт в лучшем свете как предмет роскоши.
- Изображения, которые вы практически чувствуете: Некоторые предметы, как известно, сложно продать в Интернете. Свечи, например, кажутся именно той вещью, которую большинство людей хотели бы понюхать перед покупкой. (И до тех пор, пока кто-то не изобретет заново запах-о-видение для современной эры рекламы — это будет сложно осуществить.) Эта страница отлично описывает аромат каждой свечи и демонстрирует красивые изображения грейпфрутов, цветов, трав и специи, чтобы представить каждый аромат.
- Кнопка «Добавить в корзину»: Чтобы посетители могли легко совершать покупки прямо на целевой странице, Webistry использовала пользовательские кнопки «Добавить в корзину». Прочтите их сообщение в сообществе Unbounce, чтобы узнать, как добавить оформление заказа Shopify на свою целевую страницу.
25. Panda7 (Агентство: Webistry)
Изображение любезно предоставлено Panda7 и Webistry. Щелкните, чтобы увидеть все.Кому-нибудь действительно нравится процесс страхования автомобиля? (Если вы не говорящий геккон, ответ, вероятно, будет отрицательным.) Вам нужно связаться с несколькими разными страховщиками, сравнить их ставки, а затем тщательно просмотреть контракты на предмет скрытых комиссий. Но эта целевая страница Panda7 (еще одна, созданная Webistry) обещает упростить жизнь водителям — их сервис позволяет вам сравнивать расценки всех основных страховщиков и покупать автострахование за считанные минуты. Да, пожалуйста.
Отрасль : Финансы и страхование
Почему это вдохновляет…
- Явные преимущества : На странице ясно показано, что использование услуги дает два основных преимущества.Во-первых, это экономит ваше время, позволяя сравнивать лучшие цены в Интернете. Во-вторых, это экономит ваши деньги (в некоторых случаях до 30%). Эти два момента повторяются снова и снова разными способами, так что вы можете уловить их, даже если вы просматриваете беглый просмотр.
- Фирменные визуальные эффекты : страница органично интегрирует королевский фиолетовый цвет бренда по всей странице, во всем, от иллюстраций до цветов фоновой части. Очень сплоченный и очень профессиональный вид.
- Плавающий заголовок CTA : Обратите внимание на этот плавающий заголовок.При прокрутке кнопка быстро меняется с номера телефона в верхней части страницы на основной CTA «Сравнить цитаты». Очень круто.
26. Pared
Изображение любезно предоставлено Pared. (Нажмите, чтобы увидеть все.)Мы рады представить вам эту красивую целевую страницу от Pared, приложения, которое подбирает (или, кстати, объединяет) рестораны с предварительно квалифицированным кухонным персоналом. Как и в примере из Class Creator, Pared не нужен сложный веб-сайт, чтобы донести свою идею до людей. Конструктор перетаскивания Unbounce дает им возможность вносить изменения и отслеживать конверсии.По словам Дэйва Лу, президента и соучредителя Pared, это оказалось эффективным даже три года спустя:
С первого дня я смог быстро создать веб-сайт и целевую страницу для своего стартапа. Благодаря Unbounce я могу выполнять итерацию и A / B-тестирование изменений без необходимости привлечения дизайнера или разработчика. Это невероятно раскрепощающий и мощный инструмент для любого маркетолога.
Отрасль: Рестораны / Персонал
Почему это вдохновляет…
- Говорит о своей нише: Pared — это услуга не для всех, и они ее знают.Вместо этого у них есть конкретная клиентура, потребности которой они полностью соответствуют. Эта целевая страница начинается с одной конкретной проблемы, с которой сталкиваются эти люди: «Больше никогда не будет нехватки персонала» и идет оттуда. (Они используют другие веб-ресурсы для набора Pared Pro.)
- Видео с объяснением: Целевая страница включает в себя краткое объяснение, которое на простом, доступном языке знакомит зрителей с проблемой и их решением. Целевые страницы приложений, в частности, выигрывают от таких видео.
- Крупные имена и логотипы: На странице представлены логотипы самых разных узнаваемых закусочных и ресторанов, которые пользуются данной услугой. Он также включает в себя убойные отзывы от владельцев шеф-поваров в таких заведениях Сан-Франциско, как Little Gem, Octavia и Jaridiniere (ныне, к сожалению, исчезнувшие).
27. Perfect Keto (Агентство: Webistry)
Изображение любезно предоставлено Perfect Keto и Webistry. Щелкните, чтобы увидеть все.Вот еще один пример протеиновых батончиков Perfect Keto от Webistry.На странице эти батончики не только продаются как вкусные лакомства, но и подчеркиваются их полезность для здоровья и питания. (Всего три грамма чистых углеводов в каждом батончике? Это означает, что вы можете употреблять шесть батончиков в день, не выходя из состояния кетоза!)
Промышленность : Продукты питания
Почему это вдохновляет… : На странице представлены отзывы различных влиятельных лиц и авторов кето-диеты. (Включая… Джо Рогана? Конечно, почему бы и нет.) Но есть и другое социальное доказательство: они хвастаются, что у них более 2500 отзывов, а их бренд появляется в таких публикациях, как Women’s Health, Reader’s Digest и Popsugar. Вам нужно увидеть реальную страницу для полного эффекта. Эта целевая страница Twinwoods Adventure передает острые ощущения от прыжков с парашютом в помещении благодаря увлекательной (и юмористической) анимации героев и множеству невероятных боевых кадров.Bluespark Digital создал страницу, которая гудит от энергии и волнения, не отвлекаясь от конверсии. Отрасль: Приключения Почему это вдохновляет… У меня была своя доля плохих соседей по комнате, поэтому я сразу заинтересовался этой целевой страницей Roomeze от Snap Listings. Их служба обещает подобрать вас с проверенными соседями по комнате по всему Нью-Йорку и устроить вас в квартире менее чем за 1000 долларов в месяц. Интересно, есть ли способ проверить, не играют ли ваши будущие соседи по комнате на тромбоне? (Потому что поверьте мне.Вам не нужен сосед по комнате, который играет на тромбоне.) Промышленность : Недвижимость Почему это вдохновляет… Вы когда-нибудь пробовали корм для кошек? (Нет, я тоже.Это было бы странно.) Я полагаю, что большая часть этого не имеет хорошего вкуса, и, вероятно, это не слишком хорошо для вас. Но именно поэтому мое внимание привлекла эта целевая страница Smalls Food for Cats. Их служба подписки предлагает еду человеческого качества для ваших кошачьих друзей. Ни подделки, ни наполнителя. Существуют влажные и сухие разновидности, которые дадут вашей кошке более свежее дыхание всего за один месяц — а это значит, что вы, наконец, можете увидеть, как пахнет ваша кошка изо рта, когда оно не пахнет кормом для кошек . Промышленность : Корм для домашних животных / коробки для подписки Почему это вдохновляет… Когда вы владеете недвижимостью, которая устарела или повреждена, иногда вы просто хотите продать ее как можно быстрее (за максимально возможные деньги, конечно). Вот где эта целевая страница от Sundae облегчает вам задачу — их услуги помогут вам быстро продать свой дом по самой выгодной цене. Отрасль : Недвижимость Почему это вдохновляет… Созданная Everett Andrew Marketing, эта блестящая целевая страница объединяет безопасность и веселье благодаря тщательно подобранным визуальным эффектам и ясным, кратким сообщениям.По словам Марка Чапмана, основателя и президента Everett Andrew, этот дизайн был полностью выделен: Наша цель при создании страницы заключалась в том, чтобы прорваться сквозь беспорядок и переполненный рынок предприятий здесь, в южной Калифорнии, предлагающих уроки серфинга — как на Google и Facebook. Перенести каждый важный компонент конверсии (например, социальное доказательство, срочность, выстрел героя, CTA и т. Д.) На страницу, в основном над сгибом, было непросто, но в конце концов мы нашли способ сегментировать их, чтобы каждая часть привлекала внимание. Отрасль: Уроки серфинга Почему это вдохновляет… На этой целевой странице Woolx используются фотографии и видеофоны с высоким разрешением, чтобы посетители могли ближе познакомиться с их свитером Rory Sweater. Изделие изготовлено из 100% шерсти австралийского мериноса (это разновидность овцы, к вашему сведению) и представляет собой стильный, дышащий и ультра-удобный предмет одежды. Теперь, кажется, я наконец понимаю, что такое «апре-ски шик». Промышленность : Одежда / Одежда Почему это вдохновляет… Я не очень хорошо справляюсь с большинством упражнений. У меня вообще нет танцевальных навыков. И уж точно у меня нет хорошего ритма. Но по какой-то причине … Думаю, я, может быть, хочу сейчас стать инструктором по зумбе? Вот насколько хороша эта целевая страница для обучения зумбе (созданная агентством MuteSix).Они делают вид, что выучить шаги и начать преподавать совершенно доступно (и доставляет массу удовольствия). Промышленность : Фитнес Почему это вдохновляет… Вот и все.Это одни из лучших примеров целевых страниц, с которыми мы столкнулись в Unbounce, выбранные для представления широкого спектра отраслей с множеством различных целей конверсии. Они не следуют всем лучшим практикам, но мы надеемся, что вы нашли в каждом из них какие-то качества, которые вдохновят вас. Но у нас есть для вас последний совет: ни одна страница не бывает идеальной — или, что более важно, каждая страница может быть лучше . И то, что работает для одной страницы (с одним целевым рынком), не обязательно сработает для вас.Имея это в виду, вам следует всегда тестировать свои целевые страницы. Если у вас есть страница, над которой вы уже собираетесь поработать, попробуйте запустить ее с помощью нашего анализатора целевых страниц, чтобы узнать, какие действия вы можете предпринять. Когда я учился в средней школе, у меня был друг, который бросил играть в баскетбол после просмотра Майкла Джордана в финале НБА. «Я никогда не смогу приблизиться к его уровню, — сказал он мне, — так какой в этом смысл?» Хорошие примеры целевой страницы, подобные приведенным выше, должны вас вдохновить.Но иногда вид других людей может иметь противоположный эффект . Но не сдавайтесь! Хорошая новость заключается в том, что большинство этих примеров были созданы с помощью построителя перетаскивания Unbounce. Хотя многие используют пользовательские сценарии, чтобы поднять его на ступеньку выше, почти все эти примеры начинались с того же места, что и вы — с бренда, пустой страницы и большой идеи. Черт возьми, некоторые из этих вдохновляющих целевых страниц даже начинались как шаблоны целевых страниц Unbounce, хотя вы никогда не узнаете об этом, взглянув на них.И мы не говорим. Так что выделите несколько идей из этих примеров, загрузите свой любимый шаблон и, да… станьте Майклом Джорданом целевых страниц. Если у вас есть целевая страница, которой вы хотите похвастаться — ваша или даже чья-то еще, — поделитесь ею ниже. Не поймите нас неправильно: мы любим красивые целевые страницы. Контраст цветов привлекает внимание; яркая индивидуальная фотография и анимация; элегантное применение негативного пространства и макетов по правилу трех.Серьезно, эти штуки не дают нам уснуть по ночам. Но здесь, в Unbounce, мы знаем, что целевая страница — это нечто большее, чем внешний вид. Нам нужна такая страница, которая не смущает вас, когда вы приносите ее домой своему директору по маркетингу. Тот, который вы действительно можете, знаете ли… построить кампанию с . Нам действительно нужна целевая страница, которая будет конвертировать. («Да, да, покажите мне примеры целевых страниц с высокой конверсией!») Люди создали множество целевых страниц с помощью Unbounce Builder (как и многие, ребята), поэтому мы думаем, что « У меня есть довольно хорошее понимание того, что заставляет страницу конвертироваться.С годами стало ясно, что почти все успешные целевые страницы имеют некоторые общие ключевые элементы. (И вам лучше поверить, что наши шаблоны целевых страниц были созданы с учетом этих принципов.) Целевые страницы с высокой конверсией: Есть ли на вашей странице все элементы, необходимые для увеличения конверсии? Анализатор целевой страницы Unbounce оценивает вашу страницу по девяти показателям производительности и предлагает возможности для увеличения коэффициента конверсии. Прежде чем мы углубимся в наши примеры целевых страниц с высокой конверсией, давайте установим несколько основных правил. Все страницы, представленные ниже, посетили не менее 500 посетителей нижнего уровня, хотя у многих было более 100 000 посетителей. Кроме того, все они конвертируют не менее 30%. (Для справки, средний коэффициент конверсии целевой страницы находится где-то около 4%.) Стоит отметить, что на коэффициент конверсии влияют многие факторы, помимо фактического содержания целевой страницы.Например, мы знаем, что средний коэффициент конверсии сильно различается в зависимости от вашей отрасли . Обязательно ознакомьтесь с нашим отчетом о контрольных показателях конверсии, чтобы узнать, как вы конкурируете с конкурентами. Существует также вопрос качества трафика: если ваша страница получает много трафика от плохо ориентированных объявлений, ваш коэффициент конверсии будет ниже, чем при более квалифицированных посетителях. И, конечно же, страницы с переходом по клику будут конвертировать больше, чем страницы лидогенерации, потому что цель конверсии намного проще.Помните об этом, прежде чем слишком резко судить свои страницы. Не говоря уже об отказе от ответственности, вот 15 примеров высококонвертируемых целевых страниц от клиентов Unbounce (с советами по конверсии от людей, которые их создали). Если мы говорили это однажды, мы говорили это еще несколько раз: использование видео на целевой странице — отличный способ повысить вовлеченность и повысить коэффициент конверсии . Фактически, размещение некоторых движущихся изображений на вашей странице может увеличить конверсию на 80%. Стоящая инвестиция, не так ли? Promo тоже подумали, поэтому они включили тонну видеоконтента на эту целевую страницу для своей службы создания видео — от заголовка до поясняющего видео и до примеров видеороликов, которые посетители могут фактически использовать в своем собственном маркетинге. . Отметила Яэль Мириам Класс, руководитель отдела контента Promo: Мы специализируемся на создании конвертирующих видео, которые привлекают зрителей и побуждают к действию. С этой целью на нашей целевой странице есть красивый и динамичный заголовок, занимающий первое место, с наложенным текстом, который показывает четкое ценностное предложение. Тем не менее, видео — это лишь часть уравнения. Вы хотите, чтобы посетители конвертировались, а это значит, что они должны выполнить ваш призыв к действию. Не волнуйтесь, — говорит Яэль: «Ни одна целевая страница не может произвести впечатление без прямого текста и сногсшибательной кнопки CTA на первом сгибе.Промо использовал эти элементы, а затем завершил все это множеством отзывов и ярких логотипов клиентов. Отличная работа. Американские маркетологи, как правило, настолько близки к нашим продуктам и услугам, что иногда мы можем перегружать потенциальных клиентов слишком большим объемом информации.«Да, наше основное предложение — это Х, но как насчет этих колокольчиков? А что насчет свистков? » Нет, они, вероятно, не знали об этих дополнительных преимуществах, но на данном этапе им, вероятно, не было необходимости. На целевых страницах своих онлайн-курсов старший маркетолог edX Джош Гроссман решил сократить сообщение до основных моментов, которые он хотел, чтобы посетители вынесли. «Вместо того, чтобы увязнуть в деталях курса, мы облегчили людям понимание того, что они узнают, используя всего несколько пунктов.Это, а также недвусмысленный заголовок и подзаголовок, за которыми следует твердое социальное доказательство. «В нашем тестировании более короткая копия работала лучше, чем более длинная», — добавил Джош. «Либо вы хотите изучать Python, либо нет». Это понимание, которое мы все должны принять близко к сердцу. Некоторым людям не нужно то, что есть у вас, независимо от того, сколько дополнительной информации вы им предоставите. Лучше сберечь дыхание (или подсчитать слов) и сосредоточиться на людях, которые это делают. Страхование всегда было сложным продуктом. Помимо обязательств, франшиз, запрещенных рисков и множества других условий, которые у нас были в отношении Google, простая регистрация может показаться ускоренным курсом закона. И к тому времени, когда вы получите покрытие, вы все еще можете не понять, что охват даже на самом деле означает . Simply Business хочет изменить это, и он оправдывает свое название с этой целевой страницей, которая делает страхование бизнеса, ну, в общем, простым. Вместо того, чтобы рисковать ошеломлять посетителей тоннами информации об их политике, Simply Business упрощает работу. Заголовок сразу же успокаивает некоторые из наиболее распространенных опасений по поводу страхования — его сложность и дороговизна, — а маркированные инструкции с практическими рекомендациями упрощают регистрацию. Только после того, как посетители нажимают на призыв к действию, Simply Business вносит некоторое трение в многоэтапной форме — но к тому времени посетители уже преодолеют это первое психологическое препятствие и с гораздо большей вероятностью увидят его. Люди — существа непостоянные. Их легко отвлечь. Они запутались. В основном они плохие. Как маркетологу это означает, что вам часто нужно держать их за руки — или, для наших целей, держат их за нос — на каждом этапе процесса покупки. Преобразование аромата — это принцип сохранения согласованности письменных и визуальных сигналов на протяжении всего пути к покупателю . Это то, что Later сделал для этой кампании по привлечению потенциальных клиентов, как объясняет Чин Тан, руководитель отдела коммуникационного дизайна компании: Мы поддерживали уровень конверсии на протяжении всей кампании. Предложение соответствует тому, что содержится в объявлении, в электронном письме, в креативе перед целевой страницей, а также после страницы. Ознакомьтесь с умным использованием ароматизатора конверсии Later, чтобы обеспечить единый цикл взаимодействия с покупателем. Чин также признает, что простота предложения способствовала успеху страницы. «Сразу видно, что вы получаете: вы обмениваетесь электронной почтой для доступа к руководству. Форма не слишком длинная и запрашивает только соответствующую информацию «. Запрашивание слишком большого количества личных данных на этом верхнем этапе воронки может напугать посетителей. Убедитесь, что ваш запрос соответствует значению поощрения, которое вы предлагаете. Еще одна страница лидогенерации, наш пример из The Listings Lab, не самая яркая в списке, но пусть это вас не вводит в заблуждение: эта простая страница обладает мощным эффектом. Сначала поговорим о дизайне. Лаборатория листингов проделала большую работу по сжатию всего содержимого страницы в небольшое пространство, не создавая ощущения переполненности. Посетителям не нужно прокручивать, чтобы понять, что предлагается и почему это ценно. «Макет загрузки помогает людям почувствовать, что это хорошо продуманная, настоящая вещь, которую они могут прочитать», — сказал Ив Ленувель, директор по маркетингу в The Listings Lab. «Жирный текст на большой красочной кнопке формы привлекает внимание людей к призыву к действию». Не говоря уже о направленной подсказке, это еще один приятный штрих. Тем не менее, именно текст, ориентированный на выгоду, ставит эту страницу на первое место. Лаборатория листингов действительно сосредотачивается на ключевых проблемах риэлторов — холодных звонках, плохих потенциальных клиентах, долгих рабочих днях — и предлагает альтернативу.«Первая часть копии, которую видят люди, обращается к боли посетителей, а затем предлагает им решение». Прочтите руководство, заработайте больше денег, верните себе жизнь. Что не нравится? Бонусных балла за заявление о конфиденциальности, которое внушает уверенность и делает его непринужденным. Нам не нужно говорить вам, что мобильные потребители должны быть приоритетом. (Хотя мы, , говорили вам , как будто когда-либо.) К 2017 году мобильные устройства стали доминирующим источником веб-трафика во всем мире с 50,3% — сегмент, который расширился в прошлом году, достигнув 52,2%. Уже недостаточно думать о мобильных потребителях как о части вашей онлайн-аудитории. В 2019 году их часто бывает большинство. (Проверьте эти отчеты GA, люди.) Адитья Багри, менеджер по цифровой автоматизации в WITHIN, описал, как его оборудование приспосабливается к миру, в котором первое знакомство потребителей с брендом часто происходит на их телефонах: Наша площадка Стратегия создания страниц ориентирована на мобильные устройства, а оптимизация для мобильных устройств помогает нам привлечь новых посетителей по воронке продаж. Лучше, чем просто создавать мобильные страницы, многие бренды создают отдельные возможности для своих мобильных посетителей. Введите ВНУТРИ и Twillory. На настольных компьютерах эта целевая страница включает видео и GIF-файлы — элементы, которые, как было показано, повышают вовлеченность посетителей и помогают стимулировать конверсии. Однако на мобильных устройствах мы получаем урезанную версию, которая сохраняет внешний вид своего старшего брата, а также обеспечивает молниеносную загрузку сотовых соединений. И Twillory получает дополнительную поддержку за использование всплывающего окна Unbounce, чтобы дать посетителям дополнительные стимулы к конверсии. Когда дело доходит до текста целевой страницы, ясность приводит к конверсиям. Ваши посетители должны знать в течение секунд , что именно вы предлагаете и почему им нужно заботиться.Если они этого не сделают, они, скорее всего, подпрыгнут. Эта страница TyresOnTheDrive иллюстрирует важность ясности заголовком, который сразу передает ценностное предложение: «Профессиональная установка шин у вас дома или на работе». Сразу мы знаем, что отличие в том, что нам не нужно обращаться к механику — они приходят к нам. В сочетании с краткими практическими рекомендациями, множеством отзывов и коллажем с логотипом крупного бренда у нас есть достаточно информации о TyresOnTheDrive, чтобы принять решение о покупке за очень короткий период времени. Результат? Переоборудование через крышу. Но высокие коэффициенты конверсии не повод прекращать тестирование. Крис Вуд, старший дизайнер UX в TyresOnTheDrive, рассказал, как компания играла с другими углами подачи, но при этом продолжает возвращаться к основам. «Мы обнаруживаем, что сообщения, ориентированные на пользу, приносят больше пользы, чем продвижение предложений и рекламных акций». Да, важно, чтобы посетители знали, что вы предлагаете, в момент, когда они попадают на вашу страницу. Но не менее важно, , чтобы посетители знали, что вы от них хотите, и что произойдет, когда они это сделают . Эта страница ooba (разработана цифровым агентством Signpost) представляет собой отличный пример эффективного призыва к действию.С первого взгляда копия — вместе с контекстными подсказками и вспомогательной информацией — говорит нам, чего мы можем ожидать, когда заполняем форму. «Форма располагается вверху страницы, над ее сгибом, что делает действие, которое мы хотим, чтобы пользователь выполнил с самого начала», — сказал Адам Ланге, генеральный директор Signpost. «Контрастный цвет привлекает внимание пользователя к конечной цели, а описательная кнопка подтверждает действие, которое он собирается предпринять». Форма запрашивает много информации, но на самом деле это может помочь укрепить доверие в данном контексте — мы пытаемся получить жилищный кредит, а не подписываться на рассылку новостей.Имеет смысл представить некоторые подробности, если мы планируем пройти предварительную квалификацию. Что это за старая поговорка? «Если сначала они не конвертируются, попробуйте, попробуйте еще раз»? (Это не так. Пожалуйста, не говорите этого людям.) Тем не менее, именно это ClaimCompass сделала для этой целевой страницы, предназначенной для путешественников, которые были задержаны на рейсах в, из и внутри Европейского Союза, где законодательство требует, чтобы авиакомпании выплачивали компенсацию за значительные сбои в поездках. Александр Сумин, соучредитель компании и директор по маркетингу, описал удивительно сложную задачу — заставить людей собирать свои беспрепятственные деньги. Мы постарались предоставить некоторую ценную информацию и подкрепить ее авторитетом — не только социальными доказательствами и логотипами в СМИ, но и кратко объяснив, как все это работает. Это повышает доверие к предложению, что важно, когда вы обещаете бесплатные деньги. ClaimCompass признал, что они будут разговаривать с клиентами с разной степенью компетентности в области регулирования ЕС. (Есть какие-нибудь руководители GDPR?) Таким образом, они знали, что у одних людей будет достаточно информации для немедленного обращения, в то время как другим потребуется некоторое образование. «Вся целевая страница предназначена для того, чтобы люди нажимали на одну из трех кнопок CTA», — пояснил Алекс.«Если предложение привлекательное, им не нужно прокручивать страницу дальше. Если это не так, в приведенных ниже разделах содержится более ясная информация о процессе с изображениями, преимуществами и социальными доказательствами. Каждый свиток должен приближать пользователей к нажатию на призыв к действию ». Extreme Lounging может иметь самую простую целевую страницу в этом списке с точки зрения копирования и дизайна, но, черт возьми, она определенно эффективна. Вся страница представляет собой изображение главного героя, заголовок и форму электронной почты, предлагая посетителям зарегистрироваться, чтобы получить шанс выиграть стул ограниченного выпуска. Нет ни перечисленных преимуществ, ни конкурентных отличий. (Предположительно, Extreme Lounging проделал некоторую работу, прежде чем люди попали на эту страницу.) Здесь все о привлечении потенциальных клиентов. Вы хотите этот стул? Круто, дайте нам свою электронную почту. Нет причин усложнять ситуацию. Некоторые маркетологи будут возражать против базового стиля, но с результатами Extreme Lounging трудно спорить.Они проводят новый конкурс (с новой целевой страницей) каждый месяц на протяжении более полугода, и хотя они предпочитают держать точное число в секрете, достаточно сказать, что их коэффициент конверсии заставит вас покраснеть. Это просто показывает: неважно, насколько хорошо вы выглядите или мило разговариваете, ничто так не мотивирует людей, как свободное. Что-то, что мы в Unbounce действительно осознали за эти годы, — это важность соответствия сообщений. Когда кто-то нажимает на объявление Google, скажем, для просмотра топографических охотничьих карт, он ожидает попасть на страницу с копией, которая соответствует их первоначальному поисковому замыслу. Даже лучше? Страница, которая сразу демонстрирует поисковику, находится в нужном месте через сопроводительные изображения. В качестве отличного примера посмотрите на эту страницу onX, которая (на момент написания) имеет коэффициент конверсии более чем на 50% выше среднего .Мы спросили Райана Уотсона, менеджера по привлечению пользователей в onX, почему он считает, что целевая страница была такой успешной: Креатив целевой страницы показал пользователю именно то, что он искал, нажав на поисковую рекламу PPC Google Реклама. Корреляция поиска с точной визуальной подсказкой является обязательной для целевых страниц с характеристиками продукта и стратегии поиска. Райан также считает, что целевая страница onX с высокой конверсией принесла A / B-тестированию. «Мы протестировали множество различных призывов к действию и нашли тот, который работал и получил огромное количество кликов.Эй, лучшие практики для целевой страницы тоже никогда не повредят. Страх упустить (FOMO) — один из самых мощных инструментов в арсенале любого маркетолога. Люди ненавидят , когда их сверстники веселятся, крутятся или зарабатывают деньги без них.Это, конечно, мелочно и мстительно, но в то же время по-человечески. (Человек, мы сегодня выбираем наш вид.) Эта целевая страница для Investing Shortcuts (созданная Strikepoint Media) использует FOMO для ускорения конверсии. Копия подчеркивает стремительный рост стоимости биткойнов и призывает посетителей войти, пока доход еще хорош. «Эта страница имела наибольший успех, когда биткойн был горячим, поэтому это было правильное предложение и подходящее время», — объяснил Джереми Блоссом, соучредитель и генеральный директор Strikepoint.Кто-нибудь там еще HODLing? Помимо популярности Биткойна, многое из того, что делает эту страницу с высокой конверсией, сводится к хорошим фундаментальным показателям. «Хотя это не самая красивая страница, ее текст привлекает читателей и основывается на их интересе к предмету, в то же время четко демонстрируя ценность руководства», — отметил Джереми. «На странице также используются логотипы« на сайте »и известная цитата в качестве социального доказательства». Во многом успех кампании зависит от эффективного таргетинга. Речь идет не только о том, чтобы охватить вашу целевую аудиторию, но и о том, чтобы представить им целевые предложения, которые имеют смысл в контексте их опыта в данный конкретный момент. Наш предыдущий пример из Investing Shortcuts демонстрирует, как предложение может быть своевременным для крупного культурного события (например, крипто-безумия конца 2017 года).Однако эта целевая страница от MyTutor идет еще дальше. Он показывает, как маркетологи могут связаться со своей аудиторией в важный (и даже очень личный) момент своей личной жизни, когда предложение особенно значимо. Джемма Пирсон, менеджер по цифровому маркетингу MyTutor, объясняет: «Эта целевая страница была основной частью нашей кампании, посвященной результатам экзаменов. Он был разработан, чтобы побудить учащихся, которые не достигли необходимых оценок, вернуться на правильный путь с репетитором, чтобы удовлетворить свои потребности. Большинство из нас плохо справились с тестом, и (мне удобно говорить за всех нас) это отстой . Последнее, что Джемма хотела сделать с этой страницей, — это отчитывать студентов, которым может понадобиться небольшая помощь. Актуальный, позитивный обмен сообщениями, а также время и четкий призыв к действию были ключевыми факторами успеха этой целевой страницы. Это обеспечило обмен сообщениями, в которых одновременно были сочувствия их ситуации и предложено четкое решение для получения необходимых результатов. Вот как сделать резонансную высоту звука. Как и предыдущая пара целевых страниц, эта от College Board — некоммерческой организации, нацеленной на расширение доступа к высшему образованию — посвящена использованию времени для мотивации конверсий. Цель состоит в том, чтобы убедить потенциальных абитуриентов (которые уже сдали PSAT / NMSQT) зарегистрироваться на предстоящий SAT и повысить их шансы на поступление в школу по своему выбору. Этого должно быть достаточно, но иногда (и я в значительной степени опираюсь на свой собственный извилистый академический опыт) ученикам нужно немного поработать . И если есть что-то, что они понимают, так это сроки. College Board дает очень четкое представление о том, сколько времени студентам еще нужно записаться на следующий SAT, включив обратный отсчет сразу под верхним CTA и жесткую дату окончания рядом с нижним.В сочетании с текстом, который с одной стороны является срочностью («Места заполняются быстро!»), А с другой — поощрительной («Вы уже готовы!»), Эта целевая страница успешно побуждает студентов сделать следующий шаг в своей академической карьере. Время от времени вы создаете целевую страницу, которая приносит золото конверсии. У него более высокий уровень заполнения форм, чем вы когда-либо видели. Это безумно приносит прибыль. Это сокрушает таких соперников, как Рассел Кроу в фильме о гладиаторах. (Как это называлось?) Вот что случилось с Рианной Риддл, директором по маркетингу в FilterEasy. Она создала потрясающую страницу, а затем столкнулась с вопросом, который мы часто задавали себе: какие именно и делают эту страницу успешной? «Честно говоря, мы все еще постоянно проводим тесты, чтобы понять, что такого хорошего в этой целевой странице», — объяснила Ри.«Мы бросали вызов этому несколько раз, и ни один из претендентов не смог превзойти эту страницу чемпиона — даже те, которые, как мы были абсолютно уверены, победят». Реальность такова, что создание целевых страниц с высокой конверсией — не точная наука. Несомненно, есть передовые методы, которые могут повысить шансы вашей страницы на успех, и Ри применяет их здесь: простой дизайн, убедительные заявления о преимуществах, отличное социальное доказательство, привлекательное предложение. Однако в конечном итоге единственный способ быть уверенным в том, что мы достигли своей лучшей страницы, — это продолжить тестирование. Сколько времени у вас есть, прежде чем посетители вашего сайта заскучают и уйдут? Есть много источников, которые говорят, что это где-то от 15 секунд до семи или меньше. Независимо от цифр, все они указывают на один и тот же вывод: вам нужны отличные целевые страницы, чтобы привлекать внимание посетителей и увлекать их умы (и кошельки, пока вы это делаете). Целевые страницы не совсем такие, как средняя веб-страница.Они более целенаправленны и ориентированы на действия. Они здесь, чтобы сделать вам несколько конверсий. По этой причине им необходимо уделять повышенное внимание тому, чего вы пытаетесь достичь. В этой статье мы рассмотрим, что делает хорошую целевую страницу. Затем мы рассмотрим 7 примеров целевых страниц, чтобы вы могли получить представление о своих кампаниях. Давай сделаем это. Не ждите, пока это сделает кто-то другой. Возьмите на работу себя и начните командовать. Источник Прежде чем мы перейдем к тому, что делает хорошую целевую страницу, давайте кратко рассмотрим, что такое целевая страница и чем она отличается от других страниц вашего веб-сайта. Целевая страница — это отдельная страница, которая предназначена для достижения одной конкретной цели — например, подписки на ваш список адресов электронной почты, регистрации в программе VIP или покупки товара. Как правило, бренды направляют посетителей Интернета на целевую страницу с помощью определенной кампании, например рекламы Google или Facebook или маркетингового предложения по электронной почте. Итак, что делает хорошую целевую страницу? Вот основные сведения: Имейте в виду, что это общие рекомендации для целевых страниц.Необязательно следить за ними все время. Давайте рассмотрим некоторые из лучших примеров целевых страниц, которые иллюстрируют эти принципы, и несколько бунтарей, которые нарушают правила. Эта целевая страница от One Page Love использует умную тактику, чтобы привести к продаже их электронной книги «Горячие советы по целевой странице». В верхнем баннере вы можете увидеть объявление о предпродаже книги. Это дает посетителям ощущение срочности и FOMO, говоря, что предварительная продажа на 30 долларов закончилась, но они все еще могут получить скидку 20 долларов на оставшуюся часть месяца. Волшебство заключается в том, что происходит дальше: те, кто заинтересован, но еще не совсем продан, могут подписаться на получение одного чаевого по электронной почте в день в течение 100 дней. Это дает необходимое количество обязательств и дает посетителям возможность «попробовать перед покупкой». И если им понравятся первые письма по электронной почте, они купят книгу, вместо того, чтобы ждать более трех месяцев, чтобы получить все советы. Genius. Под формой регистрации они включают несколько отзывов клиентов, которые служат социальным доказательством того, что советы действительно хороши. Ниже приведен пример того, как выглядит электронное письмо. One Page Love отлично справляется с задачей привлечь внимание посетителей к тому, чтобы купить книгу или протестировать ее содержание. Целевая страница бесплатной пробной версии Shopify предназначена для того, чтобы вы подписались. В соответствии с рекомендациями по использованию целевой страницы, на всей странице есть только одна кнопка с призывом к действию: «Начать бесплатную пробную версию». Это появляется один раз в герое, а затем снова в самом низу. Двойной призыв к действию — эффективная стратегия. Это понятно и просто в самом верху страницы для посетителей, которые готовы к работе. Но для тех, кому нужно больше убедительности, они могут пролистать и увидеть преимущества Shopify. Когда они дойдут до конца, им напомнят об единственной цели этой страницы и предоставят возможность зарегистрироваться, не прокручивая назад. Это говорит о ключевом элементе всех лучших целевых страниц: посетителю легко совершить конверсию. С каждой дополнительной прокруткой или щелчком вы добавляете еще одну возможность потерять конверсию. Подумайте об этой тактике на своих целевых страницах… вы удивитесь, сколько людей нажимают нижнюю кнопку! Как правило, лучшие примеры целевой страницы следуют главному правилу — иметь только одну кнопку или ссылку с призывом к действию. Но некоторые правила нарушаются. Целевая страница «Что нового» на Fitbit — отличный тому пример. Зонтичный призыв к действию предназначен для того, чтобы узнать больше о том, что нового, с возможностью щелкнуть, чтобы узнать больше о том, какие конкретные новинки интересуют каждого посетителя. Он начинается с большого красивого изображения героя некоторых из их продуктов. Под ним находится интерактивное меню с четырьмя основными разделами страницы. По мере продвижения вниз по странице в каждом разделе используются привлекающие внимание визуальные приемы, например: Каждое изображение сопровождается коротким заголовком и описанием из одного предложения, чтобы страница не была слишком загроможденной или отвлекающей . Даже несмотря на несколько призывов к действию, Fitbit направляет посетителей через оптимизированный интерфейс, чтобы научить их всему, что нового. Mixpanel имеет забавный и креативный пример целевой страницы, на которой пользователи могут загрузить свою бесплатную электронную книгу. Этот метод лидогенерации может помочь вам собрать адреса электронной почты заинтересованных людей, которых вы можете воспитывать с помощью маркетинговых кампаний по электронной почте и других стратегий в своей воронке продаж. На странице используется отрицательное пространство, чтобы привлечь внимание к изображению героя. Эта электронная книга — звезда шоу. Mixpanel создал физическую книжную графику, даже если это электронная книга, — метод, который делает предложение более осязаемым и легким для визуализации. Обложка электронной книги белого цвета с яркими абстрактными изображениями, которые привлекают внимание, сохраняя при этом стильный вид. Ниже приведено социальное доказательство в виде прошлых клиентов, таких как Clorox и US Bank. Затем краткое изложение того, какую информацию вы найдете в книге. На странице есть три кнопки с призывом к действию: первые две привязаны к нижней части страницы, что означает, что когда вы нажимаете на них, ваш экран автоматически прокручивается вниз. Здесь нужно заполнить форму и получить доступ к книге. Эта страница соответствует практике некоторых из лучших конвертирующих целевых страниц: Winc имеет одну из лучших целевых страниц электронной коммерции, когда дело доходит до простоты. Эта страница начинается с привлекательного предложения: скидка 50% на первый заказ. И вам даже не нужно ничего делать — это применяется автоматически. Наберите несколько баллов за упрощение взаимодействия с пользователем. Простой заголовок из трех слов «Распаковать, откупорить, насладиться» сочетается с подзаголовком «Мы приносим мир вина к вашему порогу.Эти двое работают вместе, чтобы нарисовать картину легкости и простоты, которую вы получите, купив у Winc. Ниже героя есть три простых аргумента, которые подтверждают их главное ценностное предложение: они узнают ваш вкус и подберут коробки с вином специально для вас. Winc завершает страницу убедительной поддержкой Forbes, которая гласит: «Доказательство в бутылке». На странице есть две идентичные кнопки с призывом к действию, каждая из которых ведет вас к первому этапу процесса продажи: викторине из шести вопросов, чтобы почувствовать вкус. Что в этом круто, так это то, что они объясняют, что означает каждый вопрос. Например, первый вопрос касается того, как вы пьете кофе, что указывает на ваше предпочтение горьким танинам в красных винах. Компания по доставке еды Home Chef сразу привлекает пользователей: баннер вверху страницы предлагает вкусную скидку в размере 60 долларов на ваши первые четыре коробки с едой. На этой странице используется сильный брендинг, чтобы привести вас к продаже.Логотип находится в центре главного героя, вместе с гордым заявлением о том, что они занимают первое место по удовлетворенности клиентов среди своих конкурентов. (К сожалению, это пустая заявка, потому что они не предлагают никаких исследований или информации, подтверждающей ее. Я рекомендую вам избегать необоснованных заявлений на ваших собственных целевых страницах.) Но Home Chef следит за этим с полной прозрачностью в следующем разделе. Заголовок гласит: «Почему мы думаем, что вам стоит попробовать Home Chef». Далее мы перечисляем гибкость, разнообразие и ценность как три своих ценностных предложения.И для любого, кто изучает службу доставки еды, это в значительной степени три определяющих фактора для выбора. Домашний шеф завершает этот пример целевой страницы электронной коммерции коротким видео с рекомендациями от молодой пары и тем же призывом к действию «Выбери свою еду», что и герой. Crazy Egg — одна из самых конвертирующих целевых страниц, которые я когда-либо видел. В этом есть смысл — услуга направлена на то, чтобы помочь своим клиентам повысить производительность их веб-сайтов и коэффициент конверсии. Когда вы попадаете на главную страницу, под героем нет контента. У вас просто есть несколько вариантов. Один из них — ввести URL-адрес вашего веб-сайта, чтобы он мог показать вам тепловую карту, которая показывает, какие части ваших веб-страниц ваши посетители нажимают (и, следовательно, наиболее интересуют). Под основным призывом к действию находится вторичный призыв к действию: «Не готовы начать? Узнать больше.» Если щелкнуть эту кнопку, остальная часть целевой страницы будет развернута с полезной информацией о том, что делает Crazy Egg и как это может вам помочь. Вместо того, чтобы говорить о компании и хвастаться ее возможностями, Crazy Egg сосредотачивается на том, «что это для вас выгодно» (WIIFY). Это помогает посетителям установить связь и визуализировать, как продукт соответствует их потребностям и целям. Под героем есть несколько разделов с одинаковым призывом к действию: «Начните с анализа вашего веб-сайта». Это приведет вас обратно в верхний раздел, чтобы получить тепловую карту. Эта целевая страница имеет одну четкую цель с несколькими возможностями направить посетителей к конверсии. Это лаконично, эффективно и отлично демонстрирует продукт, не теряя внимания потенциальных клиентов. Делайте заметки! Помните об этих дополнительных советах при создании потрясающих целевых страниц: Как видите, не существует единственного правильного способа создать целевую страницу.Все лучшие примеры целевых страниц соответствуют общему списку передовых практик, но у вас есть много возможностей проявить творческий подход. Название игры действительно понимает ваших клиентов. Когда вы знаете, что для них действительно важно и как передать это на их родном языке, вы сможете побеждать их время от времени. Просто помните: на всех потрясающих целевых страницах есть четкий и прямой обмен сообщениями в сочетании с плавным и оптимизированным пользовательским интерфейсом. Как только вы это сделаете, вы уже выиграли половину битвы. Не можете найти наиболее конвертирующий дизайн целевой страницы для вашего бизнеса? Уже нет! Чтобы создать эффективную целевую страницу, необязательно иметь волшебную шляпу! Вместо этого все, что вам нужно, это правильных элемента и конструктор целевой страницы. От правильной копии до визуальных эффектов и ценностных предложений — каждый маленький элемент может создать или разрушить ваше лидерство. Создайте целевую страницу! Чтобы помочь, сегодня мы рассмотрим успешных примеров целевых страниц и то, что они сделали правильно. Без лишних слов, пришло время для настоящего волшебства целевой страницы! Но сначала… Разве вы не слышали про легенду о мифической целевой странице тысячу раз? Нет? Что ж, целевая страница предназначена для повышения коэффициента конверсии на , другими словами, на , чтобы привлечь больше клиентов или зарегистрированных пользователей. Источник По сравнению с вашей домашней страницей или любой другой веб-страницей, целевые страницы имеют дизайн, ориентированный на преобразование посетителей или привлечение потенциальных клиентов с помощью различных предложений (бесплатная демонстрация, загрузка электронных книг и т. Д.). А теперь давайте посмотрим, как его создать! Создание целевой страницы — это не ракетостроение! Однако если вы хотите создать эффективную страницу с нуля, то вам понадобится Если вы заняты, вы всегда можете выбрать готовый шаблон целевой страницы, чтобы сэкономить драгоценное время и усилия. Добавление правильных ингредиентов в смесь даст вам целевых страниц с высокой конверсией для привлечения ваших посетителей. Конечно, иногда не обязательно, чтобы целевые страницы были красивыми и красочными. Использование белого пространства и более крупных шрифтов поможет вам создавать целенаправленные сообщения и вести вашу целевую аудиторию к действию! — это универсальный инструмент для маркетинга и рекламы, для повышения генерации лидов, воспитания лидов и повышения лояльности к бренду / взаимодействия с пользователем. Посредственный дизайн не понравится вашей аудитории. Имея это в виду, давайте посмотрим на несколько отличных примеров целевых страниц и объясним, зачем они вам нужны: Целевые страницы очень популярны среди интернет-магазинов. Что в основном связано с их способностями к лидогенерации и воспитанию потенциальных клиентов. Ниже вы найдете несколько хороших примеров страниц лидогенерации из успешных интернет-магазинов. Посмотрим! Заголовок и копия: Целевая страница Hemster имеет простой дизайн, отражающий элегантный дух бренда. Хотя заголовок не показывает преимущества конвертации, на помощь приходит подтверждающая копия! Более того, если вы присмотритесь, то заметите, что бренд использует текст, когда необходимо подчеркнуть преимущества и не утомить посетителя. Дизайн: Hemster добавляет пространство между важными элементами, чтобы улучшить взаимодействие с пользователем и облегчить восприятие текста.Более того, цвета идеально соответствуют изображениям, что дает посетителю приятный для глаз результат. CTA: CTA удобно размещается вверху страницы, чтобы посетитель знал, что делать. Чтобы увеличить шансы на конверсию, бренд также добавляет второй призыв к действию после преимуществ, чтобы привлечь больше потенциальных клиентов. Социальное доказательство: Интернет-магазин использует логотипы бренда, чтобы повысить доверие к своему бренду. Это отличный способ завоевать доверие аудитории, особенно когда у вас новый бизнес.Кроме того, раздел «Наша история» идеально подходит для того, чтобы сделать бренд более личным и узнаваемым. Хотя это красивый дизайн, наличие интерактивных ссылок может отвлекать посетителей и уводить их от действий. Вдохновляйтесь! Заголовок и копия: Заголовок Quip очень короткий, в нем акцент делается на преимуществах получения продукта. Копия целевой страницы также актуальна, с использованием специальных терминов, таких как «простой», «доступный» и «приятный», чтобы заинтересовать потенциальных клиентов покупкой. Дизайн: Простой и минималистичный дизайн гарантирует, что потенциальный покупатель получит всю необходимую информацию для принятия мер. Использование изображений продукта вместо стоковых фотографий / снимков экрана улучшает общее качество страницы, делает ее более привлекательной и интересной. CTA: Как видите, кнопка CTA — единственный яркий элемент на странице (кроме логотипа). Использование ярких цветов на белом фоне — выигрышная тактика, благодаря которой ваши призывы к действию будет сложно пропустить! Социальное доказательство: Бренд использует социальное доказательство, чтобы показать посетителям, что у него есть законный продукт, признанный такими крупными компаниями, как TIME и GQ. Хотя все эти элементы работают в пользу бренда, верхняя панель навигации не нужна , поскольку нажимаемые кнопки уводят пользователей. Кроме того, бренд может использовать более интригующий заголовок, чтобы заинтересовать посетителей. Заголовок и копия: Dollar Shave Club создал уникальную страницу, на которой, согласно нашему тематическому исследованию, было выполнено 12.000 заказов в течение 48 часов.Страница обязательно привлекает внимание через заголовок, подчеркивая преимущества подписки на услугу. Дизайн: Здесь выделяется уникальный контент, созданный Dollar Shave Club. Как видите, видео стратегически размещено рядом с кнопкой CTA, чтобы упростить конверсию для потенциальных клиентов. Различные цвета также создают приятный для глаз эффект, в то время как три секции внизу дают посетителю больше причин для приобретения лезвий бренда. CTA: CTA оранжевого цвета привлекает внимание, захватывая потенциальных клиентов, превращая их в клиентов.Кроме того, CTA-копия очень полезна, несмотря на простое «Сделай это». Социальное доказательство: Конечно, социальное доказательство также является частью дизайна, с использованием некоторых известных брендов (и просвещенного клиента № 164), чтобы убедить целевую аудиторию в том, что услуга стоит их времени и денег! Опять же, если оставить панель навигации вверху, может увести посетителей со страницы. То же самое относится к кнопке подписки в социальных сетях под видео. Заголовок и копия: Дизайн целевой страницы Indochino — один из моих любимых, так как у него отличный заголовок, который выделяется, и красивые цвета. Что касается копирайта, бренд использует прямолинейность для передачи сообщения и добавляет срочности, стимулируя пользователей записываться на прием, чтобы получить шанс выиграть потрясающий приз! Дизайн: Цвета идеально сочетаются с внешним видом человека в костюме.Что, я должен сказать, является красивым дополнением к целевой странице. Еще один плюс в том, что бренд отказался от печально известной панели навигации, что сделало дизайн более сфокусированным и преобразующим. CTA: Когда дело доходит до CTA, выделяется первая кнопка с использованием глаголов действия, которые заставляют посетителей сайта нажимать на нее. И если мы переместимся немного ниже, мы увидим, что у бренда есть еще один раздел, который ведет посетителей ко второму и третьему призыву к действию, чтобы увеличить шансы их конверсии. Социальное доказательство: Наконец, бренд использует хэштег #INDOCHINO, чтобы показать реальные примеры своих продуктов, идеально сочетая свою страницу с маркетингом в социальных сетях. Таким образом, бренд избегает использования стандартных стоковых фотографий и предлагает любопытным посетителям проверить свои профили в социальных сетях. Indochino также добавляет цитату из Forbes, чтобы завоевать доверие аудитории, прежде чем отказаться от последнего призыва к действию. Умно, правда? Заголовок и копия: Когда вы посмотрите на целевую страницу AXIS, вы увидите, как заголовок сообщает о преимуществах, используя шрифт с большой буквы.Копия внизу могла быть больше. Тем не менее, он предоставляет дополнительную информацию, чтобы убедить потенциального клиента. Дизайн: Кроме того, потенциальные клиенты, которым нужно узнать больше, могут нажать кнопку «Посмотреть, как это работает», которая открывает окно на целевой странице, вместо того, чтобы уводить посетителя на новую страницу. Помимо демонстрации того, как это работает, бренд также включает несколько дополнительных разделов, демонстрирующих преимущества. В результате у потенциальных клиентов будет все необходимое для нажатия на кнопку CTA. CTA: Секретное оружие AXIS — ярко-красный цвет кнопки CTA, усиленный бело-серой цветовой схемой. Копия CTA также проста, и использование слова «сейчас» добавляет срочности. Социальное доказательство: Бренд использует логотипы известных компаний, таких как CBS, Fox News и TechCrunch, чтобы повысить свой авторитет и убедить новых клиентов, что это не подделка. Одна из вещей, которые могут раздражать посетителей, — это то, что им придется постоянно прокручивать страницу вниз, так как страница довольно длинная. Для SaaS-бизнеса целевые страницы — настоящий швейцарский армейский нож ведущего поколения. Планируете вебинар? Сделайте лендинг! Расширяете список рассылки? Сделайте лендинг! Ниже мы собрали несколько удивительных дизайнов, которые SaaS-компании использовали в своей маркетинговой стратегии для привлечения потенциальных клиентов и многого другого! Давайте посмотрим! Заголовок и копия: Эта целевая страница компании Moosend служила точкой регистрации для пользователей, желающих посетить веб-семинар, посвященный Дню святого Валентина.Заголовок идеально резюмирует тему онлайн-мероприятия, сохраняя атмосферу Дня Победы. Кроме того, преимущество присоединения выделено красным шрифтом в конце сообщения. Таким образом, посетитель видит, что он получит в обмен на регистрацию. Дизайн: Дизайн использует белое пространство и высококачественные визуальные эффекты, чтобы заинтересовать посетителей. Более того, отсутствие панели навигации и других интерактивных кнопок сводит к минимуму отвлекающие факторы, позволяя посетителю сосредоточиться. CTA: Онлайн-форма Moosend включает только необходимые поля, пропуская ненужные поля, чтобы побудить посетителей зарегистрироваться.Наряду с этим ярко-красный CTA отлично сочетается с формой, привлекая внимание и стимулируя посетителей регистрироваться. Социальное подтверждение: Для повышения посещаемости компания использовала отзывы существующих клиентов. Не только это, но и для дальнейшего повышения своего авторитета, Moosend также добавил некоторые из своих значков G2, чтобы завоевать доверие новых посетителей и повысить качество мероприятия. Если вы хотите подражать примеру Moosend, вы можете зарегистрировать учетную запись Moosend, а затем получить один из платных планов для доступа к конструктору целевой страницы. Заголовок и копия: Hotjar создал специальную целевую страницу для своей платной рекламной кампании. Если вы посмотрите на заголовок, вы увидите, как Hotjar использует вопрос, чтобы заинтриговать посетителей продолжить чтение. Затем он использует контрольные точки, чтобы подчеркнуть преимущество выбора инструмента. Таким образом, Hotjar помогает своим потенциальным клиентам понять, почему программное обеспечение подходит для работы. Дизайн: Когда дело доходит до визуальных элементов и белого пространства, компания предпочитает чистый дизайн, чтобы сделать кнопку CTA более заметной и ее преимущества.Кроме того, изображение с правой стороны работает одинаково хорошо, давая потенциальным клиентам представление о программе тепловой карты. CTA: Hotjar использует ярко-розовую кнопку CTA, которая выделяется на целевой странице. Однако это не единственное, что заставляет его конвертировать. Копия с призывом к действию также является действенной, используя дополнение «бесплатно навсегда», чтобы сделать предложение компании более ценным! Social Proof: Наконец, стоит упомянуть, что Hotjar использует свой значок G2 и логотипы компании в качестве социального доказательства, чтобы завоевать доверие и улучшить конверсию. Несмотря на то, что дизайн красиво оформлен, кликабельный логотип в верхнем левом углу страницы не нужен. Заголовок и копия: Целевая страница Optimizely сбалансирована и информативна одновременно. Заголовок страницы четкий и прямой, позволяя посетителям понять, что им нужно делать. Когда дело доходит до остальной части текста, Optimizely сразу переходит к делу, используя глаголы действий и маркированные списки, чтобы побудить пользователей к действию и улучшить взаимодействие с пользователем. Дизайн: Хотя на странице нет привлекательных визуальных элементов, привлекающих внимание, структура привлекает внимание. Чтобы преобразовать его, Optimizely уделил внимание длине формы, используя только необходимые поля. Использование белого пространства также добавляет сбалансированности дизайну, а использование серого цвета в нижнем колонтитуле делает страницу более полной. CTA: Основная кнопка CTA могла быть более яркого цвета, чтобы выделяться на странице больше. Тем не менее, копия CTA компенсирует это, добавляя нотку срочности, подразумевая, что количество мест ограничено. Социальное доказательство: Социальное доказательство представлено в виде популярных, пользующихся доверием брендов, чтобы убедить потенциальных клиентов посмотреть демонстрацию. Заголовок и копия: Целевая страница Shopify содержит все необходимые дизайнерские примечания и многое другое! В заголовке нет лишних слов, что позволяет сразу перейти к делу. Более того, компания использует дополнительную копию, чтобы объяснить, почему Shopify для них лучший инструмент. Дизайн: Страница очень проста для навигации и имеет нужную длину, чтобы не увести посетителя. Более того, выбор цвета соответствует цветам бренда, даже если это не традиционный для бренда зеленый цвет. И в довершение всего, Shopify имеет визуализацию ноутбука и мобильного устройства, чтобы продвигать идею о том, что вы можете управлять всем, где бы вы ни находились! CTA: Отсутствие интерактивных ссылок (логотип не является интерактивным!), Несколько CTA и отличное использование пустого пространства — вот что делает его уникальным и интересным.Текст CTA также подчеркивает, что использование услуги «бесплатно», что является отличным способом убедить нерешительных потенциальных клиентов дать вам шанс. Социальное доказательство: Секретное оружие Shopify — это количество доверенных предприятий, которое бренд использует после заголовка, чтобы завоевать доверие новых пользователей. Однако, чтобы сделать его еще более убедительным, компания также добавляет существующий отзыв клиента, чтобы показать его ценность. Этот дизайн — одна из любимых целевых страниц Shopify.Как видите, компания ранее использовала его фиолетовую версию: A / B-тестирование имеет решающее значение для улучшения оптимизации коэффициента конверсии целевой страницы . Итак, как и Shopify, не забывайте проводить A / B-тестирование своих дизайнов, чтобы оптимизировать целевые страницы для получения лучших результатов! От вашей цветовой схемы до вашей копии, каждое маленькое изменение может иметь значение! Заголовок и копия: Заголовок Unbounce начинается с жирного заявления и продолжается обещанием: узнайте, как оптимизировать свои страницы! Большой шрифт привлекает внимание, а надпись «Like Talia Wolf» показывает потенциальных клиентов, что это будет скорее экспертный контент, чем общее руководство.Подтверждающая копия очень проста и объясняет, что влечет за собой бесплатное руководство. Тем не менее, шрифт немного большего размера мог быть лучше. Дизайн: Дизайн Unbounce — отличный пример сочетания белого пространства с фотографией и онлайн-формами! Глядя на целевую страницу, посетители сразу понимают, о чем она. В дизайне также отсутствуют стоковые фото и скриншоты, что увеличивает конверсию страницы. CTA: Количество полей идеально подходит для охвата целевой аудитории, а синий CTA выделяется, имея прямую и действенную копию CTA.Однако, хотя темно-синяя кнопка работает для страницы, компания могла бы использовать ярко-розовый или красный цвет, чтобы соответствовать цветам изображения. Социальное доказательство: Чтобы повысить доверие, на странице Unbounce используется отзыв, подчеркивающий опыт Талии. Таким образом, потенциальные лиды получат представление о том, чего ожидать, прочитав руководство. Недавно агентства недвижимости предоставили нам несколько замечательных примеров целевых страниц.Это показывает, как эти страницы могут помочь риэлторам генерировать потенциальных клиентов через красиво оформленные страницы с умными ценностными предложениями и призывами к действию. Если вы агент по недвижимости, вы можете узнать все о целевых страницах недвижимости в нашем специальном посте! А теперь давайте посмотрим на несколько отличных дизайнов недвижимости, чтобы вдохновить вас! Заголовок и копия: Целевая страница Scout соответствует правилам эффективной целевой страницы.У него есть интригующий заголовок с вопросом и вспомогательный текст, в котором подчеркиваются «быстрые, бесплатные и точные» результаты, которые получат посетители. Использование коротких текстов и значков также упрощает чтение преимуществ! Дизайн: Scout имеет простой дизайн, в котором используется изображение собственности, чтобы сделать страницу более релевантной. Однако, хотя фотография уместна, использование другого изображения с людьми могло бы быть намного более дружелюбным и относительным. Пустое пространство также используется для удобства страницы, помогая Scout организованно отображать преимущества преобразования. CTA: Когда дело доходит до CTA, выбор цвета идеально подходит, чтобы сделать этот дизайн с одним фокусом более привлекательным. Кроме того, использование слова «мой» делает результат более индивидуальным. Отзывчивость: Несмотря на то, что эта целевая страница имеет отличный дизайн, ее секретное оружие — отзывчивость на мобильных устройствах. Как вы знаете, создание целевых страниц, удобных для мобильных устройств, является обязательным условием для конверсии пользователей, ориентированных на мобильные устройства, и обеспечения лучшего взаимодействия с пользователем. Если вы хотите создать адаптивные целевые страницы, вы можете использовать инструмент целевой страницы Moosend, чтобы убедиться, что все на месте.Вы можете использовать конструктор и множество дополнительных функций, зарегистрировав учетную запись и получив один из платных планов всего за 8 долларов в месяц. Заголовок и копия: Заголовок целевой страницы Sundae — это именно то, что домовладельцы хотят видеть, когда попадают на страницу. Использование глаголов действия («продавать») и таких слов, как «сегодня», также добавляет срочности, призывая посетителя действовать сейчас. Остальная часть страницы посвящена краткому и приятному изложению преимуществ получения предложения.Вдобавок к этому «обещание» риелтора — это изюминка страницы, вызывающая эмоциональную реакцию. Дизайн: На первый взгляд, целевая страница Sundae белая с минималистичным дизайном и черным шрифтом. Однако здесь сила пустого пространства! Тем более, что Sundae использует весь дизайн, чтобы усилить свой яркий CTA. Хотя страница немного длинновата, ее структура помогает посетителю определить основные моменты и приблизиться на один шаг к конверсии. CTA: Говоря о CTA, заметили ли вы, что единственный всплеск цвета — это либо кнопка CTA, либо номер телефона, который предоставляет риэлтор? Таким образом, вся страница приводит взгляд посетителя к единственному цветному элементу, приглашая его щелкнуть. Социальное доказательство: В последнем разделе агентство ловко добавляет несколько отзывов, повышая доверие и делая этот проект одним из самых эффективных на рынке! В общем, дизайн Sundae — отличный пример того, как простая страница и яркий CTA могут стать лучшим оружием конверсии! Заголовок и копия: Flyhomes использует очень специфический заголовок целевой страницы для преобразования потенциальных клиентов в Сиэтле.Использование слова «beat» предназначено для того, чтобы заинтриговать домовладельцев и показать им, что они могут получить лучшие предложения, щелкнув CTA. Двигаясь дальше вниз, вы также можете увидеть, как агентство недвижимости увеличивает свое ценностное предложение, предлагая клиентам три способа стать лучшими домовладельцами. Дизайн: В дизайне Flyhomes используется синяя цветовая палитра, чтобы создать элегантный результат, соответствующий логотипу компании. Изображение главного героя простое, но оно отражает бренд, делая страницу более уникальной. Кроме того, пустое пространство упрощает навигацию по странице, сохраняя сбалансированность дизайна и изображения. CTA: Здесь основной CTA стратегически размещен после заголовка и вспомогательной копии, чтобы максимизировать конверсии. Однако цвет кнопки такой же, как и шрифт, что делает ее менее заметной. Что касается CTA-копии, «Начать сейчас» — это простой способ побудить к действию, добавив немного срочности. Социальное доказательство: Кроме того, мы также можем видеть, что риэлтор использует логотипы и отзывы компаний для укрепления доверия и статистики, чтобы убедить посетителей в том, что они могут дать им ощутимые результаты.Доверие играет важную роль в обращении людей, которые никогда раньше не слышали о вашей компании. Так что использование его как части вашего дизайна будет работать вам на пользу! Заголовок и копия: По сравнению с остальными, у Trulia совершенно другой дизайн целевой страницы. Здесь вы видите целевую страницу с одним фокусом, в которой приоритет отдается привлечению потенциальных клиентов, а не показу преимуществ. Чтобы получить дополнительную информацию, посетителям нужно будет перейти к следующему шагу.Тем не менее, Трулия старается сначала возбудить их, превратив их заголовок в вопрос: «Сколько стоит ваш дом?» Дизайн: Изучая структуру Trulia, мы видим, что компания помещает ее форму в центр страницы, превращая CTA в центр дизайна. Более того, риэлтор использует пять полей, чтобы побудить домовладельцев заполнить их как можно быстрее. Фоновое изображение — отличное дополнение к дизайну. Однако было бы лучше использовать изображение человека, смотрящего прямо на свинца. CTA: Поскольку ваши потенциальные клиенты — занятые люди, предоставление им мгновенного решения болевой точки — лучший способ их победить. Для Trulia использование вопроса, простой формы и оранжевого CTA выглядит как выигрышная комбинация. Кроме того, копия CTA гарантирует, что ответ, который получит лид, будет адаптирован к его свойствам , , а не к чему-то общему. В целом, дизайн Trulia идеально подходит для привлечения потенциальных клиентов, которым требуется мгновенное и персонализированное решение.Так что не забывайте, что иногда лучше работает меньше, чем больше! Будь то потенциальных клиентов или реклама, целевых страницы являются одними из самых экономичных инструментов для продвижения агентства! Ниже вы можете увидеть, как агентства используют креативный и красивый дизайн, чтобы увеличить количество потенциальных клиентов. Давай посмотрим! Заголовок и копия: Получите маркетинговый план с большим количеством мяса, чем четырехкратный Биг Мак? Этого я больше нигде не видел! Веселый и уникальный заголовок мгновенно привлекает внимание и заинтриговывает потенциального клиента.Копия внизу также делает громкое заявление, давая лидеру обещание получить лучший сервис. Дизайн: Дизайн Klientboost более игривый, чем все остальные, благодаря мультяшной графике. Помимо визуальных элементов и текста, эта целевая страница является интерактивной, что позволяет посетителям выбрать, с чем им нужна помощь, а затем щелкнуть CTA. Это довольно необычно для агентства, поскольку целевые страницы агентства имеют более «серьезный» дизайн. CTA: Говоря о CTA, Klientboost выбрал красный цвет, чтобы его кнопка выделялась на странице.В сочетании с зелеными визуальными эффектами и белым пространством агентство создало красивый контраст, который привлекает посетителей к «Начни мой бесплатный маркетинговый план». Социальное доказательство: Наконец, агентство использует отзывы существующих клиентов (включая имена и должности), чтобы сделать предложение более привлекательным и заслуживающим доверия. Несмотря на то, что дизайн этой целевой страницы уникален, можно обойтись без панели навигации и интерактивных ссылок внизу, чтобы пользователи не покидали страницу. Заголовок и копия: Yodle (теперь Enspire) использует заголовок из четырех слов, чтобы показать своей аудитории, что они получат, когда присоединятся к агентству. Однако использование чего-то более интригующего могло произвести лучшее первое впечатление. Когда посетитель смотрит на копию, он может сразу определить преимущества. Более того, контрольные точки идеально подходят для того, чтобы помочь потенциальным клиентам принять решение и запросить демонстрацию. Дизайн: По сравнению с примером Klientboost, на этой целевой странице предпочтение отдается более традиционным элементам. Как видите, дизайн более «серьезный», с использованием более темных цветов и серого фонового изображения. Переходя к форме, мы видим простой дизайн формы, запрашивающий только необходимую информацию. Это идеальный вариант, поскольку потенциальные клиенты, запрашивающие демонстрацию, не хотят тратить слишком много времени на бесконечные поля. CTA: Хотя копия CTA могла бы быть чем-то более привлекательным и действенным, оранжевый цвет компенсирует это.Это умный способ заставить посетителей заметить вашу кнопку CTA, когда они попадают на вашу страницу. Что касается CTA-копии, агентство могло бы использовать что-то более действенное вместо «Запросить демонстрацию». Социальное доказательство: Первое, что замечают посетители, — это 55 000 малых предприятий под заголовком. Однако это заявление довольно расплывчато и не показывает, как агентство помогло им найти лучший способ. К счастью, агентство использует отзывы уже существующих клиентов, которые более правдоподобны и конкретны. Заголовок и копия: Страница Блума предназначена для привлечения потенциальных клиентов, с которыми можно связаться. Чтобы убедить посетителей, агентство подчеркивает преимущества становления клиентом, используя маркированный список. Дизайн: Дизайн простой, с использованием мягкой цветовой схемы и фонового изображения для создания приятного для глаз результата. Блум также поместил свою форму рядом с преимуществами, чтобы увеличить шансы на преобразование посетителя.Согласно рекомендациям по использованию целевой страницы, всегда используйте меньше полей формы, особенно если ваша цель — связаться с потенциальными клиентами. Помните, что более длинные формы можно использовать только тогда, когда это необходимо! CTA: Когда дело доходит до CTA, оранжевый цвет привлекает внимание, поэтому его трудно не заметить. Текст также прост и прямолинеен, подчеркивая действие, которое должен предпринять посетитель. Социальное доказательство: Конечно, социальное доказательство является частью дизайна, в котором для повышения доверия используются отзывы существующего клиента, график и различные логотипы компаний. Если есть что-то, что может улучшить этот дизайн, так это избыточная копия рядом с графиком. Мелкий шрифт также затрудняет чтение. Вместо этого агентство могло бы использовать маркированный список для описания дополнительных преимуществ и использовать другой шрифт и цвет, чтобы текст выделялся больше. Блоги и целевые страницы отлично подходят! Как инструмент лидогенерации, вы можете легко создавать страницы для своего блога, чтобы расширить список рассылки и привлечь больше заинтересованных читателей! Чтобы протянуть вам руку помощи, вот несколько хороших дизайнов целевых страниц, которые вдохновят вас! Заголовок и копия: Основная цель страницы ProBlogger — увеличить количество подписчиков на рассылку новостей за счет ввода имени и адреса электронной почты посетителя. Заголовок выделяется цветом и интересным предложением. Использование слова «эксклюзивный» — отличный способ показать вашим новым подписчикам, что это не просто еще одна регистрация, а уникальная возможность получать эксклюзивный контент. Копия внизу дает новым подписчикам повод для волнения, поскольку обещает предоставить 180 идей для сообщений в блоге, когда они передадут свою электронную почту. Дизайн: Два поля формы идеально подходят для сведения к минимуму разочарования и стимулирования аудитории к заполнению формы. CTA: Что бросается в глаза в дизайне, так это выбор цвета CTA. Желтый — довольно мощный цвет, поэтому добавление его на страницу сразу привлекает внимание потенциального лида. Однако целевая страница могла бы сделать лучше, если бы использовал другой цвет / более жирный шрифт , чтобы копия выделялась больше.В настоящее время потенциальные клиенты могут не прочитать все предложение и полностью упустить возможность присоединения к списку. Заголовок и копия: Что касается копии целевой страницы, на этой странице выбирается убедительный заголовок, подчеркивающий преимущества присоединения к списку рассылки. Заголовок сразу привлекает внимание, демонстрируя преимущества и материалы, которые получат новые подписчики. Дизайн: Этот дизайн мастера BloggingWizard показывает вам, как создать преобразующий дизайн с использованием ярких цветов.В блоге также удалена ссылка на логотип, чтобы не отвлекаться. Однако внизу страницы есть ссылка на главную страницу, которая может увести посетителей, прежде чем они конвертируются. CTA: Первый CTA стратегически размещен под заголовком, чтобы привлечь внимание пользователя, в то время как зеленый цвет соответствует визуальному изображению «дракона-волшебника» справа. Это отличное дополнение, чтобы сделать страницу немного интереснее и веселее! Социальное доказательство: BloggignWizard умело использует социальное доказательство в виде представленных логотипов компаний, чтобы повысить доверие и завоевать доверие новых посетителей. И чтобы убедиться, что страница конвертируется, BloggingWizard добавляет дополнительный раздел отзывов , прежде чем отказаться от второй кнопки CTA с такой же убедительной копией! Если у вас есть онлайн-курс, который нуждается в продвижении, отличная целевая страница может помочь! Призыв вашей аудитории зарегистрироваться для участия в онлайн-классе с помощью ярких призывов к действию и удивительных ценностных предложений поможет вам повысить посещаемость и создать лояльных последователей. Ниже давайте посмотрим, как преподаватели онлайн-курсов использовали дизайн целевой страницы для достижения лучших результатов! Заголовок и копия: Посетители попадут на целевую страницу онлайн-курса Даниэль Лесли, нажав на ее призыв к действию в Facebook. Заголовок здесь трудно не заметить, а обещание запустить собственный курс через 60 дней — это то, что усиливает желание посетителя действовать.Чтобы повысить конверсию, инструктор также включает преимущества прохождения курса, выделенные в формате контрольного списка для облегчения чтения. Дизайн: Последователи Даниэль в социальных сетях сталкиваются с дизайном, в котором используются контрастные цвета и белое пространство. Кроме того, у Даниэль есть еще один раздел с собственной фотографией, чтобы сделать страницу более дружелюбной и представить себя новым посетителям. Тем не менее, копия здесь довольно длинная, и посетители могут не тратить время на ее чтение. CTA: Что действительно выделяется здесь, так это ярко-красная кнопка CTA, которую Даниэль использует для увеличения числа регистраций. В частности, она трижды использует его в своем дизайне, чтобы убедиться, что потенциальные ученики увидят его и будут взаимодействовать с ним. Социальное доказательство: Даниэль добавляет свидетельство довольного студента, чтобы повысить ее конверсию. Цитата стратегически размещена под призывом к действию, чтобы привлечь нерешительных потенциальных клиентов, которые не нажали на нее. Одна вещь, которую Даниэль могла бы улучшить, — это выбирать разные фотографии самой себя, поскольку изображения людей, смотрящих на посетителя, оказывают на них большее влияние. Заголовок и копия: Создание конверсионных целевых страниц — это одновременно искусство и наука. На этой странице Skillshare вы можете увидеть и то, и другое. Начиная с заголовка, сообщение очень простое, с упором на «бесплатные» и «премиум» услуги, которые получат пользователи. Спускаясь ниже, вы можете увидеть, как Skillshare использует текст и дизайн, чтобы красиво и организованно представить преимущества. Дизайн: Платформа онлайн-обучения использует Z-шаблон для усиления своего ценностного предложения. Использование белого пространства также помогает дизайну оставаться чистым, стимулируя посетителей взаимодействовать с ним. CTA: Ярко-зеленая кнопка CTA готова привлечь внимание посетителей и заставить их щелкнуть! Но вы можете спросить, а как насчет нескольких CTA? Если вы проверите копию CTA, вы можете подумать, что у нее разные кнопки, ведущие на отдельные страницы. Однако, хотя некоторые из них отличаются («узнать больше»), все они ведут на одну и ту же страницу регистрации.Это отличный способ сделать вашу целевую страницу более эффективной и избежать повторений. Социальное доказательство: Хотя в этом дизайне нет свидетельств, Skillshare использует фотографии инструкторов и количество авторов, чтобы сделать предложение более привлекательным и заслуживающим доверия. Как я уже сказал, создание целевых страниц с высокой конверсией — это одновременно искусство и наука! Соберите все элементы вместе, и вы получите конверсии своей мечты! Добавьте что-нибудь неуместное, и публика уйдет! Рассмотрение некоторых из лучших дизайнов вдохновит вас на создание дизайнов, которые сделают вашу целевую аудиторию на шаг ближе к конверсии. И хотя хороший дизайн целевой страницы — это все, что вы собираете вместе, не забывайте, что умный конструктор — это то, что позволит вам материализовать ваши страницы! Если вы ищете конструктор (или альтернативу), вы можете зарегистрироваться на платформе Moosend и получить один из платных планов для доступа к конструктору целевой страницы! Итак, инвестируйте в отличные инструменты и дизайн, и скоро, друзья мои, от создания целевой страницы вы перейдете к лидерству! 30 августа 2019
мин чтения Целевая страница — это не обычная территория веб-сайта. Как инопланетянин, открывающий новую планету, потенциальный клиент «приземляется» там, давая вам возможность сделать ему предложение, собрать информацию и «установить контакт». Это захватывающе — , по крайней мере, для такого ботаника, как я. Тем не менее, несмотря на это волнение, легко и довольно часто увязнуть в суете его создания. У вас есть новое предложение, возьмите свой шаблон, клонируйте ту же форму, которую вы используете каждый раз … Где чувство приключения? Где творческие поиски, которые заставят вашего читателя на самом деле захотеть, чтобы конвертировал? Примеры целевых страниц, которыми я здесь поделюсь, относятся к широкому кругу отраслей и отличаются уникальным дизайном, который гарантированно наполнит ваш творческий поток и вдохновит поколение потенциальных клиентов genius . В конце концов, отличная целевая страница — это просто та, которая четко определяет ее ценность для своей аудитории и генерирует потенциальных клиентов, но наиболее эффективный способ сделать это зависит от вашей конкретной аудитории, бренда и отрасли. Многие отличные целевые страницы, включая несколько примеров, приведенных ниже, включают такие функции, как: Итак, тестируйте разные вещи! Под каждым примером целевой страницы в этой статье я включил краткое изложение того, что бренд сделал правильно, чтобы вы могли получить некоторые идеи о том, что включить в свой собственный дизайн, чтобы увеличить конверсию и общий успех. Когда вы закончите со списком, дайте нам знать, какой дизайн понравился вам больше всего и почему в IMPACT Elite! Как они это сделали: Как они это сделали: Как они это сделали: Как они это сделали: Как они это сделали: Как они это сделали: Как они это сделали: Как они это сделали: Использует элегантный шрифт и изображения нестандартного оформления дома, чтобы более наглядно объяснить ценность бренда. Форма находится над сгибом, и описание дает очень четкое представление о том, что вы получаете. «Как это работает» делает процесс менее пугающим, сводя его к трем простым шагам, причем последний шаг является конечным результатом. Как они это сделали: Заголовок дружелюбный и представительный, в нем говорится: «Давайте оставаться на связи» вместо мягкого «Подпишитесь на мою рассылку». Форма имеет только одно поле, что упрощает ее заполнение и гарантирует, что они не запрашивают ненужную информацию. Они включают примеры прошлых информационных бюллетеней, чтобы вы точно знали, на какой контент вы подписываетесь.Без сюрпризов! Как они это сделали: Как они это сделали: Обращается к двум отдельным персонажам, не сбивая с толку и не отвлекая.Для каждой группы в верхней части страницы есть четкий заголовок и призыв к действию. Форма изначально скрыта, но скользит внутрь, чтобы привлечь ваше внимание, когда указатель мыши перемещается по одной из кнопок CTA. Каждый раздел ниже сгиба имеет очень четкий и точный заголовок, подчеркивающий основное преимущество, за которым следует краткий список соответствующих функций. Отзывы отраслевых профессионалов на стороне укрепляют их доверие, а также поддерживают сбалансированный дизайн страницы. Как они это сделали: Минималистичный дизайн, с привлекательным анимированным персонажем, который исключительно фирменный В заголовке используется социальное доказательство, указывающее, сколько компаний зарегистрировались за последнюю неделю. Это снижает трение конверсии, предлагая 60-дневную бесплатную пробную версию и не требуя кредитной карты для регистрации. Они решают общие вопросы и решают поставленные задачи Как они это сделали: Как они это сделали: Он позволяет видео делать большую часть своего разговора, включая его прямо в область героя. Он отлично справляется с очеловечиванием предложения, имея миниатюру человека. (К счастью для них, это тоже знаменитость.) Как они это сделали: Дизайн над сгибом прост и не отвлекает, используя четкий заголовок, соответствующее изображение и форму с ярко-красной кнопкой CTA. У них также есть функция входа в систему через Facebook или Google+, что снижает барьер для конверсии. Использует видео от настоящего студента, чтобы ответить на распространенный вопрос: «Как кодирование может вам помочь?» Как они это сделали: Заголовок простой, но индивидуализированный — вы можете сэкономить столько денег в городе, в котором вы на самом деле находитесь. Форма белого цвета и центрирована на зеленом фоне для отличного контраста. Требуется только одно поле, что делает преобразование максимально простым. Они используют соответствующее изображение, чтобы разбить пустой фон, не отвлекая его Как они это сделали: Текст использует вдохновляющий язык, который обращается к целям посетителя.Вместо того, чтобы просить вас сделать пожертвование на их дело, они просят вас принять участие в этом процессе, поддерживая художников и взаимодействуя с ними в качестве «покровителей искусств». На изображении в заголовке изображен художник, который работает, и вы сразу же сразу поймете, что это за услуга. Ярко-оранжевая кнопка CTA находится спереди и по центру, идеально контрастируя с более темным фоном. Hero включает всплывающее окно, которое быстро объясняет, что такое Patreon и как он работает. Как они это сделали: Первое, что вы видите на этой странице, — это поразительное изображение библиотеки, которая напрямую связана с ценностью компании — частной сетью колледжа. Объем текста ограничен, что позволяет сосредоточить ваше внимание и минимизировать усилия со стороны пользователя. Несмотря на то, что на изображении много чего происходит, они поместили ярко-синий прямоугольник с призывом к действию поверх темной области, чтобы он выделялся. Как они это сделали: При нажатии на ярко-красную кнопку открывается форма с надписью «Зарегистрируйтесь за секунды», позволяющая войти в существующую учетную запись Google+. Это дает понять, что конвертировать просто и нечего бояться. Фоновое изображение прокручивает различные короткие видеоролики, демонстрирующие различные сценарии, в которых вы могли бы использовать приложение самостоятельно. Это также дает вам представление о том, как это выглядит на разных устройствах. Как они это сделали: Использует сильный эмоциональный заголовок. Кто не хочет тратить свое время на то, что любит? Вместо того, чтобы сосредоточиться на функциях программного обеспечения, они выражают конечный результат за вас. Изображение работает очень хорошо, потому что оно дает вам представление о реальном покупателе, который смотрит прямо на вас с улыбкой, что добавляет элемент доверия и человечности. Форма сохраняет ограниченное количество полей, что снижает барьер для преобразования. Как они это сделали: Использование красного здесь выделяется на черном фоне и создает мысленную связь с вином, основным продуктом Vivino. Заголовок простой, лаконичный и дает вам основную причину для загрузки приложения. Использование трехступенчатой области подчеркивает простоту приложения, что может стать препятствием для входа пожилых людей, которые любят вино, но не разбираются в технологиях. Как они это сделали: Смелый, высококонтрастный дизайн вызывает ощущение срочности. Использование фразы «ПРИНИМАЙТЕ ДЕЙСТВИЕ» в их призыве к действию привлекает и вызывает любопытство. Это означает, что щелчок по этой кнопке действительно имеет значение прямо сейчас. Сказание «это терроризм, с которым действительно можно что-то сделать», он обращается к вашим эмоциям, убеждая вас, что ваше время и деньги не потрачены зря и что вы оказываете положительное влияние. Как они это сделали: Копия и форма центрированы по центру экрана и хорошо контрастируют с более темным фоном.Это явно в центре внимания. Заголовок задает вопрос, который есть у их идеального образа, и CTA предлагает ответ. На изображении изображена женщина, сидящая на диване с разбросанными по сторонам бумагами и ее ноутбук на коленях. Это означает, что вам не придется возиться с бумагами, если вы просто загрузите свой персональный отчет. Как они это сделали: Как они это сделали: Как они это сделали: Как они это сделали: Как они это сделали: * Примечание редактора. LaborSync — бывший клиент IMPACT. Как они это сделали: Как они это сделали: Как они это сделали: Как они это сделали: Как они это сделали: Как они это сделали: Как они это сделали: Как они это сделали: Хотя большая часть рынка Магнолия — это торговые площади, у них также есть «Дом Магнолии», где вы можете остановиться в отпуске. Как они это сделали: Иногда нам всем просто нужен новый гардероб. Целевая страница Bombfell берет эту идею и делает ее частью своей большой ценности. Как они это сделали: Кто знал, что у Wayfair есть свадебная книга, верно? Как они это сделали: Square эффективно использует свою целевую страницу, чтобы предоставить вам информацию, необходимую для принятия обоснованного решения. Как они это сделали: Как они это сделали: * Примечание редактора: Yale Appliance является текущим клиентом IMPACT. Неудивительно, но в этом примере HubSpot демонстрирует некоторые из наиболее эффективных традиционных методов создания правильной целевой страницы. Как они это сделали: Как они это сделали: 28. Twinwoods Adventure (агентство: Bluespark Digital)
Изображение любезно предоставлено Twinwoods Adventure. (Щелкните, чтобы увидеть все.) 29. Roomeze (Агентство: Snap Listings)
Изображение любезно предоставлено Roomeze и Snap Listings. Щелкните, чтобы увидеть все. 30. Smalls
Изображение любезно предоставлено Smalls. Щелкните, чтобы увидеть все. 31. Мороженое
Изображение любезно предоставлено Sundae. Щелкните, чтобы увидеть все. 32. Wavehuggers (Агентство: Everett Andrew Marketing)
Изображение любезно предоставлено Wavehuggers. (Щелкните, чтобы увидеть все.) 33. Woolx
Изображение любезно предоставлено Woolx и Заком Дунканом. Щелкните, чтобы увидеть все. 34. Zumba (Агентство: MuteSix)
Изображение любезно предоставлено Zumba и MuteSix. Щелкните, чтобы увидеть все. ABT: Always Be Testing
Будьте Майклом Джорданом на целевых страницах
15 целевых страниц с высокой конверсией (вы захотите построить)
Что делает посадочную страницу с высокой конверсией?
Снимок вашего героя (основной изображение или видео на вашей целевой странице в верхней части страницы) — это первое, на чем будут сосредоточены посетители, так что вам лучше сделать это увлекательным.Покажите свой продукт или услугу в контексте использования: продемонстрируйте, как они работают, и дайте людям возможность легко представить себе, как они пользуются преимуществами.
Ваш призыв к действию (CTA) — это единственное, что вы хотите, чтобы посетители делали на вашей странице, и ваш основной показатель конверсии. Убедитесь, что ваш призыв к действию очевиден (с точки зрения дизайна) и убедителен (с точки зрения копирования). Как правило, рекомендуется удалить любые вторичные ссылки, которые могут заставить кого-то покинуть вашу страницу, до конверсии через ваш CTA, включая навигацию по сайту.
Почему посетители должны принимать ваш призыв к действию? Используйте заголовок и подзаголовок, чтобы сформулировать свое ценностное предложение, четко указав преимущества вашего предложения и то, что отличает вас от конкурентов.
Конечно, людям нужно знать, что делает ваш продукт или услуга, но они с большей вероятностью совершат конверсию, если поймут, какие выгоды они получат, следуя через ваш CTA.Сообщения, ориентированные на выгоду (как мы увидим на некоторых примерах), — один из лучших способов увеличения числа конверсий.
Люди с гораздо большей вероятностью совершат конверсию на вашей целевой странице, если они считают, что другие сделали это до них и остались довольны результатами. Социальные доказательства — отзывы, обзоры, партнерские логотипы — могут быть быстрым и эффективным способом завоевать доверие ваших потенциальных клиентов. (В чем разница между потенциальным клиентом и лидером?) Примеры целевых страниц с высокой конверсией
Отрасль: Социальные сети / Коэффициент конверсии: 46,94%
Изображение предоставлено Promo. (Щелкните изображение, чтобы увидеть всю страницу.) Promo предлагает высокую конверсию: используйте видео, чтобы повысить вовлеченность посетителей и увеличить количество конверсий.
Отрасль: Образование / Коэффициент конверсии: 52,68%
Изображение любезно предоставлено edX. (Щелкните изображение, чтобы увидеть полную страницу.) Совет edX для высокой конверсии: упростите свою презентацию и сделайте кристально очевидными преимущества.
Отрасль: Страхование / Коэффициент конверсии: 62.26%
Изображение любезно предоставлено Simply Business. (Щелкните изображение, чтобы увидеть полную страницу.) Подсказка Simply Business для высокой конверсии: представляйте сложные продукты в простой форме.
Отрасль: Социальные сети / Коэффициент конверсии: 57,92%
Изображение предоставлено Later. (Щелкните изображение, чтобы просмотреть всю страницу.) Подсказка Later по высокой конверсии: сохраняйте нюанс конверсии и сбалансируйте свои стимулы.
Отрасль: недвижимость
Изображение любезно предоставлено лабораторией листинга.(Щелкните изображение, чтобы увидеть полную страницу.) Совет по конвертации объявлений лаборатории листингов: используйте простой дизайн и сосредоточьтесь на предложении.
Отрасль: Одежда / Коэффициент конверсии: 46,85%
Изображение предоставлено Twillory. (Щелкните изображение, чтобы просмотреть всю страницу.) Twillory: высокая конверсия: создайте индивидуальный опыт для посетителей с мобильных устройств.
Отрасль: автомобилестроение
Изображение любезно предоставлено TyresOnTheDrive. (Щелкните изображение, чтобы просмотреть всю страницу.) TyresOnTheDrive: высокоэффективный совет: четко сформулируйте заголовок и подкрепите его социальными доказательствами.
Отрасль: Финансы / Коэффициент конверсии: 35,57%
Изображение любезно предоставлено ooba.(Щелкните изображение, чтобы просмотреть всю страницу.) Подсказка ooba: высокая конверсия: используйте описательный призыв к действию, который сообщает посетителям, что будет дальше.
Отрасль: Юридическая информация / Коэффициент конверсии: 30,02%
Изображение предоставлено ClaimCompass. (Щелкните изображение, чтобы увидеть полную страницу.) Подсказка ClaimCompass о высокой конверсии: убедитесь, что у посетителей достаточно информации для преобразования (а затем спросите их еще раз).
Отрасль: Мебель
Изображение любезно предоставлено Extreme Lounging. (Щелкните изображение, чтобы увидеть полную страницу.) Extreme Lounging предлагает высокую конверсию: запускайте кампании с раздачей подарков, чтобы привлечь потенциальных клиентов.
Отрасль: Навигация / Коэффициент конверсии: 61,15%
Изображение любезно предоставлено onX. (Щелкните изображение, чтобы просмотреть всю страницу.) Подсказка onX с высокой конверсией: соответствие поисковому намерению посетителя в письменном и визуальном контенте.
Отрасль: финансы / Коэффициент конверсии: 51,32%
Изображение предоставлено Investing Shortcuts. (Щелкните изображение, чтобы увидеть полную страницу.) Подсказка Investing Shortcuts с высокой конверсией: по возможности создавайте срочность в своем предложении.
Отрасль: образование / коэффициент конверсии: 55.29%
Изображение любезно предоставлено MyTutor. (Щелкните изображение, чтобы увидеть полную страницу.) Совет MyTutor с высокой конверсией: представляйте правильное предложение нужным людям в нужное время.
Отрасль: образование / коэффициент конверсии: 77,38%
Изображение любезно предоставлено College Board. (Щелкните изображение, чтобы увидеть полную страницу.) Совет College Board: высокоэффективный совет: установите дату истечения срока действия призыва к действию.
Отрасль: Домашний ремонт / Уровень конверсии: 34,52%
Изображение любезно предоставлено FilterEasy. (Щелкните изображение, чтобы просмотреть всю страницу.) Подсказка FilterEasy: высокая конверсия: не всегда понятно, почему целевая страница является успешной, — и это тоже нормально.
7 лучших примеров целевых страниц, из которых можно поучиться
7 лучших примеров посадочных страниц
1. One Page Love
5.Винк Винодельня
Целевые страницы-убийцы для привлечения внимания и конверсий Хотите узнать больше?
21 пример более высокой конверсии [2021]
42 лучших примера целевых страниц, которые вдохновят вас в 2020 г. [Обновлено]
Чем хороша целевая страница?
1. Amazon
2. Убер
3.EF Ultimate Break
4. Snapchat
5.Наклейка Мул
6. Мастер-класс
7.HelloFresh
8.H.BLOOM
9. Лакмус
10. Довольно
11. Стойка для мусора
12. Базовый лагерь
Бонус Basecamp:
13. ТБС
14. Codecademy
15. Groupon
16. Patreon
17. CampusTap
18. Todoist
19. Волна
20. Вивино
21. Последние дни слоновой кости
22. Трулия
23. Shopify
24. Аплодисменты
25. СМЕЩЕНИЕ
26. Tumblr
27. LaborSync *
28. Дрифт
29.Быстрый росток
30. Отклонить
31.Синий фартук
32. Слабина
33. LastPass
34.Zoom
35. Гальванический
36.Рынок Магнолии
37. Bombfell
38. Wayfair
39. Квадрат
40. Yale Appliance *
41. HubSpot
42. Salesforce
.