Дизайн лендингов: Принципы дизайна лендинга // Создание Landing Page

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

Дизайн лендингов для арбитража трафика

Если сравнить рекламную кампанию с рыбалкой, то креативы — всего лишь наживка. Настоящий крючок, на который попадаются покупатели, — это лендинг. Главная задача лендинга не вызывать жгучий интерес пользователя, а убедить, зацепить его (в связке с креативом и оффером) и самое главное — подвести к целевому действию. В этой статье мы расскажем, как создать работающий лендинг для офферов из любой вертикали.

Что касается дизайна лендинга, обычно выбор делается между двумя главными направлениями: графика и функционал (или UX-дизайн). Рассмотрим их оба.

---

UX-дизайн

ИИ, виртуальная реальность и метавселенная

Это не просто модные слова. Покупки в виртуальных магазинах, технологии дополненной реальности и контент, созданный ИИ, — обычное дело для многих современных интернет-юзеров. Все больше брендов используют VR-технологии в маркетинге: NIKELAND game у Nike и виртуальный ужин в метавселенной у Wendy.

В основе этого тренда лежит идея вовлечения пользователя, его присутствие на территории бренда, когда человек может прикоснуться к нему, стать его частью. Эти интерактивные элементы позволяют маркетологу показать продукт во всей красе и передать видение компании, оставаясь в тесном контакте с аудиторией.

Небольшим фирмам с простыми сайтами вполне подойдет интерактив в виде QR-кода, через который пользователь может увидеть дополнительный контент или перейти на другую часть сайта. Другой вариант — умный помощник на базе ИИ, который ответит на частые вопросы или расскажет о продукте.

Эти два решения сейчас самые востребованные и подойдут для продуктов, популярных у молодой аудитории: игры, подписки, определенные товары в интернет-магазинах. Ведь если молодежь хорошо относится к прогрессу в любых форматах, то пользователи старше 50 могут и не захотеть переписываться с виртуальным помощником или сканировать какие бы то ни было коды.

Анимация и интерактивность

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

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

Какие элементы можно добавить на сайт:

• Анимированный курсор, который меняется в зависимости от ситуации. Его внешний вид может коррелировать с тематикой продукта (одежда, игрушки, декор) или этапом воронки продаж (выбор продукта, оформление заказа, оплата счета). Главное, чтобы живой курсор не мешал взаимодействию с сайтом, а если нужны свежие идеи, рекомендуем заглянуть в блог Hubspot.

• Анимация на время скачивания/загрузки. Если невозможно повлиять на размер файлов или скорость передачи данных, предлагаем немного повеселить пользователя во время нудного ожидания — это в ваших силах.

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

Страница 404

Раньше у пользователя был только один путь со страницы с ошибкой 404 — назад. Но сейчас и ее бренды используют для общения с аудиторией, и весьма успешно. Уже давно считается хорошим тоном оформить такую страницу в общей стилистике сайта и добавить немного юмора: пользователь оценит шутку, даже если получит ее вместо ожидаемого контента.

Однако можно пойти дальше и предложить человеку немного развлечься: небольшая игра или дополнительная информация о продукте в занимательной форме задержать пользователя на сайте. А для вдохновения советуем заглянуть в подборку интерактивов на странице 404  на Time. 

Этот прием работает с людьми любого возраста, а выбор вертикали практически неограничен. Лучше всего такой интерактив подойдет для продвижения цифровых продуктов вроде игр, инфопродуктов и утилит. Также короткие игры неплохо показывают себя в e-commerce и с нутрой, поскольку не мешают покупке. В вертикалях, где от пользователя требуется больше концентрации внимания, подобные игрушки будут неуместны, но креативно оформить страницу с ошибкой все равно стоит.

Графический дизайн

Нагруженный визуал

Основными трендами в графическом дизайне в последние годы были интуитивно понятная навигация, простая структура, грамотное использование негативного пространства. Логика понятна: минималистичный дизайн не напрягает пользователя деталями, информация подается постепенно, а структура помогает ориентироваться на сайте.

Но на фоне тысяч интуитивных и минималистичных сайтов брендам стало крайне сложно как-то выделяться. Поэтому некоторые переходят на нагруженный визуал: почти полное отсутствие негативного пространства, множество элементов и сложная структура страницы. Такой взрыв эмоций точно не останется незамеченным и хорошо работает с e-commerce или подписками. Однако не рекомендуем использовать нагруженный визуал в лидогенерации и с инфопродуктами, поскольку из-за графической мешанины и нечеткой структуры click rate может сильно пострадать. 

Нестандартная сетка

Обычно для страниц сайта выбирают структуру сетки, заполняя каждую ячейку визуальными блоками и текстом. Однако последнее время дизайнеры все чаще отходят от строгого шаблона, накладывая элементы друг на друга. Это позволяет сайту выглядеть необычно и дольше удерживать пользователей.

В нестандартной сетке друг на друга наползают не только изображения и графические элементы (линии и формы), но и текст (иногда чуть ли не за счет читабельности). Поэтому тем, кто собирается попробовать этот тренд, мы рекомендуем не жертвовать смыслом ради формы. Чтобы текст хорошо читался, его можно выделить жирным, курсивом или подчеркнуть.

3D-изображения

Несмотря на то, что в 2022 году в тренде интерактивные и анимированные форматы, не стоит забывать и об объемных 3D-моделях. С их помощью можно изобразить логотип компании, фирменного персонажа или сам продукт. А чтобы лучше раскрыть УТП продукта, советуем попробовать 3D-модель «довольного покупателя».

В некоторых случаях такие изображения работают лучше, чем даже самая продвинутая анимация, хотя все зависит от продукта, вертикали и общего дизайна сайта. К тому же создание 3D-картинки обычно стоит дешевле, чем съемка видео в хорошем качестве или прорисовка анимации. Еще один аргумент в пользу объемных фигурок — людям проще себя с ними ассоциировать, потому что из-за визуального сходства они лучше воспринимаются глазом.

Тренды не диктуют правила

Популярные тенденции в дизайне сайтов меняются год от года, но как любая мода, они цикличны: уходят и приходят. Рекомендации здесь или где-то еще — это всего лишь советы, которые призваны помочь, а не свод жестких правил. Всегда полезно знать, что сейчас в тренде, но использовать эти приемы или нет, решать только вам. А если сомневаетесь, команда Yep Ads всегда готова прийти на помощь.

Великолепные советы и примеры дизайна целевой страницы

Часто целевая страница создает первое впечатление о вашем бизнесе у потенциального клиента. Лучшие целевые страницы вдохновляют посетителей на действия. Он рассказывает историю вашего бренда, привлекает новых клиентов и стимулирует конверсию. Однако, если у вас нет отличного дизайна целевой страницы, вы упускаете новых потенциальных клиентов и продажи. Если вы тратите деньги на цифровую рекламу и направляете трафик на целевую страницу, которая не конвертируется, вы можете даже потерять деньги.

Как создать целевые страницы с высокой конверсией? В этом посте мы рассмотрим идеи оптимального дизайна целевой страницы и лучшие практики с примерами.

Содержание

• Что такое целевая страница?
• Как написать целевую страницу
• Каковы ключевые компоненты целевой страницы?
• Как создать целевую страницу
  • Конструкторы целевых страниц
  • Принципы дизайна целевой страницы
• Примеры целевых страниц
• Часто задаваемые вопросы

Кто не хочет идеальную страницу продаж?

Получите именно это с нашей загружаемой рабочей таблицей.

Используйте это руководство, чтобы написать свою собственную страницу продаж.

Мы знаем, что ты можешь это сделать. Загрузите это руководство, чтобы написать идеальную продающую страницу, которая конвертируется.

Приятной загрузки. Мы свяжемся с вами в ближайшее время.

Пожалуйста, введите действительный адрес электронной почты

Я предпочитаю получать электронные письма от Teachable.

Пожалуйста, выберите этот вариант, чтобы зарегистрироваться

Что такое целевая страница?

Целевая страница определяется как отдельная страница с определенной целью — заставить посетителей выполнить действие. Название «целевая страница» происходит от идеи, что люди попадут на нее откуда-то еще, обычно из цифрового маркетинга, например, из рекламной кампании.

Дизайн вашей целевой страницы должен говорить с вашей целевой аудиторией и побуждать ее к вашему призыву к действию (CTA). CTA может быть для посетителя, чтобы подписаться на вашу рассылку, загрузить электронную книгу, записаться на ваш онлайн-курс, купить продукт или что-то еще. Все на целевой странице, от текста и изображений до макета, должно поддерживать эту единственную цель.

Примечание: В Teachable вы можете иногда слышать, как мы называем целевую страницу «страницей продаж».

Целевая страница и домашняя страница

Целевая страница отличается от домашней страницы. Домашняя страница предназначена для обращения к разным аудиториям и передачи информации всем, кто интересуется вашим брендом в целом.

Например, Monday.com — популярный инструмент управления работой. Если вы посмотрите на его домашнюю страницу, то увидите, что он обращается ко всей своей аудитории и продуктам, от управления проектами до CRM.

Однако у него также есть Google Ads для разных вертикалей. Если вы ищете инструмент управления проектами в Google, вы можете увидеть рекламу Monday.com. Вы попадете на целевую страницу, посвященную управлению проектом.

Точно так же, если бы вы искали CRM, вы могли бы увидеть целевую страницу CRM. Благодаря этому вы можете легко представить, чем домашняя страница отличается от целевой.

Как написать целевую страницу

Чтобы создать целевую страницу, сначала нужно создать ее копию. Эти советы могут помочь вам написать целевую страницу, которая расскажет историю вашего бренда, что делает ваш продукт или услуга и почему посетители должны действовать.

1. Разработайте ценностное предложение

Эти четыре вопроса объясняют, что потенциальные клиенты получают от вас и почему они не могут жить без вашего предложения, а также создают ощущение срочности.

1. Какое предложение?
2. Каковы преимущества?
3. Почему ваша аудитория нуждается в вашем предложении именно сейчас?
4. Как они получают предложение?

Когда вы впервые пишете целевую страницу, ответы на эти вопросы помогут вам составить план.

Проще говоря, эти вопросы — первые шаги к созданию уникального торгового предложения вашей страницы. Также известное как ценностное предложение, это заявление, которое четко определяет, почему клиент покупает ваш продукт или услугу.

2. Познакомьтесь со своей аудиторией

При создании целевой страницы учитывайте свою аудиторию и своих конкурентов. Ваша копия целевой страницы должна быть адаптирована к вашей аудитории.

• Что они получают от вашего продукта?
• Как вы решаете их наболевшие проблемы?

Знание их надежд, амбиций и целей значительно облегчит написание привлекательного текста.

Попробуйте посетить онлайн-сообщества, форумы или веб-сайты, на которых тусуется ваша аудитория. Вы узнаете их желания, проблемы и то, что им нравится. Вы можете использовать эту информацию, чтобы адаптировать свою копию к их предпочтениям.

Кроме того, изучите конкурентов. Составьте список как минимум из трех конкурентов и проверьте их целевые страницы. Как они себя позиционируют? Где вы побеждаете своих конкурентов?

3. Включите ключевые слова

Цель вашей целевой страницы — заставить вашу аудиторию конвертироваться. Копия вашей страницы должна быть сосредоточена вокруг этой цели и усиливаться каждый раз, когда вы пишете заголовок, подзаголовок и призыв к действию.

В каждом из этих разделов рассказывается о вашем уникальном ценностном предложении: почему люди будут покупать у вас, а не у конкурентов.

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

Один из способов сделать это — использовать «сильные слова». Эти конкретные слова вызывают эмоции и устанавливают связь с посетителями, что может помочь увеличить конверсию.

Слова, которые работают

Есть много сильных слов, которые вы можете использовать, но это три самых распространенных.

• Вы – Когда вы используете слово «вы», кажется, что ваш продукт соответствует их целям, желаниям, мечтам и интересам.
• Потому что – Потому что является индикатором предстоящего объяснения причины почему. Услышав или прочитав слово «потому что», мозговой привратник дает сигнал пропустить сообщение в подсознание.
• Представьте себе . Слово «представьте» помогает аудитории представить себе результат покупки, а не сам процесс покупки, что помогает снизить их покупательское сопротивление. Почувствовав, что у них уже что-то есть, покупатели захотят сохранить это, то есть совершить фактическую покупку, чтобы удовлетворить свои желания.

Используйте эти три слова, чтобы связаться со своей аудиторией и побудить ее купить ваш продукт.

Если вы не знаете, какие еще слова силы использовать, почерпните вдохновение у своих существующих клиентов. Есть ли слово или фраза, которые они продолжают использовать в электронных письмах, в социальных сетях или на онлайн-форумах, говоря о вашем продукте? Если да, попробуйте эту фразу.

Поговорите с другом, сверстником или членом аудитории, чтобы убедиться, что сообщение, которое вы представляете, правильно переводится для них. Вы даже можете провести A/B-тестирование, чтобы увидеть, работает ли один из них лучше, чем другой.

Каковы ключевые компоненты целевой страницы?

Теперь, когда у вас есть черновой вариант копии целевой страницы, вам нужно разбить ее на разделы или компоненты. Есть шесть основных компонентов, которые имеют решающее значение для оптимизации целевой страницы.

1. Заголовок
2. Субпозиция
3. Изображения
4. Преимущества 
5. Социальное доказательство
6. Призыв к действию

Эти шесть компонентов должны работать вместе, чтобы создать целевую страницу с высокой конверсией.

1. Заголовок

Ваш заголовок — это первое, что увидит посетитель, зашедший на вашу страницу. Оно должно быть четким и лаконичным, подтверждать ваше предложение и включать сообщения, отражающие точку входа аудитории.

Например, у Function of Beauty есть целевая страница для линейки средств по уходу за кожей. Заголовок — «Самый индивидуальный уход за кожей в мире». Он подчеркивает, что он создан для вас, а не только для типа кожи, а также использует персонализированную викторину CTA, чтобы усилить индивидуальное предложение по уходу за кожей.

2. Подзаголовок

Подзаголовок представляет собой более подробное описание заголовка. Обычно он появляется сразу под вашим заголовком и набирается более мелким шрифтом. Используйте подзаголовок, чтобы быть убедительным, и объясните свое предложение более подробно.

В качестве примера рассмотрим Slack. В нем четко подчеркивается ценностное предложение — работать быстрее и гибче — при использовании Slack.

3. Изображения

Включите яркое изображение вашего продукта или фотографию, которая имеет отношение к вашему сообщению. Еще лучше, если вы сможете показать свой товар или услугу в действии.

По данным The Next Web, наш мозг обрабатывает изображения в 60 000 раз быстрее, чем текст. Захватывающие изображения делают вашу страницу лучше и дают вашей аудитории лучший опыт страницы. Они также предоставляют визуальные подсказки, чтобы побудить вашу аудиторию остаться на вашей странице и узнать больше о вашем предложении.

В качестве инструмента дизайна Figma должен иметь хорошо продуманные визуальные эффекты. Эта целевая страница с функциями прототипа включает примеры того, что вы можете создать с помощью Figma. Это позволяет легко визуализировать использование его для ваших дизайнерских проектов.

4. Преимущества

Сначала вам нужно убедить аудиторию в том, почему им нужен ваш продукт и как он решает их проблемы.

В разделе заявления о преимуществах вы можете указать на болевые точки, которые вы обнаружили у своей аудитории. Используйте маркированный список, чтобы объяснить, как ваше предложение напрямую решает их проблемы. Обязательно сосредоточьтесь на преимуществах вашего продукта, а не только на его функциях.

Добавление всех функций на этом этапе может запутать или усложнить их решение, что может привести к тому, что они вообще не купят.

Целевая страница Semrush для бесплатной пробной версии подчеркивает шесть преимуществ использования маркетингового инструмента. Он фокусируется на том, чего вы можете достичь в течение семи дней после того, как попробуете его продукт, включая привлечение новых клиентов и изучение ваших конкурентов.

5.

Социальное доказательство

Социальное доказательство показывает вашей аудитории, что другие прошли ваш курс или использовали ваши продукты и будут рекомендовать их. Необходимо разработать целевые страницы, которые конвертируются. Чем больше посетитель увидит, что другим нравится ваш продукт и приносит пользу от его использования, тем больше вероятность того, что он совершит конверсию.

Вы можете использовать различные типы социальных доказательств, включая отзывы, обзоры и статьи в прессе.

Обычно социальное доказательство появляется много раз на целевой странице, в основном сразу после верхней части страницы. Возвращаясь к нашему примеру с Semrush, вы можете увидеть, как они включают ведущие компании, которые используют его продукт, используя капитал своего бренда и создавая доверие.

6. Призыв к действию

Благодаря вашему призыву к действию у вас есть целевая страница. Вы хотите, чтобы кто-то подписался на ваше предложение. То, как он выглядит, как он читается и где он размещен, повлияет на коэффициент конверсии.

Помните, вам нужен только один CTA. Таким образом, потенциальным клиентам будет ясно, чего вы от них хотите. Кроме того, вы увеличите свои шансы на конверсию, если будете вести их к одной цели, а не распределять их внимание между несколькими.

Будьте кратки, но ясны. Избегайте кнопок CTA «отправить» и «отправить», потому что они расплывчаты. Вам нужно точно описать, чего вы хотите от своих клиентов или следующих шагов — что произойдет, когда они нажмут.

Еще один элемент, который вы можете зафиксировать в CTA, — это срочность. Например, на этой целевой странице Nom Nom выделено специальное предложение со скидкой 50% и бесплатной доставкой.

Советы по дизайну целевых страниц с призывом к действию

• Заключите текст призыва к действию в рамку. Это делает его похожим на кнопку, и люди хотят нажимать на кнопки.
• При наведении курсора мыши на кнопку изменяет цвет или оттенок. Он побуждает людей кликать и показывает им, что на него можно кликнуть.
• Цвет не имеет значения. Контраст имеет значение. Ваша кнопка CTA должна выделяться среди всего остального на странице. Сначала найдите основной цвет вашего сайта, затем посмотрите на цвет, который находится прямо напротив него на цветовом круге. Это лучший дополнительный цвет для CTA. Например, если фон вашей страницы синий, используйте оранжевый CTA, чтобы выделиться на фоне остального сайта.
• Размер важен. Сделайте кнопку больше, чем другой текст на странице. Вы же не хотите, чтобы ваша конечная цель потерялась.
• Добавьте пустое пространство вокруг кнопки, чтобы она четко выделялась среди всего остального на странице.

В Sun Basket есть кнопка CTA, которая всплывает на странице. Ярко-желтый цвет выделяется на фоне, и вокруг него достаточно белого пространства, чтобы привлечь ваше внимание.

Бонусная страница: «Спасибо»

После того, как ваша аудитория завершит призыв к действию, у вас появится еще одна страница, чтобы привлечь ее внимание и вдохновить на дальнейшую конверсию: страница «Спасибо».

Страница благодарности — идеальное место, чтобы познакомить вашу аудиторию с другими продуктами, которые у вас есть, поскольку вы уже привлекли их внимание. Это может быть еще один CTA, предлагающий им поделиться контентом, на который они только что подписались, подписаться на ваш блог, подписаться на вашу рассылку новостей, посетить живой обучающий веб-семинар или даже дать им бонусный контент.

Например, когда вы загружаете шаблон с одной из целевых страниц ресурса Hubspot, страница с благодарностью или подтверждением выглядит так, как показано ниже. Он включает в себя призыв к действию, чтобы узнать больше о программном обеспечении Hubspot.

Как создать целевую страницу

Конструкторы целевых страниц

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

Вот несколько удобных платформ для создания целевой страницы:

• Инстаграм 
• Отскочить
• Хабспот

Если вы зарегистрируетесь в Teachable, вы сможете создать целевую страницу для своего первого курса всего за 10 минут.

5 принципов дизайна целевой страницы

Далее мы обсудим некоторые простые элементы дизайна целевой страницы (цвет, типографика, изображения), которые следует учитывать при создании страницы, чтобы сделать ее еще лучше.

Какой бы путь вы ни выбрали, есть еще несколько вещей, о которых вам нужно подумать при создании целевой страницы: цвет, шрифты и изображения.

1. Выбирайте значимые контрастные цвета

Это большой спор маркетологов: влияет ли цвет на конверсию с точки зрения дизайна целевой страницы?

Чтобы не усложнять задачу, мы собираемся обсудить несколько элементов, которые следует учитывать при выборе цвета для дизайна вашей целевой страницы (и бренда).

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

Цвета имеют значение

Выберите цвета, которые связаны с характеристиками, которые вы хотите излучать. Если вы хотите изобразить роскошь и доверие, хорошими вариантами будут синий и черный. Если вы хотите намекнуть на оптимизм и здоровье, используйте желтый и зеленый.

Дополнительные цвета

Важен контраст. Когда два дополнительных цвета расположены рядом друг с другом, их контраст становится самым сильным, и на самом деле цвета кажутся ярче.

При выборе палитры для своего сайта обязательно включите цвет, дополняющий основной цвет вашей страницы.

Вот несколько сайтов для вдохновения палитрой:

• Adobe Color
• Любители цвета
• Охладители

Убедитесь, что выбранные вами цвета читабельны. Вам не нужен зеленый фон с синим текстом. Полезный совет — используйте светлый фон с темным текстом.

2. Выберите типографику

Если вы разрабатываете собственную целевую страницу с нуля, вам нужно выбрать собственные шрифты. Лучше всего использовать часто используемые веб-шрифты Google, такие как: 

• Грузия
• Вердана
• Женева
• Ариал
• Гельветика
• Тахома
• Требюше MS
• Моноширинный
• Консоль Lucida
• Монако

Использование этих шрифтов гарантирует, что большинство браузеров и операционных систем правильно отобразят ваш текст. Кроме того, это намного проще при отправке информационных бюллетеней и работе с различными поставщиками услуг электронной почты.

При выборе шрифтов придерживайтесь одного шрифта, чтобы не загромождать целевую страницу. Каждый из приведенных выше шрифтов имеет начертание полужирным шрифтом и курсивом, что позволяет легко выделить текст. Кроме того, убедитесь, что у вас есть соответствующие лицензии на использование этих шрифтов в вашем бизнесе.

3. Используйте правильный размер шрифта

Еще один способ различать текст — размер. Исследование, проведенное Wichita State, показало, что для основного текста лучше всего использовать размер 12pt, потому что его проще всего читать за минимальное время. Если ваша аудитория старше, увеличение размера пункта до 14 может облегчить глаза. Заголовки лучше всего смотрятся при размере от 17 до 25pt.

В том же исследовании штата Уичито было обнаружено, что любой шрифт размером больше или меньше 12 пунктов ухудшает читабельность. Если вы хотите, чтобы кто-то потратил время на чтение вашей копии, попробуйте увеличить размер в разделе отзывов или уменьшить размер заявления о гарантии возврата денег.

Последний фактор размера, который следует учитывать, — межстрочный интервал. Убедитесь, что между строками достаточно места, чтобы текст мог дышать и легко читался.

4. Выбирайте четкие изображения

Ранее мы объясняли важность наличия изображения вашего продукта. Теперь мы более подробно рассмотрим, как выбрать изображение и его важность для дизайна целевой страницы.

Самое главное, вы хотите, чтобы изображение было добавлено на вашу целевую страницу, а не отвлекало от вашего сообщения. Включите четкое, качественное изображение, которое не занято.

Подумайте, как будет выглядеть текст поверх изображения. Если на вашем изображении много чего происходит, подумайте о том, чтобы затемнить его с помощью Photoshop. Так текст будет легче читать.

Быстрый прием — добавить темный прямоугольник поверх фотографии и уменьшить непрозрачность. Изображение должно быть достаточно темным, чтобы текст можно было прочитать.

5. Проверьте все устройства

Создав целевую страницу, обязательно дважды проверьте ее на мобильных устройствах, откуда часто поступает трафик.

С помощью этих советов по дизайну целевой страницы вы будете на пути к пониманию того, как конвертировать клиентов. Сначала протестируйте несколько различных дизайнов целевых страниц и проведите A/B-тестирование каждого из них, чтобы увидеть, как он работает. Вашу первую версию всегда можно уточнить после того, как у вас появятся данные, позволяющие понять, как пользователи взаимодействуют с вашей страницей. Если вы создаете целевую страницу для курса, вы можете легко начать работу с шаблоном страницы продаж Teachable.

Примеры целевых страниц

Теперь, когда мы узнали, что такое целевые страницы, а также как написать и создать целевые страницы, давайте рассмотрим различные типы целевых страниц.

Целевая страница продукта

Эта целевая страница (ниже) была довольно длинной. Верхний раздел «вверху» предлагает клиентам простой способ зарегистрироваться (CTA), а также описание того, что именно включено в онлайн-курс. Ниже на странице находятся видеоотзывы (социальное доказательство), обзор модулей и кнопки для усиления призыва к действию.

Целевая страница электронной коммерции

Как вы увидите в новом интернет-магазине травяных витаминов Кортни Кардашьян Баркер, эта целевая страница имеет яркие, привлекательные изображения и несколько различных CTA — доминирующим приглашением является «Купить все». При переходе к отдельным продуктам вы найдете социальное подтверждение, более удобную для восприятия информацию об ингредиентах и ​​многое другое.

Целевая страница недвижимости

Когда речь идет о недвижимости, изображения часто находятся в центре внимания. Вы заметите, что в этом примере даже нет заголовка или подзаголовка. Преимущества — это особенности дома, которые можно найти в описательном абзаце и диаграммах над кнопкой CTA.

Целевая страница мероприятия

Вот пример, который Unbounce признает эффективным из-за того, как он обращается к определенной целевой аудитории (женщинам-предпринимателям в цифровом пространстве). Между тем, дизайн над панелью CTA подчеркивает стимулы для регистрации: смотрите в любое время, многие эксперты представлены и бесплатно.

Целевая страница генерации лидов

Популярный конструктор веб-сайтов Wix использует всплывающее окно для сбора информации о посетителях, в то время как все преимущества остаются в фоновом режиме на целевой странице. Кнопка CTA четко указывает на то, что нет никакого вреда, риска или обязательства попробовать: «Начните бесплатно».

Целевая страница веб-семинара

Хотя этот веб-семинар, организованный Mailchimp, не имеет основного изображения (только фотографии спикеров), брендинг соответствует платформе электронной почты и маркетингу. Из заголовка (и отсутствия подзаголовка) становится ясно, что целевой аудиторией являются пользователи MailChimp. Между тем, целевая страница предлагает два действия: зарегистрироваться или распространить информацию.

Скоро появится целевая страница

Независимо от того, собираетесь ли вы запустить курс или регистрация уже закрыта, вы все равно можете отслеживать интерес и собирать информацию о посетителях сайта. Вот пример контейнера членства Криса Карра, Thrive Bootcamp.

Целевая страница SaaS

SaaS означает «программное обеспечение как услуга» и позволяет клиентам получать доступ к приложениям через Интернет посредством облачной доставки. В этом примере целевой страницы представлены шесть ключевых компонентов в гибкой (и эффективной) форме.

Часто задаваемые вопросы

В чем разница между целевой страницей и веб-сайтом?

Целевая страница отличается от домашней страницы. Домашняя страница предназначена для обращения к разным аудиториям и передачи информации всем, кто интересуется вашим брендом в целом. Целевая страница, с другой стороны, определяется как отдельная страница с определенной целью — заставить посетителей выполнить действие. Название «целевая страница» происходит от идеи, что люди попадут на нее откуда-то еще, обычно из цифровой рекламы или другой маркетинговой кампании.

Дизайн вашей целевой страницы должен говорить с вашей целевой аудиторией и побуждать ее к вашему призыву к действию (CTA). Все на целевой странице, от текста и изображений до макета, должно поддерживать эту единственную цель.

Что должна содержать целевая страница?

Шесть основных компонентов делают целевую страницу успешной. Эти шесть компонентов должны работать вместе, чтобы создать целевую страницу с высокой конверсией:

1. Заголовок: первое, что увидит зритель, зайдя на вашу страницу; должен быть четким и кратким, подтверждать ваше предложение и включать сообщения, отражающие точку входа аудитории
2. Подзаголовок: более подробное описание вашего заголовка
3. Изображения: яркая графика вашего продукта или фотографии, относящиеся к вашему сообщению
4. Преимущества: зачем аудитории нужен ваш продукт и как он решает их проблемы
5. Социальное доказательство: показывает вашей аудитории, что другие прошли ваш курс или использовали ваши продукты и будут рекомендовать их; могут быть отзывы, обзоры или публикации в прессе
6. Призыв к действию: причина, по которой у вас есть целевая страница/действие, которое вы хотите, чтобы посетитель совершил

Чего не должно быть на целевой странице?

Элементы целевой страницы, включая текст и графику, должны быть преднамеренными и соответствовать цели (CTA) или предложению. Ваш текст должен быть увлекательным, убедительным и, прежде всего, ясным. Вы не хотите, чтобы ваша аудитория была сбита с толку тем, что вы им говорите, или что они получают, находясь на вашей странице.

Теги: рекламируйте свой курс, страница продаж

Ваша еженедельная доза творческого чата и Teachable обновлений. Получайте нашу еженедельную рассылку.

Спасибо за регистрацию! Проверь свои входящие.

Пожалуйста, введите действительный адрес электронной почты

Я согласен получать обновления продуктов и маркетинговых материалов от Teachable

Повторите попытку, чтобы зарегистрироваться

11 суперэффективных целевых страниц: тенденции 2023 года, на которые стоит обратить внимание

Новый год, новые маркетинговые цели для вашего малого бизнеса. В прошлом году мы собрали суперэффективные тренды целевых страниц, чтобы помочь вам сразу же начать пробовать новые тактики дизайна, копирования и оптимизации коэффициента конверсии. И мы делаем это еще раз в этом году.

Вот тенденции целевых страниц, которые мы ожидаем увидеть в этом году, и которые вы можете начать использовать прямо сейчас.

Содержание

1. Уникальные видеоролики о продуктах
2. Копия и дизайн интегрированной целевой страницы
3. Простой обтекаемый дизайн
4. Монохроматические фоны
5. Зелень
6. Игривые пуговицы
7. Микро-анимация
8. Рукописный шрифт и элементы
9. Жирный, лаконичный текст
10. Бесплатные пробные версии «Без риска»
11. Практические разделы

Начнем.

11 трендов целевых страниц, на которые стоит обратить внимание в 2023 году

В этом году мы ожидаем увидеть множество трендов целевых страниц — дизайн, созданный искусственным интеллектом, иммерсивная 3D-анимация, ChatGPT в действии. Но не каждый тренд с новейшими технологиями подойдет вашей аудитории (или, скажем честно, вашему бюджету). Итак, вот 11 трендов целевых страниц, которые легко внедрить, чтобы вы могли сразу приступить к работе.

1. Исключительные видеоролики о продуктах

Этот список не ранжирован, но это первая явная тенденция по одной причине: видеоролики о ваших продуктах должны быть высокоприоритетным маркетинговым активом. Тот, который вы используете снова и снова. Неудивительно, что мы видим их в центре внимания на все большем количестве целевых страниц.

Видеоролики о ваших продуктах уже должны быть гладкими и достаточными для закрепления этих страниц. Ключом к их эффективному использованию является выбор наиболее релевантных или привлекательных частей и их объединение. Goldcast, программное обеспечение для событийного маркетинга, делает это очень хорошо.

Источник изображения | Нажмите, чтобы посмотреть видео

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

Vimeo также отлично справляется с интеграцией видео о продукте в дизайн своей страницы и использует актив для более тонкого поощрения конверсии.

Источник изображения | Нажмите, чтобы посмотреть видео

Это выглядит великолепно и подчеркивает возможности редактирования видео Vimeo без неуклюжего пошагового ознакомления с продуктом. Кроме того, видео невероятно увлекательно, как и обещает текст.

И это подводит меня к следующему тренду на целевых страницах, который нужно внедрить прямо сейчас.

2. Интегрированный текст и дизайн целевой страницы

Независимо от того, являетесь ли вы маркетинговой командой, состоящей из одного дизайнера и копирайтера, или работаете в отделе с группами дизайна и контента, ваши визуальные эффекты и ваши слова (будем надеяться, что они повторно силовые слова), чтобы начать работу в бункерах. В этом году вы, возможно, захотите изменить это.

Посмотрите на этот отличный пример от Coda, похожего на Notion инструмента для совместного создания документов и списков. Реалистичный мультяшный образ ящерицы с зонтичным хвостом приятно контрастирует с остальной нейтральной современной страницей, а заголовок создает остроумный дизайн.

Источник изображения

И вы не ограничены статической графикой. Посмотрите гифку на целевой странице Loomly для инструментов социальных сетей.

Источник изображения | Посмотреть видео

Простой, эффективный и достойный внимания аудитории.

3. Простой, обтекаемый дизайн

Сдержанный дизайн целевых страниц является частью более широкой тенденции брендинга, которая, в общем-то, противоречит здравому смыслу: антибрендинг. Подумайте о монохромной упаковке, чистых и непритязательных цветовых схемах и минимальном количестве элементов бренда.

Хотя этот стиль дизайна существует уже некоторое время, он становится все более популярным по мере роста покупательной способности поколения Z. Исследования показывают, что это поколение в целом скептически относится к брендам. 73% представителей поколения Z покупают только у брендов, в которые они верят.

Вот отличный пример с целевой страницы Typeform для простых в создании опросов. Фон бежевый (и, м-м, бла), а кнопки и шрифт стандартные черные.

Источник изображения

Эффект? Прямолинейная страница, на которой инструмент кажется простым. В конце концов, простой дизайн все еще остается дизайном, а антибрендинг остается брендингом.

4. Монохроматические фоны

Если антибрендинг не соответствует индивидуальности вашего бренда — или, если уж на то пошло, вашей целевой аудитории — в 2023 году вы все еще можете упростить его. Монохромные фоны веб-сайтов в тренде, и этот стиль придает себя хорошо для всех ваших целевых страниц. В конце концов, вы хотите, чтобы ваша целевая страница просматривалась и была ориентирована на конверсию.

Взгляните на Squarespace.

Источник изображения

Естественные изгибы в дизайне добавляют глубины, но монохромная палитра сохраняет его, ну, в качестве фона. И, конечно же, самостоятельный конструктор веб-сайтов берет цветовую схему и расширяет ее до целевой страницы на целевой странице. Вам нравится видеть такое внимание к деталям.

 

5. Темно-зеленый

Психология цвета имеет значение. Цвет Pantone этого года — насыщенно-розовый Viva Magenta, и сегодня мы увидим это на нескольких примерах (не забегайте вперед, просто обратите внимание на кнопки в следующем тренде). Но оттенки, которые мы видим повсюду, находятся на другой стороне цветового круга. Зелень.

Зеленый уже несколько лет находится в тренде в дизайне интерьеров, и он всегда был популярным фирменным цветом, в частности, для компаний, связанных со здравоохранением и велнесом. Совсем недавно зеленый цвет был повсюду — см. фон Squarespace выше и пример Ellevest ниже.

Источник изображения

Обратите внимание, что эти зеленые оттенки богаты, независимо от того, драгоценные они или землистые. Когда вы обновляете свою целевую страницу, рассмотрите возможность добавления темно-зеленых тонов для обновленного вида в 2023 году.

6. Игривые кнопки

Тенденции в дизайне или тексте — отличный источник вдохновения для экспериментов, но, в конце концов, лучшая целевая страница — это целевая страница с высокой конверсией.

Но это не значит, что ваши кнопки должны быть небрежными «отправить» или, если уж на то пошло, большими и оранжевыми. На самом деле, Unbounce обнаружил, что конкретизация кнопки призыва к действию может повысить коэффициент конверсии до 90%. Изменение вашего CTA — отличный способ начать играть с кнопками вашей целевой страницы

Вы можете придерживаться творческого копирайтинга или протестировать дизайн. Lemonade, компания по страхованию домашних животных, делает это очень хорошо. Дизайн целевой страницы отличается минималистичным черно-бело-серым дизайном с нарисованными линиями кошками и собаками в движении, а также ярко-розовыми акцентами и кнопками бренда. И некоторые из этих элементов взаимодействуют на странице, в том числе один из маленьких питомцев и кнопки.

Источник изображения

7. Микро-анимация

Анимация на вашей целевой странице отлично подходит для удержания внимания вашего пользователя и делает время, проведенное на странице, запоминающимся. (Питомцы со страницы Lemonade? Восхитительно.) Но анимация также может помочь направить пользователя на взаимодействие с вашей страницей. Микроанимации — это инструменты дизайна UX, которые помогают пользователю двигаться дальше по странице или выполнять действия. Это то, что вы захотите попробовать в 2023 году.

Это может быть что-то простое, например, изменение цвета ссылок, когда пользователь наводит на них курсор, в качестве тонкого поощрения кликнуть, или что-то сложное, например, кнопка отправки.

Посмотреть анимацию здесь.

В любом случае, я был бы удивлен, если бы эти UX-дизайны не подтолкнули вас к нескольким дополнительным конверсиям в этом году.

8. Шрифт и акцент, похожий на почерк

Пока рано, но мы уже видим некоторые темы в тенденциях дизайна этого года: игривый визуальный ряд с индивидуальностью, сдержанный брендинг, который едва заметен, и минималистский маркетинг. Общая нить здесь не нова: это гуманизация брендов для создания более личного взаимодействия между потенциальными клиентами и маркетинговыми материалами.

Еще одна тенденция дизайна целевой страницы, связанная с этим? Рукописные шрифты и элементы.

Вот отличный тонкий пример от Flocksy, компании по подписке графического дизайна.

9. Смелый, краткий текст

Минималистичный рекламный текст повсюду, но большинству из нас все еще нужен текст на наших целевых страницах. Так что в этом году выбирайте слова выборочно и заставляйте их учитываться. Держите его коротким и сделайте его жирным.

MasterClass делает это очень хорошо. (Неудивительно, учитывая столь скромное имя бренда.)

Источник изображения

Ценностное предложение: быстро учиться у мастеров своего дела.

На остальной части страницы очень мало текста, потому что это большой и жирный рисунок.

10. Безрисковых пробных версий не бывает

Мы можем это признать: даже как маркетологи, которые знают цель бесплатных пробных версий и важность ставок для поощрения тестирования реального продукта и обращения клиента, вводя данные своей кредитной карты для инструмент, который вы хотите попробовать, раздражает. Это просто так!

Вот почему бренды, которые могут этого избежать, делают это. В последнее время мы видели ряд заявлений об отказе от ответственности «нет риска» или «кредитная карта не требуется» в формах адресов электронной почты для маршрутов, и мы думаем, что они будут становиться все более популярными. (Потому что это привлекательно, конечно!)

Источник изображения

отличаться. Это может быть бесплатная пробная акция. Регистрация на мероприятие или вебинар. Обзор продукта, чтобы заказать демонстрацию.

Все это может быть полезно из раздела с практическими рекомендациями.

Людям нравятся визуальные эффекты и списки, чтобы разбить более крупные темы. На самом деле Семруш обнаружил, что страницы со списками через каждые 500 слов получают на 70% больше трафика. Хотя ваша целевая страница — это не статья или сообщение в блоге, это страница, на которую вы хотите привлечь трафик. Значительное увеличение трафика того стоит.

Взгляните на этот пример из Lettuce Grow.

Источник изображения

Изображения привлекают внимание и отображают продукт, даже если я не ищу подробного руководства. Копия отлично скользит. И это делает продукт доступным и простым в использовании.

Разбивка вашего продукта или услуги на эти четкие этапы с убедительными визуальными эффектами и легко читаемым текстом поможет сообщить посетителям вашей целевой страницы, что вы предлагаете и насколько хорошо это работает, даже если они не обязательно ищут пошаговые инструкции. -шаг.

Проверьте эти тенденции целевых страниц в 2023 году

Это тренды целевых страниц, на которые стоит потратить время. Простота внедрения, экономичность и эффективность для повышения конверсии. Давайте начнем 2023 год правильно — с большим творческим потенциалом и, надеюсь, с большим количеством конверсий. Мы прошли через многое здесь, поэтому давайте подытожим тенденции целевых страниц:

1. Исключительные видеоролики о продуктах
2. Копия и дизайн интегрированной целевой страницы
3. Простой обтекаемый дизайн
4. Монохроматические фоны
5. Зелень
6. Жирный, лаконичный текст
7. Игривые пуговицы
8. Микро-анимация
9. Рукописный шрифт и элементы
10. Бесплатные пробные версии «Без риска»
11. Практические разделы

И помните, хотя тенденции важны, не прыгайте на них за счет следования основным передовым методам работы с целевой страницей.

No related posts.