Идеальный лендинг: структура, контент и изображения — Маркетинг на vc.ru — Независимое театральное объединение "Зрительские симпатии"

Содержание

10 составляющих идеального Лендинг Пейдж с примерами

Как должен выглядеть лендинг с точки зрения эффективности? Какие блоки он должен содержать и как эти блоки должны выглядеть? Прочитав статью, вы получите ответы на эти вопросы и увидите, как выглядят лучшие landing page.

1. Заголовок с УТП

У идеального лендинга, одноэкранного или длинного, всегда есть цепляющий заголовок, который:

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

Размещается заголовок в верхней части лендинга, на уровне глаз пользователя. Большой, яркий, интригующий.

От заголовка зависит показатель отказов.

Вот примеры заголовков лучших лендингов нашей компании.

2. Дескриптор

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

В том случае, если на посадочной странице есть заголовок с УТП, дескриптор делают скромным – лого плюс название.

Лучшие лендинги всегда содержат оригинальный дескриптор.

3. Блок с контактными данными

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

реальный номер телефона;
электронную почту;
кнопку «Обратный звонок».

В зависимости от специфики рекламируемого товара или услуги, блок может содержать дополнительные контакты: skype, icq, viber.

Обязательно используется призыв – просьба позвонить.

4. Привлекательное изображение

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

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

На скриншотах вы видите красивые лендинги с привлекательными изображениями.

5. Формы захвата

Одноэкранный лендинг содержит одну форму захвата, длинный – 2 или 3 формы. Первая форма соседствует с заголовком – рядом с ним или под ним.

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

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

Вот такими формами захвата мы оснащаем лучшие лендинг пейдж наших клиентов.

6. Блок с выгодами для клиента

Этот блок идеально обходит возражения посетителей. В блоке помещают 3–8 пунктов.

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

7. Отзывы клиентов

Блок с отзывами – ключевой в лендинге.

На лендинге должны быть реальные отзывы по меньшей мере от трех клиентов. Идеальный вариант – окно с возможностью прокрутки, например слайдер, вмещающий 5–10 отзывов.

Каждый отзыв:

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

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

8. Тарифы или пакеты услуг

Покупатели любят выбирать из нескольких альтернатив. Поэтому идеальный лендинг предлагает на выбор 2–3 тарифа или пакета. Неважно, продает лендинг товары или оказывает услуги, на сайте должен присутствовать блок с тарифами.

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

9.

Примеры Лендинг Пейдж

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

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

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

10. Реальные контактные данные в футере

Заключительный триггер доверия – блок с контактной информацией о компании или авторе в футере.

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

Также тут размещается заключительная форма захвата.

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

Смотрите также

Как создать идеальный лендинг пейдж с высокой конверсией?

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

Как поднять конверсию более, чем на 1200%?

Компания VividBoard, производящая кастомизированные маркерные доски, после оптимизации целевой страницы, отметила повышение конверсии с 2% до 27%. Отличный результат для данной сферы бизнеса!

До того, как они добились увеличения конверсии на 1250%, их лендинг пейдж ничем не отличался от стандартной веб-страницы, без конкретной цели (со множеством ссылок) и низкой результативностью:

Исходная страница VividBoard содержала много ненужной информации

Как компании удалось в корне изменить ситуацию? Они разработали новую целевую страницу, руководствуясь следующими принципами:

1. Четко формулируйте задачу

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

Дизайн вашей страницы должен располагать пользователя к активному действию:

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

2. Используйте визуальные элементы

Это помогает направить взгляд в нужную вам сторону. Если цель лендинга — привести пользователя к конверсионному действию, все элементы должны подталкивать его к этому. Вы можете задействовать разные визуальные приемы, например, цвет, структуру или изображения. Человек должен пробежаться глазами по всем ключевым элементам и в итоге прийти к кнопке СТА:

Наши глаза непроизвольно следуют за взглядом девушки на картинке, прямо к элементу СТА

3. Будьте аккуратны с полями лид-формы

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

Сфокусируйтесь на основной цели — все элементы вашей страницы должны соответствовать единой концепции

Твитнуть цитату

4. Не создавайте лендинг для себя

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

Следование этим принципам позволило VividBoard значительно увеличить конверсию:

Так выглядит страница VividBoard после оптимизации

Школа оптимизации конверсии, или Как добиться максимальной отдачи от лендинга

Структура хорошей лендинг пейдж

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

1. Заголовок и подзаголовки
2. Краткое (или подробное) описание оффера
3. Одна (или больше) картинка или видео
4. Отзывы, ваш логотип или знак качества
5. Лид-форма
6. Копка призыва к действию

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

Идеальная структура landing page по версии LPgenerator

Удачные решения для настройки целевых страниц

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

Если пользователь перешел к вам по рекламной ссылке, удостоверьтесь, что заголовок страницы и текст объявления совпадают.
Кнопка призыва к действию должна быть большой, заметной и располагаться в верхней части страницы.
Если используете изображения людей или символы, например, линии и стрелки, убедитесь, что они направляют пользователя к кнопке призыва к действию.
Сфокусируйтесь на основной цели — все элементы вашей страницы должны соответствовать единой концепции.
Ваше сообщение должно быть лаконичным — опустите все лишнее: картинки, текст, цвета и так далее.
Разместите на посадочной странице мнения клиентов. Лучше использовать реальные отзывы.
Упростите восприятие вашего текста с помощью буллетов и подзаголовков.
Укажите номер телефона, чтобы вызвать доверие и наладить дополнительный контакт с клиентами.
Тестируйте различные версии, чтобы отследить, как незначительные изменения могут повлиять на конверсию и рейтинг кликабельности.

Настройка landing page: полезные рекомендации и сервисы

Успешные целевые страницы

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

Простой лендинг сервиса Vizicities с отличным заголовком:

«Мы возвращаем города к жизни с помощью интернета»

Желательно, чтобы ваше предложение было ориентировано на удовлетворение потребностей клиента, как бы отвечая на вопрос: «Почему это важно для меня?»:

«Измени мир в своем офисе»

Лаконичная форма обратной связи позволяет пользователю сосредоточиться на действии:

Простая, схематичная картинка передает суть предложения:

Больше примеров удачных целевых страниц

Как создать эффективный лендинг самостоятельно?

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

1. Для создания короткого, но эффективного текста (на английском): Hemingway App.
2. Для поиска или создания ярких изображений: Pixabay, Canva, Flickr и др.
3. Для тестирования различных версий и аналитики: Optimizely, Kissmetrics и др.

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

Вот лишь несколько примеров лендингов, доступных в нашей галерее:

Лендинг для стартапа

Страница по продаже инфоуслуг

Лендинг для консалтингового агентства

Преимущества и недостатки бесплатных конструкторов landing page

Оцените результаты

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

1. Коэффициент конверсии (Conversion rate) — отражает количество посетителей, выполнивших желаемое действие: покупка, подписка на рассылку и т. д. Этот показатель наиболее важен, поскольку дает понять, достигается ли цель, ради которой была создана страница .

2. Показатель ухода (Form abandonment rate). Люди начинают заполнять лид-форму и бросают на полпути? Такие действия важно отслеживать, чтобы оптимизировать работу вашей целевой страницы, например, сократив количество вопросов в форме или пересмотрев текст предложения.

3. Показатель отказов (Bounce rate). Как много людей покинули ваш лендинг в первые же несколько секунд или просмотрев не более одной страницы сайта? Даже хорошие целевые страницы могут иметь 70-90% отказов (поскольку не включают навигационные ссылки). Ваша цель — сделать страницу релевантной для посетителей. Хороший способ заставить пользователя остаться — добавить дополнительный призыв к действию после клика на CTA-кнопку, например, с таким текстом: «Спасибо за регистрацию. Узнайте больше о нашем сервисе». .

4. Время, проведенное на странице (Time on page). Как много времени среднестатистический пользователь проводит на вашем лендинге? Эта информация поможет определить, насколько вероятно совершение целевого действия человеком, проведшим определенное количество времени на странице.

5. Источники трафика (Traffic source). Как люди попадают на вашу страницу? Они находят вас с помощью Google, по таргетированной рекламе в Facebook или Вконтакте или по прямой ссылке? Отслеживание источника трафика — это важный этап оптимизации. Например, если вы расходуете значительные средства, чтобы продвигать свою страницу в социальных сетях, а основным источником трафика является Google, то лучше перераспределить рекламный бюджет.

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

Наука сплит-тестирования: правила и рекомендации

Заключение

Что дальше? Внимательно прочтите следующие шаги, и приступайте к созданию идеального лендинга с высокой конверсией:

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

Высоких вам конверсий!

По материалам: blog.kissmetrics.com, image source kenjet

06-01-2016

My Perfect Landing (TV Series 2020)

Episode guide

Cast & crew
User reviews
Trivia

IMDbPro

TV Series
20202020
TV-GTV-G

IMDb RATING

6,6/10

187

Ваше рейтинг

Play Trailer0

1 ВИДЕО

16 Фотографии

Семейство

Моя идеальная посадка. меняя переезд из Майами в Торонто, Канада. My Perfect Landing следует за семьей гимнастов, которые борются за то, чтобы справиться с судьбоносным переездом из Майами в Торонто, Канада. My Perfect Landing следует за семьей гимнастов через их борьбу с судьбоносный переезд из Майами в Торонто, Канада.

IMDb RATING

6.6/10

187

YOUR RATING

Creator
- Frank van Keeken
Stars
- Morgan Wigle
- Tom Hulshof
- Helena Marie

Creator
- Frank van Keeken
Stars
- Morgan Wigle
- Tom Hulshof
- Helena Marie

Посмотреть производство, кассовые сборы и информацию о компании

5User reviews

See more at IMDbPro

Episodes15

Browse episodes

TopTop-rated

1 Season

2020

Videos1

Trailer 0:58

Watch Trailer

Photos16

Top актерский состав

Морган Вигл

Дженни Кортес

Том Халсхоф

Джун Кортез

Хелена Мари

Уит0004

Shawn Thompson

Gus McIlroy

Natasha Zaborski

Olivia Shaw

Ajanae Stephenson

Keisha Armstrong

Francesca Van Keeken

Rachel Osbourne

Jordan Clark

Miss Аллистер

Холли Белбек

Кэсси Лавуазье

Кира Стилл

Бопс Персиваль

Luca Assad

Lena Montgomery

Abby Stretch

Tori Bannister

Parker Lauzon

Paul F. Monroe

Osias Reid

Dace Deloreon

Azeem Nathoo

Leonidas Castrounis

Кико Лавуазье

Хейли Виниченко

Сара Форте

Мануэль Родригес-Санс

Гектор Кортес…

Создатель
- Фрэнк ван Кикен
Весь актерский состав и съемочная группа
Производство, кассовые сборы и многое другое на IMDbPro

Еще как это

Второй шанс

Второй шанс: соперники!

В поисках золота

Повышение планки

Полный выход 2: Ты понял!

Malibu Rescue

Zero Chill

Full Out

Back of the Net

Проект Mc²

Вперёд! Живи по-своему

Сюжетная линия

Знаете ли вы

Отзывы пользователей5

Обзор

Избранный обзор

Weak!

Моя 5-летняя дочь посмотрела несколько серий, и я некоторое время смотрю вместе с ней. Это катастрофа. Гимнастика — единственное искупительное качество, если можно так выразиться. Плохая актерская игра поверх шаткого сценария сделала его практически недоступным для просмотра. Производственная стоимость не ужасна, но и не хороша. Многие актеры чувствуют себя не в своей тарелке. Фейковая/выдуманная драма стала последней каплей, я не смогла посмотреть больше одной серии.

Полезно • 1

The_number-evil_d
март 19, 2022

. Язык

Английский

Также известен как

Места съемок

Торонто, Онтарио, Канада

Производственные компании

Beachwood Canyon Productions
Проект 10

См.

Больше кредитов компании на IMDBPRO

Технические характеристики

Связанные новости

Внесли свой вклад в эту страницу

Предложите редактирование или добавить отсутствующий контент

Top Gap

Что является испанским. набросок фильма «Моя идеальная посадка» (2020)?

Ответить

Еще для изучения

Недавно просмотренные

У вас нет недавно просмотренных страниц

Идеальная посадка, Мичиган | RentMichiganCabins.com

Perfect Landing, Мичиган | RentMichiganCabins.com

В настоящее время у вас отключен JavaScript. Rent Michigan Cabins интенсивно использует JavaScript. Вы можете легко включить его в настройках вашего браузера.

Логин
Список с нами
RentAlabamaCabins. com RentColoradoCabins.com RentKentuckyCabins. com RentMinnesotaCabins.com RentMontanaCabins. com RentNewYorkCabins.com RentNorthCarolinaCabins. com АрендаOklahomaCabins.com RentTennesseeCabins. com RentTexasCabins.com RentWisconsinCabins.com