Пример лендинга интернет магазина: Лендинг для интернет-магазина: цели, способы, примеры

29 лучших примеров лендингов 2020 года — Маркетинг на vc.ru

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

Оригинал статьи:

Перевод: Анастасия Севальникова, digital-агентство «Интериум».

Довольно просто, не так ли? Вы, наверное, слышали нечто подобное ранее. Но что же это такое быть «проработанным» и «профессиональным» на лендинге? И когда дело доходит до конверсии, что за волшебный Х-фактор выделяет исключительных маркетологов? Беря во внимание эти вопросы, мы хотим продемонстрировать несколько свежих примеров лендингов, чтобы вдохновить вас на новые творения. Листайте дальше и сохраняйте самые умные, самые быстрые и современные элементы для вашего свайп-файла. Мы будем показывать точку зрения Unbounce на то, что делает каждую страницу привлекательной, а иногда, какие улучшения можно провести. Начнем.

Содержание

Что делает лендинг эффективным?

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

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

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

5 эффективных методик с каталогом товаров

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

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

Рассмотрим 5 способов, как повысить лояльность клиентов к бренду, усилить доверие покупателей и сохранить рост KPI показателей на ваших товарных страницах.

Содержание:

«Товарные миниатюры»: больше вреда или пользы?

Так ли полезны крупные изображения?

Не бойтесь сравнивать

Отвечайте на вопросы клиентов прямо на товарной странице

Используйте видео

Примеры посадочных страниц с каталогом товаров

Бонусный совет

«Товарные миниатюры»: больше вреда или пользы?

Консалтинговое агентство Nielsen Norman Group в одном из своих исследований задалось целью выяснить, насколько миниатюрные изображения продуктов на товарных страницах способствуют продажам товаров и через лендинг. Результат был получен неоднозначный: все зависит исключительно от типа товара.

Сравним айтрекинговые карты двух крупнейших интернет-ритейлеров: знаменитого американского магазина мебели и интерьеров Pottery Barn и интернет-гипермаркета Amazon. Легко заметить, что книжным шкафам Pottery Barn было уделено куда больше внимания, чем плазменным телевизорам Amazon.

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

Дело в том, что сама по себе миниатюра телевизора дает покупателю значительно меньше информации, чем непосредственно текст под ней. Конечно, это же Amazon, они схожим образом размещают все свои товарные категории, но, если говорить на языке цифр, лишь 18% всего времени, что люди были на странице, они посвятили просмотру фотографий, а остальные 82% — чтению текста. И это логично: все телевизоры выглядят более-менее одинаково, а предугадать их характеристики без чтения описания просто невозможно.

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

Назад к содержанию

Так ли полезны крупные изображения?

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

Ниже — айтрекинговая карта страницы Йельского университета (Yale University). Чтобы добавить яркости и образности, руководство решило поместить стоковую фотографию студентов. Каков итог? На это изображение никто не обратил внимания. Стоковые фотографии не блещут оригинальностью и своей шаблонностью напоминают уже поднадоевшие интернет-баннеры.

Айтрекинг показал полное отсутствие внимания к стоковому изображению студентов.

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

К слову, все ваши дизайнерские решения должны опираться на мнение пользователей. К примеру, интернет-магазин DueMaternity, выявив потребность своей целевой аудитории в детальном просмотре товаров, интегрировал возможность 360-градусного просмотра. Как результат: повышение конверсии на 27%.

Назад к содержанию

Не бойтесь сравнивать

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

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

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

Назад к содержанию

Отвечайте на вопросы клиентов прямо на товарной странице

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

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

Лорейн: Как вы думаете, этот аппарат подойдет для новичка?
Мариола: Разумеется. Он весьма незатейлив и имеет автоматический режим. Пока ты будешь осваивать ручной, авто-режим окажется очень кстати.

Amazon поступает схожим образом, только их вариант выглядит искусственно: это просто список популярных вопросов и ответы на них. Нет и намека на живое общение. Еще ниже расположен блок с рецензиями, развернутыми отзывами на товар, и это уже гораздо интереснее.

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

Назад к содержанию

Используйте видео

Согласно крупнейшей eCommerce-платформе BigCommerce.com, использование видеоматериалов на товарных страницах позволит вам получить преимущество над конкурентами как минимум по трем пунктам:

  • видео в 53 раза увеличивает шанс того, что вы попадете в топ поиска Google;
  • в результатах поиска CTR видео на 41% выше, чем у обычного текста;
  • видео на 64-85% увеличивает возможность продавать товар через лендинг.

К слову, в инфобизнесе использование видеороликов — стандарт работы.

Один из лендингов Азамата Ушанова, успешного инфобизнесмена.

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

Назад к содержанию

Примеры посадочных страниц с каталогом товаров

Simp-Q — лендинг портативных фотобоксов. В каталоге есть их фотографии, размеры и рекомендации по использованию. Каждая позиция каталога сопровождается призывом к действию.

UP — браслет, отслеживающий физическую активность. На этой landing page каталог товаров разворачивается по клику и содержит описание каждого варианта, а также сравнительную таблицу с их характеристиками.

Назад к содержанию

Бонусный совет

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

  1. Предложите покупателю тот же продукт, но в другом цвете.
  2. Предложите новую модель продукта либо похожий товар, но от другого производителя.
  3.  Проинформируйте покупателя, по истечении какого периода товар будет в наличии.
  4.  Включите опцию «Добавить в желаемое», чтобы оповестить покупателя о повторном появлении товара.
  5. Предложите скидочный купон, который покупатель сможет использовать, когда товар вновь будет в наличии.

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

Шаблоны по бизнес-нишам: интернет-магазин

Назад к содержанию

Заключение

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

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

По материалам blog.crazyegg.comImage source Gabriel Robledo 

11-06-2015

12 примеров детских лендингов: оформление и структура

Характеристики хорошего лендинга

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

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

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

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

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

Рассмотрим несколько примеров реальных лендингов.

Пример 1. Детский фотоаппарат

Первая часть лендинга — главный экран с заголовком, УТП и кнопкой для связи:

Пример лендинга магазина детских фотоаппаратов
Пример лендинга магазина детских фотоаппаратов

Далее располагаются фото и видео с призывом к действию:

Пример оформления блока с обзором товара
Пример оформления блока с обзором товара

Есть информация о партнерстве:

Блок с информацией о партнерстве
Блок с информацией о партнерстве

Ниже перечисляются аксессуары, которые идут в комплекте с фотоаппаратом:

Перечисление аксессуаров
Перечисление аксессуаров

Также на лендинге есть информация по видам товара:

Обзор товаров с ценами
Обзор товаров с ценами

Внизу страницы размещена форма заявки и призыв к действию:

Форма заявки
Форма заявки

Пример 2. Плюшевое авокадо

Следующий лендинг немного сложнее, но отличается идеальной структурой. На первом экране видим название товара и кнопку для связи:

Пример лендинга по продаже плюшевого авокадо
Пример лендинга по продаже плюшевого авокадо

УТП в формате бегущей строки представлено чуть ниже:

УТП магазина — доставка в течение суток
УТП магазина — доставка в течение суток

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

Пример оформления блока с фотографиями
Пример оформления блока с фотографиями

Затем располагается блок с отзывами:

Отзывы клиентов на лендинге по продаже игрушек
Отзывы клиентов на лендинге по продаже игрушек

В конце — большая форма заявки:

Образец формы заявки
Образец формы заявки

Пример 3. Плюшевый медведь

Главный экран лендинга выглядит так:

Пример лендинга по продаже плюшевых медведей
Пример лендинга по продаже плюшевых медведей

Описания и формы заявки здесь нет. Предложение увидят только те пользователи, которые проскролят ниже:

Кнопка заявки
Кнопка заявки

Дальше перечислены характеристики товара:

Преимущества игрушки
Преимущества игрушки

Внизу располагаются видеоотзывы:

Отзывы в формате видео
Отзывы в формате видео

На сайте три формы заявки; контактные данные указаны в футере.

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

Пример 4. Хомячок-плед

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

На первом экране мы видим товар, его название, УТП, характеристики, цену и форму заявки:

Пример лендинга по продаже пледов
Пример лендинга по продаже пледов

Далее — видеообзор товара:

Блок с видеообзором
Блок с видеообзором

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

Ниже располагается блок с характеристиками товара:

Блок с преимуществами товара
Блок с преимуществами товара

Ближе к концу страницы находится блок с социальными доказательствами:

Пример оформления отзывов
Пример оформления отзывов

А в конце — еще одна форма заявки:

Образец формы заявки на лендинге
Образец формы заявки на лендинге

Пример 5. Детский бассейн

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

Лендинг детского бассейна
Лендинг детского бассейна

Еще ниже перечислены преимущества занятий плаванием для детей:

Преимущества занятий плаванием
Преимущества занятий плаванием

Далее расположен блок с описанием программ занятий:

Пример описания программ занятий на лендинге детского бассейна
Пример описания программ занятий на лендинге детского бассейна

Пример 6. Кроватка-дом

Привлекательный и лаконичный лендинг, на главном экране которого есть фотография товара, описание и номер телефона. Форма заявки почему-то отсутствует, однако есть ссылка на скачивание каталога, которой наверняка воспользуется каждый второй посетитель:

Пример лендинга по продаже детских кроваток
Пример лендинга по продаже детских кроваток

Сразу после главного экрана идет видео, на котором товар показан максимально наглядно:

Видео вместо текстового описания товара
Видео вместо текстового описания товара

Внизу страницы располагается блок с отзывами:

Блок с отзывами и фото из Instagram
Блок с отзывами и фото из Instagram

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

Пример 7. Детский сад

На главном экране здесь есть описание услуги и кнопка заказа обратного звонка:

Пример лендинга детского сада
Пример лендинга детского сада

Далее следует описание преимуществ:

Пример оформления преимуществ частного детского сада
Пример оформления преимуществ частного детского сада

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

Видео на лендинге детского сада
Видео на лендинге детского сада

Ближе к подвалу сайта находится форма заявки с прайс-листом:

Пример оформления цен на дополнительные услуги
Пример оформления цен на дополнительные услуги

Пример 8. И снова плюшевое авокадо

На главном экране располагается большая фотография товара и кнопка, нажатие по которой переносит на блок с каталогом:

Пример лендинга по продаже мягких игрушек
Пример лендинга по продаже мягких игрушек

Далее мы видим схему покупки:

Этапы покупки
Этапы покупки

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

Игрушки отличаются размерами и ценами
Игрушки отличаются размерами и ценами

В конце есть видеоотзывы довольных клиентов со ссылками на их аккаунты в Instagram:

Видеоотзывы клиентов
Видеоотзывы клиентов

Пример 9. Фотоаппарат-игрушка

Рассмотрим еще один лендинг, на котором продаются фотоаппараты для детей. Основное его достоинство — яркий и приятный дизайн:

Пример дизайна лендинга по продаже детских фотоаппаратов
Пример дизайна лендинга по продаже детских фотоаппаратов

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

Далее представлена инструкция по оформлению заказа:

Инструкция по оформлению покупки
Инструкция по оформлению покупки

Пример 10. Детский сад

На первом экране привлекает внимание призыв к действию в формате приглашения на экскурсию:

Еще один удачный пример лендинга детского сада
Еще один удачный пример лендинга детского сада

Ниже подробно расписан прайс-лист:

Образец оформления прайс-листа
Образец оформления прайс-листа

Есть список преимуществ:

Описание преимуществ детского сада
Описание преимуществ детского сада

Единственный заметный минус — отсутствие формы заявки в конце страницы. Здесь есть только кнопка для связи:

Футер лендинга детского сада
Футер лендинга детского сада

Пример 11. Еще один детский сад

На главном экране есть форма заявки и цена:

Пример лендинга детского сада
Пример лендинга детского сада

На экране ниже — список преимуществ детского сада:

Перечень особенностей детского сада
Перечень особенностей детского сада

Далее о каждом из преимуществ рассказывается подробнее:

Подробное описание преимущества
Подробное описание преимущества

В конце располагаются форма заявки и блок с отзывами:

Форма заявки в формате записи на экскурсию
Форма заявки в формате записи на экскурсию

Пример 12. Плюшевая акула

Главный экран этого лендинга выглядит следующим образом:

Пример лендинга по продаже плюшевых акул
Пример лендинга по продаже плюшевых акул

Есть название товара, его фотография, описание, УТП, цена и кнопка заказа.

Ниже описываются характеристики игрушки:

Оформление характеристик игрушки
Оформление характеристик игрушки

Вместо отзывов здесь представлены фотографии довольных клиентов:

Фото клиентов с товаром
Фото клиентов с товаром

Далее располагается галерея с забавными и привлекательными фотографиями игрушки:

Галерея с фото
Галерея с фото

В конце есть форма заявки и информация о доставке.

Шаблоны лендинг пейдж | Конструктор сайтов

Показать / скрыть категории

Разделы

Создать сайт с нуля самостоятельно Выбрать

Страницы: 1

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

Шаблоны лендингов бесплатно

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

Конструктор лендинг пейдж

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

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

Как создать целевую страницу онлайн-курса [С примерами]

Работающая целевая страница — это целевая страница, которая предлагает решение!

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

Бесплатная электронная книга

Главное руководство по продаже онлайн-курсов (том 1)

Узнайте, как сделать свои онлайн-курсы готовыми к продажам и, самое главное, прибыльными.

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

Эта статья проливает некоторый свет на назначение целевой страницы и объясняет, почему каждый преподаватель курса должен разместить ее на своем веб-сайте!

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

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

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

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

Домашняя страница против целевой страницы (Источник изображения: Unbounce)

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

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

Как указывает Нил Патель, успех целевых страниц заключается в их способности:

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

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

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

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

  • Увеличение продаж курса
  • Улучшает ваш ROI
  • Привлекает больше подписчиков в ваш список адресов электронной почты
  • Превращает большой процент посетителей вашего сайта в потенциальных клиентов
  • Предоставляет вам больше информации о демографии и поведении вашей аудитории
  • Помогает сделать первый шаг налаживания отношений с вашими клиентами

Каждый элемент на странице имеет отдельную роль.За кулисами целевая страница работает так:

Шаг 1: Посетитель сайта видит объявление, нажимает на него и попадает на целевую страницу, которая предлагает ему заполнить форму.

Шаг 2: Человек заполняет форму и предоставляет свои контактные данные (имя + адрес электронной почты).

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

Шаг 4: Вы рекламируете контакту / лидеру то, что вы уже знаете о них, что будет интересно (по электронной почте).

Зачем вам нужна целевая страница?

Роль целевой страницы изменяется в соответствии с ее форматом, потому что тогда она имеет различные функции, и CTA связаны с определенными указателями страниц и внешними сайтами / страницами, выполняющими другую задачу / выполняющими другое действие.

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

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

‘В зависимости от цели вы выбираете, какую целевую страницу вы хотите использовать.’

Обычно существует три основных типа целевых страниц:

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

Микросайт: Небольшой многостраничный сайт (или сайт), обычно создаваемый в качестве дополнения к основному сайту.

Целевая страница внутреннего веб-сайта: это домашняя страница и страница сведений о продукте.

Из них наиболее важными и часто используемыми являются:

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

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

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

Страница создания потенциальных клиентов и целевая страница с переходом по ссылкам (Источник изображения: Unbounce)

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

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

Это следующие:

Короткие, но привлекательные заголовки: вашего заголовка должны объяснить, как посетители могут извлечь выгоду из предложения, и положительно показать, как их потребности и желания могут быть удовлетворены.

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

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

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

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

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

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

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

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

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

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

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

Это: а) продукт — ваш курс, б) ваш бренд — ваша школа, в) маркетинговая копия — ваш копирайтинг, б) дизайн страницы и UX — пользовательский опыт .

Давайте окунемся в подробности…

A) Продукт:

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

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

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

B) Ваша марка:

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

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

C) Маркетинговая копия:

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

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

Вопрос 1: Для кого это предложение?

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

На этом этапе важно придумать сильный заголовок или заголовок, который объясняет предложение в нескольких словах, собирает внимание и получает клики!

Вопрос 2: Почему они согласились на это?

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

Предоставление вашей аудитории мотивов — лучший способ побудить посетителей вашего сайта предоставить вам свои контактные данные или свою кредитную карту!

Вопрос 3: что мне написать?

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

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

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

Шаг 1: создайте броский заголовок для вашего предложения

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

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

Несколько примеров:

A: Научитесь летать на дроне — пошаговое руководство
B: Хотите узнать, как похудеть всего за 20 дней? Давайте поговорим!
C: Изучите все секреты собеседования и получения работы!

Шаг 2. Придумайте уникальное сообщение (CTA)

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

Шаг 3: Решите, куда должны идти CTA

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

D) Дизайн и пользовательский опыт — Примеры целевых страниц:

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

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

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

* Скриншоты сделаны в мае 2019 года.

1Sell by Owner

Категория: Бизнес

Очень хорошим примером домашней страницы, созданной с помощью LearnWorlds, является Raincatcher’s Sell By Owner, предлагающий броский заголовок, представляющий всю концепцию с коротким видео и отзывами клиентов для усиления их имиджа.

Марла ДиКарло (Marla DiCarlo) — генеральный директор Raincatcher, говорит: «Копия [целевой страницы] должна быть короткой, но конкретной, направляя их на другие страницы, чтобы помочь им понять, что мы продаем, и является ли наш продукт хорошим решением для их необходимо. Сообщения и форматирование должны быть одинаковыми на всех страницах, чтобы продемонстрировать профессионализм ».

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

2I Draw Fashion

Категория: Мода

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

Курсы «Я рисую моду» продвигают результаты обучения захватывающим визуальным способом.

3WELL Learning Library по хроматическому содержанию

Категория: Здоровье и велнес Образование

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

4Европейская туристическая карьера

Категория: Бизнес / Карьера Советы по туризму

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

5Start Social

Категория: Бизнес и маркетинг

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

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

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

6 Обучающие Линии

Категория: Непрерывное профессиональное образование — подготовка учителей и подготовка к оценке

На целевой странице

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

7Ульяна Астра

Категория: Красота

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

8Виртуальный Kenpo

Категория: Боевые искусства

Домашняя страница

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

9 Ваша школа!

Категория: Это может быть что угодно!

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

Вы уже являетесь клиентом LearnWorlds?

Хотите разместить здесь свою целевую страницу?

Пришлите нам свой пример на hello @ learnworlds.ком

Ознакомьтесь с другими примерами целевых страниц здесь и получите вдохновение, чтобы создать свою!

Вдохновитесь 8 величайшими тенденциями в области графического дизайна 2019

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

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

Это здорово, но это означает, что вы сделаете намного больше, чтобы выделиться в этом году.

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

Яркие цвета

Как я уже говорил выше, в этом году в моде яркие цвета. Вроде как в примере ниже:

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

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

Strong & Bold Типография

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

В одно мгновение вы можете продемонстрировать силу, инновации и индивидуальность жирным шрифтом, например:

Эти типы шрифтов очень легко читать в социальных сетях и на небольших экранах, таких как телефоны и планшеты.

Футуристические Влияния

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

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

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

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

Светлые и темные цветовые схемы

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

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

Вы также можете использовать эту тактику для обновления визуальных элементов, которые вы используете для контент-маркетинга:

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

Creative Gradients & Duotones

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

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

Тем не менее, в 2019 году и за его пределами градиенты станут главными центрами многих графиков:

И то же самое можно сказать о дуотонах в этом году:

Красочный минимализм

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

Но минимализм в мире дизайна означает, что вы используете только необходимые компоненты, чтобы донести свое сообщение.

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

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

динамических рисованных иллюстраций

Рисованные от руки иллюстрации — отличная возможность для вашего бренда выделиться в социальных сетях.

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

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

Например, MailChimp обновил свои иллюстрации с прошлого года:

до этого года:

подлинных фондовой фотографии

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

Вместо этого в этом году будут доминировать подлинные и подлинные фотографии.

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

Не слишком постановочные, сырные или профессиональные кадры вроде этого:

Серьезно, эта фотография кулака настолько неловкая и дрянная, на которую больно смотреть!

инфографики

Если вы хотите узнать больше об этих тенденциях графического дизайна, проверьте эту инфографику:

Эта инфографика была создана с помощью онлайн-инструмента Venngage.

Шаблоны электронных страниц и другие страницы

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

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

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

, прежде чем идти! Несколько вещей для запоминания:

При работе над целевой страницей учитывайте следующие рекомендации:

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

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

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

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

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

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

(посетил 13,355 раз, сегодня посещений: 51)

Graphic design trends partial infographic

Ник Малекос — старший цифровой маркетолог в LearnWorlds. Он является профессиональным маркетологом, основанным на результатах, с многолетним опытом работы в сфере образования, писателем и тренером по цифровой грамотности.

Похожие

10 примеров мобильных целевых страниц, которые серьезно устанавливают планку

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

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

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

Лучшие целевые страницы для мобильных устройств

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

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

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

1. Будьте кратки в своей письменной копии

Краткость может быть душой ума, но также душой мобильных целевых страниц. (Мой учитель литературы средней школы плачет.) Подумайте, как посетители будут взаимодействовать с вашим контентом. Распределите информацию на своей странице до самого необходимого и упростите просмотр информации посетителями сайта: маркеры, короткие предложения, непонятные сокращения, ASOASF. (Нет, не ASOIAF, да ботаник.)

2. Прикрепите содержимое над сгибом

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

3. Сохраняйте свой дизайн очень простым

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

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

4. Используйте липкие полосы

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

5. Попробуйте более короткую (и более сладкую) копию

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

6. Рассмотрите возможность добавления кнопки «нажми и звони»

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

7. Убедитесь, что все загружается молниеносно

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

Готовы повысить скорость вашей страницы?

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

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

1.Western Rise

Mobile Landing Page Example: Western Rise Изображение предоставлено Western Rise. (Нажмите на изображение, чтобы увидеть всю страницу.)

Социальные сети — это мощный драйвер для электронной коммерции. Примерно 54% ​​людей, работающих в социальных сетях, используют платформы для исследования продуктов, и примерно четверть щелкает на рекламируемом сообщении в любом месяце. Но управление конверсиями с социальных платформ требует согласованного и единообразного опыта — с момента, когда кто-то нажимает на объявление на своей временной шкале, до момента, когда он пытается вспомнить свой пароль PayPal при оформлении заказа.(Было ли это «12345» или просто «пароль»?)

Уилл Уоттерс, соучредитель и креативный директор в функциональной одежде Western Rise, описал, как компания превращает мобильных посетителей в красиво одетых клиентов.

Mobile Landing Page Example: Western Rise

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

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

Лучший мобильный Landing Page Takeaways:

  • Поддерживайте единый опыт от начала до конца. Когда вы создаете беспроблемную социальную сеть, вы не хотите, чтобы потенциальные клиенты выпрыгивали из этого конвейера. Вся информация, необходимая посетителю для принятия решения о покупке, находится прямо здесь, на странице, поэтому нет необходимости прыгать и искать более подробную информацию. Подчеркивая, что каждый CTA на этой целевой странице приводит посетителей в одно и то же место в интернет-магазине Western Rise.
  • Если у вас есть привлекательный продукт, покажите его. Люди не покупают одежду, если не считают, что она выглядит хорошо. (Очевидное исключение — пенные сабо — в чем здесь кроется психология?) Western Rise включает смелые фотографии, чтобы подчеркнуть их одежду в контексте использования, продемонстрировав пригонку и функциональность, которые были бы хороши для демонстрации на вашей социальной шкале времени.
  • Оптимизация этих изображений (серьезно). Это страница с большим количеством изображений, которая может быть проблематичной для времени загрузки на мобильном устройстве.Не здесь: Western Rise получает впечатляющую оценку скорости страницы от Google, которая похожа на то, как если бы отмахнулся от Бейонсе или отстала от Джеффа Голдблюма.

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

2. Glints

Mobile Landing Page Example: Glints Изображение предоставлено Glints. (Нажмите на изображение, чтобы увидеть всю страницу.)

Маркетологи иногда могут слишком усложнять вещи.(Кто, мы?) Они будут использовать абзац, где будет делать предложение. Они создадут видео-пояснение, когда все потенциальные клиенты хотят увидеть скриншот. На мобильных устройствах простота выигрывает.

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

Лучший мобильный Landing Page Takeaways:

  • Держите вещи прямо. Вам не нужно топить посетителей в контенте, как показывает Глинтс здесь. Компания сокращает свою копию до самого необходимого, а затем упорядочивает страницу таким образом, чтобы не дать посетителям приступа клаустрофобии.
  • Используйте изображение героя, которое усиливает ваш заголовок. Glints выполняет большую часть работы над сообщениями.Верхний заголовок мгновенно определяет целевую аудиторию, которая подкреплена изображением героя. Вспомогательная копия говорит об обещании найти карьеру мечты. Затем второй заголовок быстро показывает некоторые крупные бренды, нанимающие через платформу.
  • Несколько CTA отправляются в одно и то же место. Соотношение внимания 1: 1 идеально, но вы можете включить дополнительные призывы к действию, если все они указывают в одном направлении. Глинтс делает это здесь, каждый с вариантной копией, которая предлагает посетителю конвертировать.Если контент выше сгиба не делает этого, возможно, распространение логотипов брендов на платформе или расширенные преимущества будут.

3. Промо

Mobile Landing Page Examples: Promo Изображение предоставлено Промо. (Нажмите на изображение, чтобы увидеть полную страницу.)

Промо — эксперты в использовании видео для показа конверсий на своих целевых страницах (как мы подчеркивали в этом посте на страницах с высокой конверсией). И они должны быть такими: простая в использовании платформа позволяет клиентам быстро создавать видеоролики для спонсируемых публикаций в социальных сетях.Промо, не использующее видео в своем маркетинге, будет похоже на то, как Супермен не использует силу полета в своем маркетинге . (Это птица, это самолет? Ах, вы слишком молоды.)

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

Яэль Мириам Класс, ведущий информационного агентства Promo, описал, как компания использует видео на целевых страницах для мобильных устройств без ущерба для общего опыта:

Mobile Landing Page Examples: Promo

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

Лучший мобильный Landing Page Takeaways:

  • Создайте легкий опыт. Непонятно, просто взглянув на мобильную версию этой целевой страницы, но Promo многое сделала для сокращения контента с рабочего стола. На полноразмерной странице вместо ролика героя есть видео с автоматическим воспроизведением и динамические кнопки, наложенные на образцы видео. Вместо этого мобильная версия использует статические изображения, которые воспроизводят видео только после того, как посетитель взаимодействует с ними.Их тщательная оптимизация имеет большое значение для обеспечения потрясающего опыта посетителей.
  • Получите максимум от пространства над сгибом. Заголовок содержит уникальное рекламное предложение Promo для этого целевого сегмента, то есть простое создание видеороликов для социальных сетей. В сочетании с кликабельным поясняющим видео и заметным призывом к действию, Promo максимально использует доступную недвижимость, чтобы создать злое первое впечатление над сгибом.
  • Повысьте авторитет с помощью проверенных логотипов брендов. Promo включает в себя значки партнеров Facebook и Instagram над сгибом, чтобы немедленно подтвердить, что им доверяют основные платформы социальных сетей — важный момент, когда вы пытаетесь выиграть с помощью варианта использования социальных сетей. На этой странице также размещены логотипы брендов и индивидуальные отзывы клиентов, что еще больше укрепляет авторитет.

4. Country Chic Paint

Mobile Landing Page Example: Country Chic Paint Изображение предоставлено Country Chic Paint. (Нажмите на изображение, чтобы увидеть всю страницу.)

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

Эта целевая страница от Country Chic Paint, созданная Webistry, включает в себя эмоциональный элемент, который повышает вероятность резонанса с мобильными посетителями.

Лучший мобильный Landing Page Takeaways:

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

5. ClaimCompass

Mobile Landing Page Example: ClaimCompass Изображение предоставлено ClaimCompass. (Нажмите на изображение, чтобы увидеть полную страницу.)

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

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

Alex Sumin

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

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

Лучшая мобильная посадочная страница. Выводы:

  • Разбейте сложные идеи на понятные преимущества. «Свободные деньги» звучит как достаточно простое предложение, но ClaimCompass имеет дело с кучей юридических и нормативных соображений. Компания отлично справляется с задачей привлечения внимания посетителей, кратко изобразив ее над сгибом, а затем быстро раскладывая ключевые преимущества сервиса с помощью маркеров чуть ниже.
  • Обеспечьте возможности для получения дополнительной информации (при необходимости). Объяснений высокого уровня и заявлений о выгодах недостаточно, чтобы убедить всех. На этой странице содержится много дополнительной информации, которая расширяет предложение и описывает процесс ClaimCompass, а также ссылки на подробное сообщение в блоге, в котором рассказывается обо всех подробностях.
  • Превратите позитивную прессу и отзывы в доверие. Да, «безналичные деньги» звучат как выдумка, но ClaimCompass укрепляет доверие и доверие, связывая себя с основными новостными агентствами, в которых он фигурирует, выделяя средний балл отзывов клиентов и получая реальные отзывы прямо из Facebook.

Бонус: Изображение героя говорит всем, кто когда-либо был на задержанном рейсе. Ее лицо — мое лицо. Ее боль — это моя боль.

6. Helix

Mobile Landing Page Example: Helix Изображение предоставлено Helix. (Нажмите на изображение, чтобы увидеть полную страницу.)

Сон довольно популярен в наши дни, но археологические данные свидетельствуют о том, что люди на самом деле спали в течение тысяч лет . Дикие вещи.

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

Лучший мобильный Landing Page Takeaways:

  • Сделайте вашу целевую страницу красивой. Это великолепно выглядящая целевая страница, которая показывает, что вы можете создать визуально привлекательный интерфейс для небольших экранов.Кажется, что каждый раздел имеет свою собственную текстуру — будь то уникальная иконография, привлекательные графики или стильное видео — и побуждает посетителей продолжать прокручивать.
  • Предоставьте социальное подтверждение, которое говорит о вашем случае использования. Helix выделяет отзывы клиентов от пар с различными предпочтениями сна, которые являются целевой аудиторией этой страницы. Например: «Этот матрас буквально спас наш брак». Как любитель фирменных матрасов, в настоящее время застрявший на 4 дюймах пены памяти, , пожалуйста, пришлите помощь.
  • Генерируйте потенциальных клиентов, предоставляя ценность. Призыв к действию на целевой странице подталкивает посетителей к «Спящей викторине» Helix, которая после сбора адреса электронной почты задает потенциальным клиентам ряд вопросов, которые помогут им найти идеальный тип матраса. Там есть ценность, и это делает его богатым инструментом для создания потенциальных клиентов.

7. Boostability

Mobile Landing Page Example: Boostability Изображение предоставлено Boostability. (Щелкните изображение, чтобы увидеть полную страницу.)

Генерация потенциальных клиентов все еще сводится к заполнению формы, что может сделать ее немного сложнее на мобильных устройствах.Посетители не хотят раскрывать все свои личные данные на маленьком экране. И, судя по опыту, люди изо всех сил пытаются правильно написать даже простые слова. Удачи, добавив [email protected] в свой список рассылки.

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

Лучший мобильный Landing Page Takeaways:

  • Убедитесь, что ваша форма не блокирует преобразования. Формы потенциальных клиентов могут быть препятствием для преобразования на телефонах, но на этой странице это не так. Boostability включает в себя короткую форму с автозаполнением над сгибом, что позволяет посетителям легко зарегистрироваться для бесплатного анализа веб-сайта.
  • Покажите посетителям, какую конверсию они получают. Ниже формы Boostability предоставляет более подробную информацию о том, что на самом деле включает анализ веб-сайта, вместе со скриншотами изнутри продукта. Это помогает посетителям понять, что они получат, предоставив Boostability свои личные данные.
  • Много содержимого не является оправданием для загроможденной страницы. На этой целевой странице есть тонна информации, и Boostability удается сконцентрировать все это в небольшом пространстве, не создавая ощущения переполненности. Это потому, что они привязаны к единственному столбцу, который содержит множество пробелов.
Не знаете, как работает ваша целевая страница на мобильном телефоне? Запустите тест с Unbounce Landing Page Analyzer, который ранжирует вашу страницу по девяти конкретным категориям производительности, включая отзывчивость мобильных устройств.

8. Good Eggs

Mobile Landing Page Example: Good Eggs Изображение предоставлено Good Eggs. (Щелкните изображение, чтобы увидеть полную страницу.)

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

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

Хейди Хирвонен, менеджер по маркетингу в Good Eggs, объяснила, как компания создает целевые страницы, которые привлекают мобильных посетителей:

Heidi Hirvonen

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

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

Лучший мобильный Landing Page Takeaways:

  • Требуйте внимания с убедительными изображениями. Good Eggs отлично справляется со стильной фотографией, заставляя посетителей делать паузу достаточно долго, чтобы прочитать о некоторых конкурентных отличительных чертах компании.Это особенно важно, когда вам нужно выделиться в людном месте.
  • Сделайте ваше предложение сразу ясно. Эта целевая страница построена на предложении, рекламирующем одну из марок мороженого, которую несут «Добрые яйца», и все, что выше сгиба, подкрепляет это: восхитительный герой-мороженое; копия с указанием скидки на мороженое; подсказка требовать мороженое. Дай мне мороженое .

9. Ace

Mobile Landing Page Example: Ace

Изображение предоставлено Ace.(Нажмите на изображение, чтобы увидеть всю страницу.)

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

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

Лучший мобильный Landing Page Takeaways:

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

10.GoBoat

Mobile Landing Page Example: GoBoat Изображение предоставлено GoBoat. (Щелкните изображение, чтобы увидеть полную страницу.)

Как и Ace в предыдущем примере, GoBoat освещает описание своей услуги проката лодок и вместо этого сосредотачивается на опыте наблюдения Копенгагена с воды — как он себя чувствует. Конечно, есть меньше пиратских изображений, чем нам хотелось бы для компании, которая говорит, что мы можем «быть [нашим] собственным капитаном», но GoBoat включает в себя тонну красивых фотографий, которые уже заставили меня планировать летнюю поездку в Данию.

Лучший мобильный Landing Page Takeaways:

  • Убедитесь, что посетители сразу понимают выгоду. GoBoat преуспевает в передаче самой важной информации выше сгиба, а также проясняет основное преимущество: пилотирование лодки самостоятельно. И хотя компания решила исключить видео с автоматическим воспроизведением из настольной версии этой страницы, статичный снимок героя отлично справляется с тем, что предлагает GoBoat.
  • Поговорите с опытом, который вы предлагаете. Большинство людей не арендуют с GoBoat, чтобы пережить какую-то детскую фантазию о халявном детстве (позор) — они делают это, чтобы ощутить прекрасные достопримечательности Копенгагена.Компания играет на этом с этой целевой страницей, предоставляя много недвижимости снимкам самых известных достопримечательностей города. Между тем, страница является лаконичной в своем экземпляре и использует маркеры для быстрого решения стандартных вопросов.
Mobile Landing Page Example: GoBoat

Хотите получить больше примеров мобильных целевых страниц? Мы слышим тебя.

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

  1. Создайте целевые страницы с высокой конверсией за 30 минут: бесплатный курс ускоренного видео от Unbounce и Skillshare
  2. Эффективные целевые страницы, которые также выглядят великолепно: Примеры лучших целевых страниц Вы должны Сохраните для своего файла Swipe
  3. Рассчитайте производительность своей целевой страницы: Unbounce Analyzer Landing Page
.
Ваша целевая страница отстой! Вот 10 примеров, которые не … Хотите узнать, насколько эффективны ваши целевые страницы? Проведите свою страницу через Landing Page Analyzer, чтобы получить свой собственный отчет сегодня.

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

Примечание: я возвращаю этот пост из архивов.А) потому что это вечно, Б) потому что это круто и С) как тизер к предстоящему посту с примерами целевой страницы.

Это 10 крошечных миниатюрных картинок из тех, которые до сих пор считались величайшими целевыми страницами из когда-либо виденных 23 ноября 2010 года. обнаружив, что обстановка грубая, музыка слишком громкая, персонал выглядит отрывочно, в меню 400 вариантов, на стене есть награда «Лучший мясной рулет в Айдахо, 1995» и, в завершение, место пустоЧто бы вы сделали? Я знаю, что я бы выбрался из Доджа.

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

Извините, официант, могу я получить кнопку возврата, пожалуйста?

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

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

1. Аналитика WebTrends — «прокладывая путь»

Я сразу признаю это — я влюблен в целевые страницы Webtrends. Если вы ищете место для вдохновения дизайна для форм захвата свинца, это хорошее место для начала.

Что мне нравится
  • Иерархия элементов страницы и информации хорошо структурирована и сфокусирована на основах: логотип, выстрел героя, сочетающий в себе четкий заголовок, краткое описание причин и преимуществ продукта / сервис (в данном случае вебинар) и форма захвата потенциальных клиентов для сбора данных о посетителях.И … главное … больше ничего.
  • Призыв к действию (CTA) форм свинца почти всегда падает ниже сгиба. Чтобы обойти эти , они поместили направленную подсказку (стрелку) вверху формы , чтобы указать путь к области действия ниже.
Вещи, которые я бы изменил или протестировал
  • Более тесная связь между направленной репликой и CTA. В частности, я бы сделал синюю кнопку, чтобы она соответствовала заголовку формы — сейчас она слишком сильно вписывается в серый фон.
  • Измените CTA, чтобы описать, что вы получите, когда щелкнете по нему. В нем должно быть написано «Зарегистрироваться на вебинар», а не неописуемое «Отправить». Извините, Webtrends, насколько я люблю вас, это ошибка новичка, которая никогда не должна повторяться.

Сайт *: Webtrends

2. ИБП — использование модальных окон для удержания посетителей на странице

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

Что мне нравится
  • Ссылки «Еще» для колонок запускают модальные диалоговые окна (в стиле лайтбокс). Это удерживает посетителей на целевой странице, вместо того, чтобы переходить на другую страницу — и далеко от цели конверсии.
  • У них есть видео. Хорошо! Видео — это проверенный механизм улучшения конверсии. Исследования eyeviewdigital.com сообщают об улучшении конверсии до 80%. Специалисты по видеомаркетингу Turn Here выделяют хорошие показатели по улучшению конверсии и побочные преимущества, связанные с тем, что правильно оптимизированная видеозапись может в 53 раза чаще попасть на первую страницу результатов поиска Google.Совет: вы часто можете повторно использовать свое видео, разместив его на YouTube.
Вещи, которые я бы изменил или протестировал
  • Ссылки внизу страницы по-прежнему ведут на внешние микросайты (щелкните изображение, чтобы увидеть полный скриншот). Микросайт по-прежнему предлагает более сфокусированный опыт, чем ваша домашняя страница, так что это не большой минус, однако, лучший ход «All In» будет заключаться в том, чтобы встраивали их в Lightbox windows , как они это делали с биографией динамиков.
  • Призыв к действию был бы лучше, если бы гласил «Получать обновления о будущих веб-трансляциях», а не общий и пугающий «Зарегистрироваться».(Эти слова могут не показаться пугающими коварным ветеранам онлайн, таким как вы, но они не выражают никакой выгоды или выгоды — делая это отрицательным подтверждением взаимодействия).

Сайт *: UPS

3. Будущее маркетинга — социально подтвержденное

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

Что мне нравится
  • Социальные доказательства здесь не по графику. Вместо того, чтобы показывать людей, подписавшихся или зарегистрированных на конференцию, они показывают фотографии и имена огромной коллекции известных игроков в маркетинговой индустрии. Одобрения создают доверие, что приводит к конверсиям. Даже если вы не знаете, кто является организатором (в данном случае ThoughtLead), тот факт, что он спонсируется IBM и имеет таких докладчиков, как Гай Кавасаки, сделает продажу за вас.
  • Призыв к действию прекрасно описывает, что вы получаете. Бесплатная регистрация. (Обратите внимание, что этот снимок экрана был сделан после конференции, поэтому обмен сообщениями связан с воспроизведением звука, а не с регистрацией для самой конференции).
  • Контрастность: Ярко-розовый CTA выделяется на монотонном фоне.
  • Повторный CTA: На длинных целевых страницах (щелкните изображение, чтобы посмотреть в полном размере) важно повторить CTA, чтобы напомнить людям о цели вашей страницы, если они прокручивали 10 экранов. Здесь он расположен сверху — над сгибом и в конце — для тех, кто закончил исследовать всю страницу.
  • Вторичный CTA: В современном социальном мире WOMM (Word of Mouth Marketing) является ключевым. Здесь они добавили кнопку обмена в Twitter, чтобы помочь посетителям распространять информацию от их имени.
  • Подтверждение CTA: После заполнения формы вам снова предоставляется возможность распространить информацию через Twitter. Это отличное использование благодарности страницы недвижимости.

Сайт *: Будущее маркетинга

4. Clearvale: нет Jive Talkin ‘- соблазнительный одиночный CTA

Если бы вы ехали по этой дороге, у вас было бы 2 варианта: влево или вправо , На этой целевой странице есть только одно, что нужно сделать — нажать на знак.Это то, что называется целевой страницей с переходом по ссылке. Другие имена включают страницу перехода или красиво названную «романтическую страницу» — так как целью этой страницы является повышение уровня интереса посетителя до точки, где они готовы перейти ко второй базе . (Я отдаю должное Скотту Бринкеру за термин «романтическая страница»).

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

Site *: Clearvale

5. Groupon — великолепный упрощенный поток

Вот прекрасный пример простой управляемой посадки от Groupon.

Что мне нравится
  • Они использовали геотаргетированную сегментацию , чтобы настроить мое местоположение, и представляют большое предложение о выделении стоимости (скидка 50% -90%), чтобы заинтересовать меня.
  • Красочный с хорошим контрастом области действия . Яркий, смелый цвет соблазнителен и делает область действия (форму) очень четкой.
  • Юзабилити. Индикатор прогресса под формой позволяет вам знать, что есть 3 шага и где вы находитесь в процессе.
  • Простые формы: На шаге 2 (ведущая часть) они запрашивают только ваш адрес электронной почты, уменьшая барьер для входа до минимума.
Вещи, которые я бы изменил или протестировал -90%Изображения показывают алкоголь, возможно, поэтому я согласился ввести свой адрес электронной почты, но некоторые уточнения деталей предложения были бы хорошими.

Сайт *: Groupon

6. Опра — лотерея для свинца поколения

Это Опра. Эти вещи, как правило, продаются сами собой, но не все хорошо. Читай дальше.

Что мне нравится
  • Ориентация на преимущества: Получая премию за отпуск, они сразу же удовлетворяют желания людей.В этом случае брендинг настолько силен, что его можно смело перенести в конец страницы.
  • Брендинг: Торговая марка Опры — ее точка продажи, ее лицо сосредоточено на всем, что с ней связано, и здесь она вызывает ощущение того, что находится в отпуске, чтобы побудить своих верных последователей выиграть небольшой кусочек образа жизни Опры.
  • Розыгрыши — это очень популярный свинцовый механизм , и здесь они используют бесплатную раздачу призов в качестве дополнения к подписке на журнал «без риска».
Вещи, которые я бы изменил или протестировал
  • Политики конфиденциальности и ссылки на правила открывают новых окон, что немного беспорядочно . Лучшее решение — использовать модальный лайтбокс, как в примере с ИБП выше. Вы можете увидеть то, о чем я говорю, на одной из целевых страниц конкурса Unbounce (нажмите на ссылку правил конкурса внизу, чтобы увидеть модальное окно).
  • Мне больно повторять одно и то же снова и снова, но призыв к действию на ваших кнопках — ДЕЙСТВИТЕЛЬНО ВАЖНО .Любые сомнения у посетителей относительно того, что произойдет, могут привести к небольшим утечкам информации. Поясните это ясно, чтобы люди знали, чего ожидать. Здесь он мог бы использовать CTA с двойной линией, начинающуюся с первичной первой строки: «Войти в конкурс», затем второй строки «и начать пробную подписку».

Сайт *: Oprah Magazine

7. Verisign — формирование доверия

Эта целевая страница посвящена созданию основного обещания бренда Verisign — доверия.

Что мне нравится
  • Он рассказывает простую историю: Как страница с переходом по страницам, она предоставляет достаточно информации и интереса, чтобы подогреть посетителей и побудить их продолжать идти по намеченному пути конверсии.
  • CTA, основанные на выгодах: Каждый призыв к действию основывается на реальной выгоде для бизнеса, поощряя клик, чтобы узнать, как Verisign может повысить доверие и какой эффект это может оказать.
Вещи, которые я бы изменил или протестировал
  • Контраст CTA: Я бы предпочел, чтобы CTA были представлены с большей контрастностью по сравнению с остальной частью страницы.

Сайт *: Verisign

8. CameraPlus — страница с максимальным объемом продаж продукции

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

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

Это очень хорошая целевая страница .

Что мне нравится
  • Дизайн соответствует желаниям и ожиданиям покупателя. У целевого клиента уже есть iPhone, поэтому он привык видеть красивый дизайн с приложениями, размещенными в контексте их предполагаемого использования.
  • Контекст использования: Это ВАЖНАЯ концепция . Основное изображение iPhone воспроизводит видео, показывающее используемое приложение. Это в значительной степени все, что вам нужно, чтобы быть проданным на крутой фактор приложения. Затем вы можете изучить большой список функций ниже, чтобы подтвердить свое решение о покупке.
  • Цена и призыв к действию, чтобы купить приложение, приятно расположены над сгибом , что дает вам возможность изучить страницу, зная, как взаимодействовать, когда вы будете готовы.
  • Одобрение знаменитости: Включая знаменитого фотографа Лизу Беттани — которая, для записи (и факта сплетен) встречается с основателем Mashable Питом Кэшмором — это умное устройство, которое помогает убедить посетителей, что стоит покупать. Профессиональные фотографы, которые просто хотят классное приложение для своего телефона, найдут это убедительным.
  • Подтверждение концепции: Фотогалерея на конце завершает это красиво, показывая, что вы можете делать отличные фотографии с этим приложением.
  • Обзоры под телефоном выделены красным, что делает их наиболее важным визуальным аспектом первого экрана .Хотя я бы порекомендовал CTA получить такой уровень внимания, он действительно подталкивает вас к тому, что часто является «колебанием» при покупке — то, что говорят другие люди.
Вещи, которые я бы изменил или протестировал
  • Мне было бы очень интересно A / B протестировать короткую версию страницы , чтобы видео продавалось вместо 10 страниц прокрутки контента.

Сайт *: https://campl.us/

9. SEOmoz — выбор с информацией для создания информированного

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

Что мне нравится
  • Доверие и доверие: Символ Verisign расположен рядом с кнопкой покупки, а группировка всемирно известных брендов непосредственно под ними помогает повысить ценность продукта.
  • Сжатый заголовок.
  • Тонкое упоминание о количестве клиентов: Под логотипами клиентов крупных брендов есть приятное небольшое дополнение — «и еще тысячи» — добавление к элементу доверия.
  • Внимание к разным стилям чтения: Существует множество сочетаний пунктов с подробными описаниями для тех, кому нужно копать глубже.
  • РЕАЛЬНЫЕ отзывы: Фотографии выглядят так, как будто они взяты из социальных профилей. В сочетании с названием и названием компании вы сможете легко убедиться, что это настоящие деловые люди.
Вещи, которые я бы изменил или протестировал
  • Призыв к действию: CTA здесь использует приятное мягкое слово — «TRY». Что выдает чувство низкого предложения. Тем не менее, единственное упоминание об элементе без риска, это «30-дневная гарантия возврата денег» в верхней части страницы. Это должно быть пересчитано в точке конверсии (то есть под CTA).
  • Хотелось бы узнать, как это преобразуется по сравнению с аналогичной страницей, которая имеет обычную глобальную навигацию и отвлекает внимание колонтитула.

Сайт *: Страница цен SEOmoz

10. Times Reader — показывает контекст использования

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

Давайте рассмотрим последнюю целевую страницу этой коллекции…

Что мне нравится
  • Образ жизни. Уровень, на котором они демонстрируют модернизацию потребления новостей, впечатляет.Использование красивого Macbook Pro и встроенного видео отображает отличный «контекст использования» и позволяет представить новый опыт чтения, который они продают.
  • Это отличное видео, которое действительно демонстрирует силу, которую видео может рассказать историю . Особенно остро данный продукт.
Вещи, которые я бы изменил или протестировал
  • Как и на странице SEOmoz, я хотел бы видеть сообщение о безопасности (в данном случае — 2 недели бесплатно), которое повторяется рядом с CTA.
Смотреть видео

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


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

Cheers,

— Оли Гарднер


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

Другое примечание: источник изображения «Вы сосете» (со страницы индекса блога)

.
Высоко конвертируемых целевых страниц Примеры, которые вы могли бы узнать из

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

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

landing page examples - shopify landing page examples - shopify

Почему эта целевая страница в моем списке?

  • Великолепное использование изображения — Изображение мгновенно дает представление о том, о чем эта страница, — похоже, что-то, что может помочь вам настроить ваш интернет-магазин. Улыбчивый человек, гордо демонстрирующий свой интернет-магазин, безусловно, передает смысл, одновременно привлекая внимание.
  • Четкий заголовок — Заголовок очень четкий. ‘Все, что вам нужно для продажи в Интернете.Для человека, который не очень разбирается в технологиях, задача создания полностью функционального интернет-магазина может показаться сложной. В их голове есть несколько вопросов, но затем они попадают на эту страницу. Заголовок, который говорит им, что они получат «все, что им нужно» в одном месте, утешает их. Этот комфорт в сочетании с предложением 15-дневной бесплатной пробной версии побудит их принять меры.
  • Выделение важной информации — S ell online ярко-оранжевого цвета, что придает ему контраст и выделяет наиболее важную часть информации.
  • Минимальная форма — Более короткие формы = больше форм заполняется. Кажется достаточно очевидным. Shopify очень умно разбил процесс регистрации на шаги и использует только одно поле на главной целевой странице.
  • Trust — У Shopify много пользователей по всему миру, и они продемонстрировали этот номер на целевой странице чуть ниже формы. Это еще больше ослабляет страхи посетителей, потому что теперь у них есть подтверждение, что сотни тысяч владельцев магазинов, таких же, как они, используют платформу.Он действует как катализатор конверсии.

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

landing page examples - Udemy landing page examples - Udemy

Почему эта целевая страница в моем списке?

  • Эмоциональный триггер в заголовке — Простая, но блестящая игра слов «Какой курс вы выберете в своей жизни» мгновенно устанавливает связь с потенциальным учеником, укрепляя его желание изменить ход своей жизни, узнав что-то новое.Не менее сильный подзаголовок с другим сильным эмоциональным стимулом (побуждающим студентов контролировать свою жизнь) блестяще поддерживает заголовок.
  • Форма поиска — Это не бессмысленная форма. Они просто позволяют ученикам найти то, что они хотят изучать. Как только они найдут курс, они могут записаться — это так просто. Udemy не просит регистрации сразу по той простой причине, что это не имеет смысла.
  • Преимущества — Преимущества изложены чуть ниже формы.Это очищает все сомнения, которые посетитель может иметь в виду. Доверие, разнообразие вариантов и простота обучения прекрасно иллюстрируются иконками.
  • Фоновое изображение — Студент, смотрящий вниз, направляет ваше внимание на форму. Не так ли?

Basecamp — это веб-инструмент управления проектами, запущенный в 2004 году. Он имеет 30-дневную бесплатную пробную версию и бесплатен для учителей.

landing page examples - basecamp landing page examples - basecamp

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

Почему эта целевая страница в моем списке?

  • Достойный доверия заголовок — Люди доверяют тому, что другие говорят о бренде больше, чем тому, что бренд говорит о себе. Basecamp отмечает свой авторитет очень сильным числом (5 981) в очень короткие сроки (одна неделя) прямо в заголовке.
  • Образ реального человека — Ни одно изображение не может сравниться с доверием лица реального человека.Basecamp использует изображение клиента со своим отзывом, благодаря чему страница выглядит бесконечно более подлинной, чем она могла бы быть.
  • Инкапсулированная форма — Инкапсуляция направляет наше внимание на форму, делая ее очень важной. Форма выглядит нетрадиционно, захватывает наше внимание, но вписывается в общий дизайн страницы.
  • Интуитивно понятные цвета — Красный заставляет нас задуматься о том, чтобы прочитать , кредитная карта не требуется , а зеленый дает нам возможность получить бесплатную пробную версию . Блестящее использование цветов.

LeadSquared — это платформа для автоматизации маркетинга и CRM, которая помогает компаниям усилить свое лидерство в конверсии сделок. У него более 12 000 пользователей по всему миру.

landing page examples - leadsquared landing page examples - leadsquared

Извините за бесстыдную пробку. ? Кажется странным иметь целевую страницу, которую я создал в своем собственном списке. Но этот конвертировался очень хорошо для нас (более 60%), поэтому я решил сохранить его в списке.

Почему эта целевая страница в моем списке?

  • Мощный заголовок — Такие мощные слова, как Unlock и Secret делают посетителя любопытным и вдохновляющим действием.
  • Минимальный дизайн — Минимальный дизайн и простой белый фон обеспечивают очень хорошую читаемость страницы. Мы протестировали страницу с другим фоном, но черно-белый вариант работал лучше всего.
  • Контрастный призыв к действию — фиолетовый призыв к действию прекрасно сочетается с желтой обложкой. Копия на кнопке очень четкая.
  • Доверие — Свидетельство читателя прямо под призывом к действию усиливает призыв к действию.

Ordork — это веб-сайт Noah K, который ведет блог о маркетинге, стартапах, самоисследовании и тако.

landing page examples - okdork landing page examples - okdork

Почему эта целевая страница в моем списке?

  • Улыбка — Улыбка — очень сильная эмоция, и Ной это знает. Он приветствует всех с широкой улыбкой в ​​своем блоге.
  • Curiosity — Кто не хотел бы знать 85% его деловых хаков. Отличное использование любопытства. Почему 85?
  • Доверие и юмор — Прямо под формой вы можете точно понять, почему вам не все равно.Начал 2 многомиллионных бизнеса, увеличил список рассылки до 700 000 и любит тако. ? Он подкрепляет это далее свидетельством ниже.
  • Цвет — Зеленый цвет выглядит очень успокаивающим для глаз, тонко указывая на рост. Желтый призыв к действию прекрасно дополняет его.

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

(Если вы хотите, чтобы я просмотрел вашу целевую страницу, дал советы по ее улучшению или напишите об этом, если это уже потрясающая страница с высоким уровнем конверсии, напишите мне по адресу rajat.arora [at] приводит в квадрат. com)

.

Leave a Reply