Содержание

10 Sexy лендингов Рунета

Вспомните, как выглядит типичный лендинг. «Шапка» с картинкой из фотостока → Наши преимущества или почему к нам обратились 100500 клиентов → Как мы работаем → Отзывы → Закажи бесплатную консультацию, замер, первое занятие и т.д.

В premium нишах еще какое-то разнообразие, а в ремонте, натяжных потолках и прочих «народных» темах ощущение «те же яйца, только в профиль». Онлайн-конструкторы и Бизнес Молодость делают свое дело)

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

EnjoyMe Box

b_5721cceb012b9.jpg

Что это?!? Вот и у нас такой же вопрос в первую секунду. Ок, идем дальше. Это лендинг-игра, где вы как ребенок разворачиваете коробку с новогодними подарками. Зуб даем, что 99,9% пользователей докручивают страницу до конца. Расчет на эмоции: «Хочу!»

Минусы: кроме картинок никаких подробностей, что за подарки внутри.

1С: БухОбслуживание

b_5721cd1f4b0e6.jpg

А вот здесь оффер бьет наповал: «Забудьте о проблемах с бухучетом». Минимум «воды», короткие и простые предложения. Знаковые моменты выделены цветом + картинки отлично подчеркивают суть работы компании. Дизайнерам +100 к карме)

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

Минусы: форма заявки, на наш взгляд, перегружена + запутывает поле с промо-кодом. Что за промо-код, где его взять? Это может увести от целевого действия.

Главред

b_5721cd57f2619.jpg

На странице продвинутого курса Главреда букв, наоборот, о-о-чень много, и это оправдано. Максим Ильяхов раскладывает всю кухню в стиле «кушать подано». Рука сама тянется к кнопке «Оплатить и подписаться».

Минусы: не нашли.

Рокетбанк

b_5721cd81a3ed5.jpg

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

Как Рокетбанк обыграл новость о слиянии с банком «Открытие» (ссылка в хедере) — это космос.

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

Церебро

b_5721cdae79d85.jpg

Мы не нашли более четкого ценностного предложения для IT-продуктов, чем у Церебро: «Найдет для вас аудиторию ВКонтакте, готовую к действиям». Представление выгод сервиса, социальные доказательства — все сделано так, что не остается возражений.

Минусы: не нашли.

3208

b_5721cea21d479.jpg

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

При этом, чем дальше смотрим, тем больше доверия. Да, дизайн не дешевый. Да, тексты неплохие. Call-to-actions на уровне. Но сильнее всего цепляет «настоящесть» вместо копирайтерской брехни и изображений улыбающихся мужиков в касках. Это фото мастера + честные мужские тексты: «если серьезно, в жизни есть 3 больших глупости — ссать вверх, лежа на спине, долго смотреть на сварку и делать ремонт без проекта. И я даже не знаю, что из этого глупее…»

Минусы: сложная форма заявки.

Окна людям

b_5721ced7dbf42.jpg

Такого вы еще не видели. Самая упоротая страница в нашем списке. Реакция коллег от «что за г… о?» до «ах%#енный сайт!» Скорее всего, неплохо конвертит за счет нестандартного подхода на суперконкурентном рынке.

Минусы — обратная сторона нестандартности. Значительная часть аудитории не будет вчитываться в прописные буквы.

VideoDays

b_5721cf1663b6f.jpg

Пафосная страница конференции VideoDays работает на интриге. Представьте, что вы ничего не знаете о событии и видите месседж «Будущее уже наступило». Что за будущее, что произошло, о чем вообще речь? Крутите дальше и через минуту вы поймаете себя на мысли «Я хочу на это событие!»

Минусы: не нашли.

Yagla

b_5721cf488e162.jpg

Да, мы не скромные, и включили в список свою страницу. Вчера один из наших пользователей написал: «Ребята, вы раскладываете все так, что понятно даже дилетанту». Продукт → Как это работает → Что он дает → Кейсы с результатами → В каждом блоке кнопка CTA.

Плюсы и минусы оставляем на ваш суд.

Egostyle

Как создать мощное УТП для Landing page

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

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

Но на днях со мной произошла история, которая доказала: важность уникальности понимают далеко не все. Называется эта история «Лучше вложить в “Директ”», и для большего драматизма я расскажу её чуть позже, а пока постараюсь обосновать значимость отстройки от конкурентов для бизнеса.

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

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

b_5719ef0f2f39d.jpg

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

b_5719ef0f4c1e3.jpg

Вероятно, вы знаете разработчика концепции уникальности Россера Ривза, автора книги «Реальность в рекламе» (1961 год), управлявшего агентством с миллионными оборотами Ted Bates.

Возможно, вы знакомы и с проповедниками отстройки от конкурентов Элом Райсом и Джеком Траутом, которые по косточкам разобрали идею дифференциации в книге «22 непреложных закона маркетинга».

b_5719ef0f6dd05.jpgТраут и Райс говорят о том, что количество товаров в каждой категории растет огромными темпами и реклама, которая ежедневно сваливается на вашу ЦА, давно превысила допустимые нормы. Точнее, так это они впервые утверждали в 1980 году, а теперь у нас есть двухэтажный «Ашан» (на Ленинском проспекте в Москве), до 200 объявлений на один запрос в «Яндекс Директ», тизеры в соц. сетях, меняющиеся каждые несколько секунд, и многое другое. Нелегко выбрать что-то из десятков и сотен товаров в каждой категории, но еще сложнее сделать правильный выбор. Ведь обидно будет, если вы приобретете вещь, а потом найдете такую же, но дешевле или с приятными бонусами при покупке! b_5719ef0f8cbaf.jpgЯ надеюсь, вы прочувствовали проблему избытка выбора и борьбы за внимание потребителя и готовы прочитать о стратегиях достижения превосходства над конкурентами, предложенных Майклом Портером. 1. Абсолютное лидерство в издержках Как обеспечить лидерство в издержках? Создавать огромные производственные мощности, жестко контролировать расходы, избегать мелких операций с клиентами, минимизировать затраты на исследования, разработки, обслуживание, рекламу и т. п. При этом нельзя игнорировать качество продукта и обслуживания, а также другие сферы бизнеса. b_5719ef0fb7207.jpgНа картинке выше вы видите логотип «Волмарт», а не одного из моих клиентов, и это тонкий намек на то, что стратегия низких издержек, как правило, подходит гигантам рынка. 2. Дифференциация Это создание такого продукта, который воспринимался бы в рамках всей отрасли как уникальный. От себя добавлю, что стоит отличать инновационный продукт (стратегия «голубого океана») и дифференцированный – имеющий ряд преимуществ. Что дает эта стратегия: – Рост чистой прибыли;

– Прочную позицию для противостояния конкурентам;

– Лояльность потребителей к бренду из-за отсутствия аналогов;

– Возможность продавать продукт по цене выше рыночной.

b_5719ef0fd6192.jpgНа картинке выше вы видите «мясо единорога», такое всё в блесточках – и это инновационный продукт, хотя, казалось бы, на рынке мяса сложно придумать что-то уникальное). Если вам не удалось поймать единорога, можно отстроиться от конкурентов, продавая низкокалорийное, органическое или парное мясо прямо с фермы, если такого не предлагают ваши соседи по прилавку. 3. Фокусирование Это так называемый «уход в нишу» – работа с определенной группой покупателей, видом продукции или географическим сегментом рынка. Давайте на примерах: я работаю с одним видом продукции

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

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

В основе стратегии лежит предположение, что узкий специалист профессиональнее, чем конкуренты, действующие на более широком пространстве. В результате вы предстаете перед клиентом примерно таким, как парень на картинке ниже. b_5719ef0ff3197.jpgВ копирайтинге «уход в нишу» считается одним из вариантов УТП. Когда на большом рынке есть свой лидер, его сложно обойти новичку, и в этом «озере» свежий бизнес будет «маленькой рыбкой» с крошечными прибылями. В мелком «пруду» (в нише) можно стать «большой рыбой» и зарабатывать больше, ведь здесь еще нет лидера, а значит, его место можете занять вы. Я как копирайтер вряд ли буду известнее Дмитрия Кота, а как автор продающих текстов для лендингов имею больше шансов на успех. Как вы догадались, уровни, на которых можем работать мы как интернет-маркетологи, – дифференциация и фокусировка, иначе говоря – разработка позиционирования. b_5719ef101a420.jpgКо мне обратилась владелица турфирмы в одном из российских городов. Она рассказала, что поставщики у всех агентств одинаковые, поэтому и туры одинаковые, но ближайшие конкуренты занижают цены до уровня, на котором невозможно зарабатывать. Уникальностью своего бизнеса заказчица считала опытных менеджеров по туризму, которые помогают клиентам выбрать отдых мечты. Но часть аудитории после подбора тура идет к конкурентам и покупает у них это же путешествие дешевле. Я зашла на сайт с отзывами по турфирмам этого города и обнаружила, что если одни конкуренты привлекают клиентов сниженными ценами, то остальные соседи по рынку очаровывают публику внимательными и компетентными менеджерами по туризму.

«Уникальность» компании моей заказчицы оказалась довольно распространенной.

b_5719ef10337ed.jpgВ тот момент я искала себе помощника. С несколькими кандидатами на место мы провели мозговой штурм и придумали пять подходящих офферов для турагентства.

Но заказчица сказала, что давать бонусы покупателям очень уж затратно и лучше вложить эти деньги в «Яндекс Директ». Хорошо, а теперь давайте посмотрим, с какими уникальными предложениями придется соревноваться моей клиентке.

b_5719ef10564ef.jpgb_5719ef107114b.jpgДля справки скажу, что уважаю выбор каждого и, если несколько логических аргументов не убеждают заказчика, не вижу смысла спорить. b_5719ef108beaa.jpgЕсь несколько интересных способов понять свою уникальность или создать её. В начале карьеры копирайтера я использовала систему формирования УТП, предложенную моим преподавателем . Я выписывала в табличку свойства нашего продукта и компании и проверяла наличие этих свойств у трех основных конкурентов. Если соперники в чем-то уступают моему клиенту – бинго, мы нашли уникальность. b_5719ef10a46d1.jpgЯ давно потеряла ту табличку, но когда готовилась к написанию статьи, нашла аналогичную у Андрея Зинкевича. b_5719ef10bf699.jpgАндрей предлагает сравнивать не только наличие или отсутствие той или иной особенности продукта у конкурента, но и то, на сколько баллов эта особенность реализована у них и у нас. Если мы предоставляем тот же сервис, но лучше – это может лечь в основу УТП. Обратите внимание на вторую колонку!

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

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

Таким образом, вы общаетесь голосом с владельцем и спрашиваете его: «Чем ваша компания или продукт лучше других?». Или просите продолжить фразу «Мы – единственные, кто…»

Например, у моего клиента

– руководителя сервиса по установке шумоизоляции в авто

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

b_5719ef1100b35.jpg

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

«Почему клиенты покупают у вас?»,

«Какие аргументы помогают вам закрывать людей на продажу ?»

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

Под видом опроса для улучшения сервиса компании мы спрашиваем у людей:

«Почему вы выбрали нашу компанию?»,

«Кого еще рассматривали, кроме нас?»,

«Для каких целей купили продукт?»

«Насколько вам важны эти 10 качеств нашего продукта/компании по 10-балльной шкале?».

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

b_5719ef111b451.jpg

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

1. Ложное УТП

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

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

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

b_5719ef1133a30.jpg

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

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

2. Уход в нишу

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

b_5719ef115219e.jpg

3. Улучшенный сервис

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

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

b_5719ef116f093.jpg

Читая лендинги, вы можете заметить, что заголовки, отражающие уникальность, довольно объемные, а значит, идея Россера Ривза о том, что УТП должно формулироваться кратко, в наше время не всегда соблюдается.

4. Подарки или бонусы при покупке

IT-аутсорсеры щедры на подарки: вот пример интересных бонусов, которые предлагает один из участников рынка.

b_5719ef118b023.jpg

5. Важные для ЦА гарантии

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

b_5719ef11a6a5c.jpg

К слову, для создания УТП можно смешивать ингредиенты по вкусу, например: «Качественный ИТ-аутсорсинг для компаний до 100 сотрудников:

– предоставляем персонального ИТ-директора;

– гарантируем устранение неполадок за 15–60 минут;

– делаем ИТ-аудит ваших компьютеров бесплатно».

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

Надеюсь, Вы внедрите предложенные идеи и получите результат в виде увеличения конверсии.

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

Автор статьи: Надежда Богдан

28 оригинальных примеров лендингов за 2017 год


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


В этой статье мы собрали для вас 28 лучших примеров оригинальных лендингов. Уверены, они вдохновят вас на интересные решения. Поехали!


Лендинг носит «говорящее» название — Future OF Design (Будущее дизайна). Он предназначен для презентации форума, где профессионалы будут делиться опытом, как дизайн помогает бренду. Согласитесь, в таком деле посадочная страница действительно должна удивлять. Здесь это получилось. Множество рисованных деталей, необычное шрифтовое решение, яркие, но ненавязчивые цвета. Действительно, есть на что посмотреть. Переходите по ссылке выше и убедитесь в этом. 

Future Of Design


Лендинг Mai 36 Galerie представляет международную галерею современного искусства, которая находится в Цюрихе. Их специализация — презентация и продажи лучших экспонатов современной живописи, фотографии, скульптур. Как должна выглядеть страница выставочного центра?


Конечно, именно так, как сайт Mai 36 Galerie. Много «пустого пространства», «воздуха», окружающего картины и другие экспонаты. Дизайнерам удалось создать простой, но удивительно правильный лендинг. Вдохновляйтесь:) 

Mai 36 Galerie


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


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

AMAIÒ


Перед вами лендинг…фермы. Да-да, фермы! Представители сельскохозяйственного направления смогли создать привлекательную страницу, которая презентует их компанию как самую «зеленую» и безусловно вызывает аппетит. Даже запах свежей зелени будто ощущается, правда?:)


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

Bowery


От зелени — к «яблокам» 🙂 Мы не могли обойти стороной промо-лендинг новинки от Apple — iPhone X. Весь мир с нетерпением ждет старта продаж, а разработчики посадочной страницы подогревают их интерес футуристическим дизайном. При переходе на лендинг мы видим огромный знак «Х». Движение колесиком мышки — и «Х» превращается в смартфон.


Минимализм, красота, воплощение будущего — это лендинг нового iPhone X. Посмотрите, хотя… вы наверняка уже видели:) 

iPhone X


Мед? Хм, нет. Это лимитированная серия блокнотов от бренда Baron Fig — Raspberry Honey (Малиновый мед). Как все грамотные маркетологи, специалисты Baron Fig отвели под свой продукт лендинг-страницу. И сделали ее по-настоящему вкусной:) Яркие цвета, красивые изображения, крупная надпись на посадочной странице, удачное сочетание разных шрифтов и ненавязчивая CTA-кнопка (Купить сейчас) — дизайнеры действительно постарались. 

Raspberry Honey


Лендинг, посвященный историям жителей США по программе DACA (Deferred Action for Childhood Arrivals). Эта программа создана для людей, которых в возрасте до 16 лет нелегально привезли на территорию Соединенных штатов. Программа позволяла им находится в стране на законных основаниях, получить образование. С приходом новой власти, Администрация Президента решила сократить эту программу. Лендинг посвящен людям, которые теперь могут быть депортированы.


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

Dreamer Stories


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


На лендинге удачно реализован параллакс-скроллинг, постепенно раскрывающий особенность продукта. Необычно и запоминается надолго. На скрине мы объединили 2 экрана. Перейдите по ссылке из заголовка, вы удивитесь:) 

Ginventory


Storybacker — это платформа для связи блогеров с рекламодателями (компаниями, которые хотят расширить аудиторию). Не секрет, что сегодня лидеры мнений миллионов — популярные блогеры YouTube, Instagram, Facebook и других соцсетей.


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


То, что это как-то связано с блогингом, нам подсказывает фраза, которая «печатается» прямо перед нами на первом развороте. Тут же есть поле для ввода e-mail, и фраза призыва зарегистрироваться быстрее, ведь места ограничены. Маркетологи тоже поработали хорошо, но все же, почему именно такие цвета?:) Наверное, личные предпочтения дизайнеров. А вы как считаете? 

Storybacker


Father Rabbit — это бренд посуды, кухонного текстиля и различных аксессуаров. Если компания представляет продукты стиля, значит, и лендинг должен быть соответствующий. «Папа Кролик» с этим справился:)


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

Father Rabbit


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


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

YouAte


Разработчики лендинга для Nebia Shower выбрали нетипичное, но однозначно интересное решение. Душевая лейка — то, что продвигается на этом сайте. Она же должна быть на посадочной странице. Как расположить изображение лейки, не уменьшая ее до размеров первого экрана лендинга. но при этом и не занимая все полезное пространство? Правильно, разместить ее сбоку, давая пользователю разглядеть струи воды. Справа — оставили места для УТП (кстати, тоже очень интересного: «Вы принимали душ тысячи раз, но так — ни разу»), а также для CTA-кнопок. Словом, лендинг достоин быть в списке лучших.  

Nebia Shower


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

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

VERK


Uber Design — это проект компании Uber. Кажется странным, что одна из самых известных в мире служб такси увлечена дизайном, правда? Но они так говорят. И показывают. «Говорит и показывает Убер» 🙂


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

Uber Design


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


Такие цвета и фигуры мы привыкли видеть у брендов молодежной одежды. Производители наушников, как правило, используют что-то лаконичное, с акцентом на устройство. Тут же разработчики пошли «от обратного» — модели презентуют гаджеты на себе. Необычно, но безусловно интересно. А из заголовка лендинга сделали целый ребус. Пролистайте ниже страницу, чтобы дочитать до конца. «A new beginning». По-настоящему оригинальное решение.  

B&O PLAY


Simply Gum — бренд, который представляет на рынке натуральные жвачки. Да-да, жвачки. До чего дошел бум в погоне за здоровым образом жизни. Лендинг у Simply Gum получился поистине… милым. Такие эмоции вызывают изображения маленьких коробочек, красивая подборка картинок, чего стоит одна только ложечка в футере (пролистайте лендинг до конца). Дизайнер сделал акцент на деталях, выбрав белый фон. Решение достаточно опасное, ведь есть риск наскучить. Но создатели Simply Gum справились с задачей. Хочется пожевать 🙂

Simply Gum


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


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

Violeta Noy


Посмотрите на этот лендинг. Можете ли вы догадаться, не вчитываясь в текст, что он посвящен уборке дома, прачечным, химчисткам и другим сопутствующим бытовым мелочам? Готовы поспорить, что нет.


Лендинг Alfred — отличный пример того, что можно отойти от стереотипов «мистер проперов», и презентовать услуги клининга стильно, красиво, чисто:)


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

Alfred


Shantell Martin — художник-иллюстратор. На создание своего лендинга она положила всю себя — в прямом смысле этого слова. Фон — это иллюстрации Шантель. Если поводить мышкой по ним, они «оживут». А крупные надписи являются навигацией по разделам лендинга. Очень необычно, но привлекательно. И главное, персонифицировано. То, что требуется от лендинга-визитки. 

Shantell Martin


FEED — бренд одежды и аксессуаров. Нам понравились удачно сочетаемые шрифты и акцент на товарах, которые сделаны на лендинге. При наведении на картинку с сумочкой, она «переворачивается», и открывается цена предмета. Удобно! Не нужно нагромождать страницу ценами и кнопками, создана одновременно и красивая «витрина», и магазин. 

FEED


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

Victoria Spicer


Продолжением серии лендигов-визиток будет продукт Гейвина Энтони (Gavin Anthony), под кодовым названием «Вдохновленный Малевичем» 🙂 Если серьезно, Гейвину, разработчику облачных технологий, удалось придумать интересную концепцию и воплотить ее. Черный фон — белый текст. Нет лишних деталей, которые отвлекали бы пользователя от чтения. Очень «по-мужски», не правда ли?


При этом второй экран контрастный. С него же (второго экрана) начинается небольшое портфолио. Лаконичность — лейтмотив этого лендинга. 

Gavin Anthony


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

Tomorrow Sleep


Рискованное решение выбрал бренд шляп Paris+Hendzel — разместить на первый экран лендинга фото модели без каких-либо надписей. Такое может себе позволить только известный дизайнер. Но смелые решения поощряются — поэтому лендинг находится в нашем списке. 

Paris+Hendzel


Thriva — это сервис онлайн-анализов. Удивляет, не так ли?


Что является самым неприятным для людей при заборе анализов? Правильно, иголки. В сознании анализы прочно связаны с неприятными ощущениями. Thriva постарались преподнести свою идею мягко, за счет позитивного яркого дизайна. Вы только взгляните на этот голубой «палец» — главный персонаж посадочной страницы:) Вызывает улыбку и положительные эмоции — то, что и нужно пользователям.  

Thriva


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

LivSo


Wokine — digital-агентство, которые настолько уверены в себе, что на посадочной странице лендинга не написали ничего, кроме приветствия. «Hello» — вот, что встречает посетителя. С одной стороны, это неправильно. А как же УТП на посадочной странице, call-to-action элементы? С другой стороны, это очень оригинально. Поэтому Wokine по праву занимают свое место в нашей подборке. 

Wokine


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

Create Upstate


Хотите создать подобную необычную, но концептуальную страницу — напишите нам, мы поможем!


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

27-09-2017

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

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

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

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

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

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

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

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

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

Лучшие примеры целевых страниц

1. Athabasca University

10 секси-лендингов Рунета / Блог компании Yagla / Хабр

Вспомните, как выглядит типичный лендинг. «Шапка» с картинкой из фотостока → Наши преимущества или почему к нам обратились 100500 клиентов → Как мы работаем → Отзывы → Закажи бесплатную консультацию, замер, первое занятие и т.д.

В premium нишах еще какое-то разнообразие, а в ремонте, натяжных потолках и прочих «народных» темах ощущение «те же яйца, только в профиль». Онлайн-конструкторы и Бизнес Молодость делают свое дело)

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

EnjoyMe Box

Что это?!? Вот и у нас такой же вопрос в первую секунду. Ок, идем дальше. Это лендинг-игра, где вы как ребенок разворачиваете коробку с новогодними подарками. Зуб даем, что 99,9% пользователей докручивают страницу до конца. Расчет на эмоции: «Хочу!»

Минусы: кроме картинок никаких подробностей, что за подарки внутри.

1С: БухОбслуживание

А вот здесь оффер бьет наповал: «Забудьте о проблемах с бухучетом». Минимум «воды», короткие и простые предложения. Знаковые моменты выделены цветом + картинки отлично подчеркивают суть работы компании. Дизайнерам +100 к карме) Да, обратите внимание на представление отзывов: рекомендуем взять этот ход на заметку.

Минусы: форма заявки, на наш взгляд, перегружена + запутывает поле с промо-кодом. Что за промо-код, где его взять? Это может увести от целевого действия.

Главред

На странице продвинутого курса Главреда букв, наоборот, о-о-чень много, и это оправдано. Максим Ильяхов раскладывает всю кухню в стиле «кушать подано». Рука сама тянется к кнопке «Оплатить и подписаться».

Минусы: не нашли.

Рокетбанк

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

Как Рокетбанк обыграл новость о слиянии с банком «Открытие» (ссылка в хедере) — это космос.

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

Церебро

Мы не нашли более четкого ценностного предложения для IT-продуктов, чем у Церебро: «Найдет для вас аудиторию ВКонтакте, готовую к действиям». Представление выгод сервиса, социальные доказательства — все сделано так, что не остается возражений.

Минусы: не нашли.

3208

Лендинги ремонтников, пожалуй, больше всего напичканы маразмами и шаблонами. В этом плане страница Алексея Земскова не идеальна + капля тщеславия «делаем самые лучшие ремонты» на первом экране. При этом, чем дальше смотрим, тем больше доверия.

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

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

Минусы: сложная форма заявки.

Окна людям

Такого вы еще не видели. Самая упоротая страница в нашем списке. Реакция коллег от «что за г… о?» до «ах%#енный сайт!» Скорее всего, неплохо конвертит за счет нестандартного подхода на суперконкурентном рынке.

Минусы — обратная сторона нестандартности. Значительная часть аудитории не будет вчитываться в прописные буквы.

VideoDays

Пафосная страница конференции VideoDays работает на интриге. Представьте, что вы ничего не знаете о событии и видите месседж «Будущее уже наступило». Что за будущее, что произошло, о чем вообще речь? Крутите дальше и через минуту вы поймаете себя на мысли «Я хочу на это событие!»

Минусы: не нашли.

Yagla

Да, мы не скромные, и включили в список свою страницу. Вчера один из наших пользователей написал: «Ребята, вы раскладываете все так, что понятно даже дилетанту». Продукт → Как это работает → Что он дает → Кейсы с результатами → В каждом блоке кнопка CTA.

Плюсы и минусы оставляем на ваш суд.

Egostyle

Разработчики из web-лаборатории Egostyle превратили свою промо-страницу в путешествие с wow-эффектами. Разумеется, эти понты расчитаны на соответствующую аудиторию. Ну, а простым смертным — поглазеть)

Минусы: скорость хромает + автозвук.

P.S. Поделитесь в комментариях, какая из страниц «зацепила» вас больше всего & предлагайте свои версии лучших лендингов в Рунете.

7 отличных примеров лендингов мобильных приложений

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

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

Зачем нужен лендинг приложения?

Наверняка у вас возник логичный вопрос: “Зачем создавать лендинг для мобильного приложения, если существует Google Play и Apple Store, где также можно рекламировать разработку?”. И площадки для приложений, и лендинг пейдж являются инструментами продвижения мобильной разработки. Но при этом ни страница в Гугл Плей или в магазине приложений Эппл не сможет передать эмоции, показать выгоды и создать мотивацию для скачивания пользователем. Все выглядит стандартно. При этом абсолютно нет возможности рекламировать свое приложение до момента его выпуска и размещения на площадках для скачивания. Это является весомым преимуществом, находящимся на стороне лендинг пейдж. Ведь с помощью посадочной страницы можно не только подробно рассказать о пользе приложения, но и подчеркнуть важность вашей разработки, выгоды для пользователей и начать зарание  собирать подписную базу.

Посадочная страница приложения станет “боевым оружием” в сложной конкурентной борьбе среди мобильных приложений. Создание лендинг пейдж повысит узнаваемость проекта и принесет дополнительное количество его установок на мобильные. Чтобы проект полностью “отбил” себя, лендинг можно поддерживать постоянно. До того, как приложение будет запущено в массы, продающий одностраничник поможет привлечь и заинтересовать аудиторию. В момент запуска лендинг будет рекламировать проект и предлагать установку приложения. В будущем, когда приложение будет доступно, продающий одностраничник сможет удерживать целевую аудиторию, предоставлять ей информацию, которая ей интересна, а также мотивировать к ключевому действию.

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

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

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

Какой контент необходим на landing page приложения?

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

Первый экран

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

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

Выгоды и преимущества

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

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

Видео

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

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

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

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

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

Ссылки на соцсети

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

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

Советы по созданию лендингов для мобильных приложений

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

Узнайте кто ваша ЦА и поймите чего она хочет

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

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

Продумайте структуру

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

Определитесь с дизайном

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

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

Контролируйте скорость загрузки сайта

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

Создайте адаптивную версию лендинга

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

Пишите продающие тексты

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

Создайте мотивирующие призывы к действию

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

Примеры лучших лендингов мобильных приложений

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

Пример 1

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

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

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

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

Пример 2

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

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

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

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

Пример 3

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

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

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

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

Пример 4

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

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

Дизайн такой же динамичный, как и сама тема приложения. Выглядит все ярко и достаточно сочно. Отличная работа!

Пример 5

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

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

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

Пример 6

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

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

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

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

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

Пример 7

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

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

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

Лендинг для мобильного приложения — большой шаг к большому успеху

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

17 классных целевых страниц, которых я хотел бы сделать

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

Печальное, печальное зрелище.

Моя точка зрения такова: Жестокая правда в том, что действительно крутых целевых страниц случаются не так уж и часто. Когда это произойдет, не следует упускать из виду те моменты для маркетологов! Фактически, большинство классных целевых страниц, которые вы видите, вдохновлены другими классными целевыми страницами, поэтому мы собрали этот классный пост — чтобы вдохновить вас! Разве вы не слышали, что подражание — самая искренняя форма лести?

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

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

Когда я впервые услышал термин «целевая страница», я подумал, что каждая веб-страница должна быть целевой страницей (как на странице, на которую вы попадаете ), верно? Неправильно! Чтобы эта страница считалась «целевой страницей», необходимо перейти на нее в рамках маркетинговой инициативы.Вы можете заключить специальную сделку, позволяющую клиентам подписаться на ваш список рассылки или предлагать им «скоро» предложение — из спонсируемой рекламы Google той или иной формы (поиск, отображение и т. Д.), Платной социальной сети реклама в Facebook, Instagram и т. д. или рассылка по электронной почте. Чтобы действительно считаться «целевой страницей» в мире маркетинга, должна быть транзакция, которая привела к тому, что этот человек попал на эту страницу. Unbounce прекрасно резюмирует это: «В цифровом маркетинге целевая страница — это отдельная веб-страница, созданная специально для целей маркетинговой или рекламной кампании.”

Теперь, когда мы понимаем определение целевой страницы, важно помнить, что существует масса не крутых целевых страниц. Фактически, только 22% предприятий удовлетворены текущим коэффициентом конверсии целевой страницы . Если ваши целевые страницы не классные, значит, и коэффициент конверсии тоже невысокий. Вот 17 очень КЛАССНЫХ целевых страниц, чтобы вдохновиться , а затем работать над повышением коэффициента конверсии.

стр.S. У нас есть выпуск подкаста Goal Talk на эту самую тему. Проверьте это в подкасте Goal Talk, эпизод 13: Анатомия целевой страницы, приносящей прибыль.

1. Сандалии для молодоженов

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

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

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

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

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

2. Instacart

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

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

3. GEM Сантехника и отопление

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

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

4. Программное обеспечение службы поддержки Solarwinds

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

Вот причины, по которым он так хорошо работает:

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

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

5. HelloFresh

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

6. freshsales

«Программное обеспечение для управления контактами — как оно круто!» никогда в жизни никто не говорил.

К счастью, freshsales знает, как заставить своих посетителей чувствовать себя круто с их забавным подходом на 360 градусов. Целевая страница ниже использует стратегию сохранения организованного, убедительного и ясного текста, но также включает забавный визуальный элемент. Еще одна интересная особенность целевой страницы freshsales — это БЕСПЛАТНЫЙ CTA. Помните, что бесплатные вещи — это всегда здорово.

7. Wistia

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

  • Элегантный и простой дизайн.
  • Уникальные и красивые цвета.
  • Простой и понятный текст.
  • Очаровательная копилка.
  • Поначалу отсутствие призыва к действию (что делает его менее напористым).

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

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

8. Аренда ВПП

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

Так как же ты можешь быть таким крутым, как Rent the Runway?

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

9. Рядный дом

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

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

10. Торо Локо

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

Затем волшебным образом появилось забавное всплывающее окно. Какое удовольствие! Кроме того, посмотрите на всплывающее окно ниже… «Вечеринка с бранчем в мескале» Что может быть круче этого?

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

11.Airbnb

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

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

  • Простой и понятный дизайн
  • Заманчивые, но не подавляющие образы
  • Очень четкий и не напористый CTA

12.Чейз

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

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

13. Wayfair

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

14. HomeLight

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

15. Клуб плюшевых мишек

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

Прокручивая страницу вниз, вы встречаете очень простой CTA.

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

16. Wix

Эта целевая страница Wix настолько классная, что я чувствую, что мне даже не нужно объяснять почему.Достаточно взглянуть на великолепное и умопомрачительное изображение горы и неба. Сообщение ясное, сфокусированное, и CTA прямо здесь, чтобы вы могли перейти и «начать сейчас»!

17. Убер

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

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

34 лучших примера посадочных страниц 2020 года для вашего Swipe-файла

Вот наш исходный принцип:

Отточенная профессиональная целевая страница может повысить коэффициент конверсии. (А грязный может им навредить.)

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

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

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

Что делает целевую страницу эффективной?

Прежде чем переходить к примерам, стоит выделить некоторые качества, которые присущи большинству хороших целевых страниц. (У вас нет на это времени? Забегайте вперед и рассмотрим примеры верхних целевых страниц.)

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

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

Не уверены, что ваши целевые страницы соответствуют требованиям? Попробуйте Unbounce’s Landing Page Analyzer, чтобы получить индивидуальный контрольный список тактик, которые могут повысить ваши конверсии.

Лучшие примеры посадочных страниц [Обновлено на 2020 год]

  1. Netflix (SaaS: развлечения)
  2. LinkedIn (SaaS: профессиональные услуги)
  3. Goby (электронная торговля: здоровье и благополучие)
  4. DoorDash (SaaS: доставка еды)
  5. SEM Rush (SaaS: маркетинг)
  6. Coco Village (электронная торговля: мебель)
  7. Grass Roots (электронная торговля: продукты питания и питание)
  8. Amazon (SaaS и электронная торговля)
  9. Мебель для филиалов (электронная торговля: мебель)
  10. Western Rise ( Электронная торговля: одежда и одежда)
  11. Университет Атабаски (образование)
  12. Бариатрическое питание (продукты питания и питание)
  13. blow LTD.(Красота)
  14. Blue Forest Farms (электронная торговля: каннабис)
  15. Border Buddy (путешествия и доставка)
  16. Bouquet Bar (электронная торговля: велнес и подарки)
  17. Монитор кампании (SaaS: маркетинг)
  18. Создатель класса (SaaS: образование )
  19. Fast Mask (электронная торговля: одежда и одежда)
  20. Good Eggs (электронная торговля: продукты питания и питание)
  21. HomeLoanGurus (SaaS: финансы и страхование)
  22. Jet Pet (услуги для домашних животных)
  23. Mooala (электронная торговля: продукты питания и питание) )
  24. NANOR (электронная торговля: здоровье и подарки)
  25. Panda7 (SaaS: финансы и страхование)
  26. Pared (SaaS: рестораны и персонал)
  27. Perfect Keto (электронная торговля: продукты питания и питание)
  28. Twinwoods Adventure (путешествия и отдых) )
  29. Roomeze (SaaS: недвижимость)
  30. Smalls (электронная торговля: продукты питания и питание)
  31. Sundae (SaaS: недвижимость)
  32. Wavehuggers (путешествия и отдых)
  33. Woolx (электронная торговля: одежда и одежда)
  34. Zumba (Здоровье и фитнес)


1.Netflix

Изображение с Netflix. (Щелкните, чтобы увидеть все.)

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

Отрасль: SaaS / Развлечения

Почему это вдохновляет…

  • Форма одного поля — Большая устрашающая форма на этой странице может легко отпугнуть людей, не разбирающихся в технологиях. Но Netflix хочет обратиться ко всем * и * их бабушкам и дедушкам. Вот почему они делают первый шаг очень простым — просто введите свой адрес электронной почты, чтобы начать.
  • Раскрывающийся список часто задаваемых вопросов — За прошедшие годы Netflix несколько раз поднимал цены.Вот почему они переместили эту часть своего ценностного предложения в раскрывающийся список часто задаваемых вопросов внизу страницы. Они все еще сообщают вам эту информацию на странице, чтобы вы не нажимали на нее, но они больше не придают этому большого значения.
  • Краткое содержание — Хотя многие шоу Netflix долго разматываются, вы можете переварить эту целевую страницу всего за несколько секунд. Здесь меньше 200 слов текста, и каждое пособие содержит только пару строк вспомогательного текста.Это разумно, поскольку, согласно отчету о конверсии за 2020 год, целевые страницы медиа и развлечений, содержащие менее 350 слов, обычно лучше конвертируются.

2. LinkedIn

Изображение из LinkedIn. (Щелкните, чтобы увидеть все.)

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

Отрасль: SaaS / профессиональные услуги

Почему это вдохновляет…

  • Люди по продукту — В SaaS всегда сложно найти баланс между тем, нужно ли сначала показывать снимок экрана своего продукта или фотографию покупателя, который на самом деле его использует. Вот почему мне очень нравится подход, который применяет здесь LinkedIn, смешивая индивидуальные фотографии улыбающихся соискателей (кто так счастлив, когда они подают заявку на работу ?!) с 3D-изображениями, демонстрирующими функции Premium.Поистине лучшее из обоих миров.
  • Ссылки для перехода — Для более длинных целевых страниц, подобных этой, может быть полезно разместить якорные ссылки вверху страницы. Таким образом, посетители могут сразу перейти к наиболее интересным для них частям.
  • Мощная статистика — На этой странице нет реальных социальных доказательств (было бы неплохо увидеть отзыв пользователя LinkedIn Premium), но есть мощный бит данных. «InMail в 2,6 раза эффективнее одной электронной почты». Это ОГРОМНО для соискателей, которые хотят связаться с менеджерами по найму или рекрутерами, и я предполагаю, что это, вероятно, одна из основных причин, по которым посетители подписываются на Premium в первую очередь.Я бы порекомендовал провести A / B-тест, чтобы убедиться, что добавление этой статистики в заголовок страницы приведет к дальнейшему увеличению конверсии.

3. Бычок

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

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

Отрасль : Стоматология

Почему это вдохновляет…

  • Анатомия зубной щетки: Ознакомьтесь с разделом страницы, в котором подробно описан каждый элемент зубной щетки. Вместо того, чтобы просто говорить об этих особенностях в тексте, посетители могут собственноручно увидеть «Мягкую щетину премиум-класса» и «Колеблющуюся головку щетки».
  • Сообщение о социальном воздействии: Покупатели все чаще хотят поддерживать бренды, которые соответствуют их ценностям и приносят пользу сообществу.Вот почему мы копаем в нижней части страницы раздел, в котором рассказывается, как Goby жертвует процент от каждой продажи программе Global Student Outreach Стоматологического колледжа Нью-Йоркского университета.
  • Фото из Instagram: На странице есть множество отличных социальных доказательств, но карусель фотографий из Instagram внизу действительно ставит вишенку наверх. Мало того, что каждое фото каким-то образом заставляет зубную щетку выглядеть прямо модно , но и ручки Instagram также прямо здесь, если вы хотите лично увидеть, что сказал каждый влиятельный человек.Ницца!

4. DoorDash

Изображение от DoorDash. (Щелкните, чтобы увидеть все.)

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

Отрасль: SaaS / Доставка еды

Почему это вдохновляет…

  • Заголовок, сфокусированный на вас — В чем самое большое преимущество доставки еды? Дело не в том, что вы узнаете все срезанные дороги в вашем городе, и не в том, что ваш автомобиль пропитан восхитительным запахом еды (спустя 10 лет, а моя машина все еще пахнет пиццей пепперони).Самое большое преимущество — это свобода, которую вы получаете. Вы можете работать в свое свободное время и быть хозяином самому себе. И эта целевая страница передает это чувство прямо в заголовок.
  • И все дело в деньгах — Если свобода — главное преимущество работы водителем DoorDash, то другим преимуществом должны быть деньги. Посмотрите на график, на котором показан ваш потенциальный еженедельный доход. (Неплохо для езды по городу с несколькими тако в багажнике!)
  • Квалификационные требования — DoorDash не хочет, чтобы все претендовали на должность и перегружали свой отдел кадров.Вот почему они стараются перечислить требования здесь, на первой странице процесса регистрации. Так что, если у вас нет машины или вам еще не исполнилось 18 лет, вы знаете, что не стоит надеяться.

5. SEM Rush

SEM Rush

Изображение из SEM Rush. (Щелкните, чтобы увидеть все.)

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

Отрасль: SaaS / Маркетинг

Почему это вдохновляет…

  • Ультра-убедительный CTA — CTA на этой странице затрагивает врожденное желание каждого маркетолога шпионить за конкурентами. (Подождите, это только я?) В форме с одним полем вас попросят ввести * любое * доменное имя перед тем, как вам будет предложено нажать большую кнопку и «Get Insights.И вспомогательный текст в разделе героев действительно помогает понять идею: «Посмотрите, откуда идет их трафик и насколько вовлечены их пользователи».
  • Сильное социальное доказательство — Эта целевая страница поражает почти все типы социальных доказательств. Панель с логотипами узнаваемых брендов? Проверьте. Отраслевые награды и достижения? Проверьте. Отзывы реальных маркетологов? Проверьте. А если и этого было недостаточно, внизу есть карусель твитов, демонстрирующих недавнюю болтовню о платформе в Интернете.
  • Информация для аудитории, копия — Чтобы создать целевую страницу с высокой конверсией, вы должны знать свою аудиторию и рассказывать о преимуществах, о которых они больше всего заботятся. Текст здесь фокусируется на больших данных и алгоритмах машинного обучения, потому что они нужны маркетологам, ориентированным на данные. Умная.

6. Coco Village (агентство: J7 Media)

Изображение любезно предоставлено Coco Village и J7 Media. Щелкните, чтобы увидеть все.

Даже будучи взрослым взрослым мужчиной, я все еще визжал от восторга, когда увидел некоторые кровати и комплекты постельного белья на этой целевой странице для Coco Village.(Двухъярусная кровать в домике на дереве ?! Мой внутренний ребенок умирает от зависти.) Маркетологи J7 Media, рекламного агентства Facebook, проделали феноменальную работу, продемонстрировав на этой целевой странице коллекцию различных продуктов, но при этом сосредоточив внимание на ней. единственная цель по кликам.

Промышленность : Постельное белье

Почему это вдохновляет…

  • Сосредоточьтесь на продаже: Когда вы предлагаете большую распродажу или скидку, вы хотите, чтобы * все * знали об этом. И посетители этой целевой страницы не могут пропустить тот факт, что они предлагают «50% скидку на кровати и комплекты постельного белья.Это не только основной заголовок, но он также повторяется под каждым продуктом при каждом призыве к действию. Они даже вычеркивают первоначальные цены, чтобы показать, сколько денег вы сэкономите. Ницца!
  • Демонстрирует товары: С целевыми страницами электронной торговли не всегда лучший выбор сосредоточиться только на одном продукте или элементе. На этой странице показано, как можно продемонстрировать посетителям несколько различных вариантов, но при этом сосредоточить их внимание на одной цели CTA.
  • Дополнительные продукты: Хорошо, может быть, вы похожи на меня и думаете, что кровати выглядят круто, но прямо сейчас вам не нужна одна из них.Именно тогда на странице появляется несколько очаровательных подушек, выставленных на продажу по гораздо более низким ценам. (Я могу покупать или не покупать ту, которая выглядит как улитка для себя.)

7. Grass Roots (Агентство: MuteSix)

Изображение любезно предоставлено Grass Roots и MuteSix. Щелкните, чтобы увидеть все.

Спрос на мясо травяного откорма постоянно растет, и здесь сочетается эта целевая страница от Grass Roots Farmers ’Cooperative и агентства MuteSix. Прокручивая страницу, вы попадаете на полный путь к покупателю — от осознания проблемы (понимание того, почему мясо травяного откорма лучше), через рассмотрение (понимание того, почему вы должны выбрать Grass Roots в качестве поставщика белка), до принятия покупка («Получите скидку 30 долларов»).

Industry : Food and Nutrition

Почему это вдохновляет…

  • Видеообзор: В верхней части страницы находится минутное видео с участием основателя и генерального директора Bulletproof Дэйва Эспри. В нем объясняется, насколько сложно найти высококачественное мясо травяного откорма и почему Дэйв использует корни травы для мяса, которое он не может найти в продуктовом магазине. Это задает тон остальной части страницы и настроит вас на совершение покупки.
  • Подход к повествованию: Вся страница использует повествование аналогичным образом, что действительно побуждает вас покупать больше мяса травяного откорма в качестве образа жизни. Прокручивая страницу, вы невольно чувствуете, что упускаете этот более полезный (и более вкусный) вариант из говядины, курицы и бекона.
  • Сильное социальное доказательство: Эта страница не только демонстрирует, что Grass Roots является единственной компанией по доставке мяса, одобренной Bulletproof, но и способствует тому, что у них более 500 5-звездочных отзывов и 7000 довольных клиентов.(«У меня будет то, что у них есть».)

8. Amazon

Amazon

Изображение с Amazon. (Щелкните, чтобы увидеть все.)

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

Промышленность : Электронная торговля / SaaS

Почему это вдохновляет…

  • Иерархия интеллектуальных преимуществ — Спросите людей, почему они подписываются на Amazon Prime, и они ответят вам в том же порядке, в котором эти разделы появляются в целевая страница. Бесплатная доставка — главное преимущество, за которым следует Prime Video. Остальные являются бонусами, поэтому они отображаются как надстройки по мере продвижения вниз по странице. (А поскольку средняя глубина прокрутки составляет всего около 50%, разумно размещать самые важные вещи в верхней половине страницы.)
  • CTA с переходом по клику — Считаете ли вы это страницей SaaS или страницей электронной коммерции, маркетологи Amazon сделали правильный выбор, чтобы использовать CTA с переходом по клику вместо того, чтобы встраивать форму на страницу. Согласно отчету о конверсии за 2020 год, призывы к действию по клику лучше работают в обеих этих отраслях.

9. Мебель для филиалов

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

Отрасль : Офисная мебель

Почему это вдохновляет…

  • Яркий заголовок: «Офисная мебель — просто». Всего в четырех словах вы понимаете, на кого нацелена эта целевая страница и каково их уникальное торговое предложение (УТП).Вы же не хотите строить 100 рабочих столов для своего нового офиса в стиле Ikea, используя только торцевой ключ и мечту. Кажется, гораздо лучше позволить Branch Furniture позаботиться обо всех этих деталях за вас.
  • Умная копия CTA: Хотя на странице есть несколько кнопок CTA, все они в конечном итоге ведут вас в одно и то же место. Замена копии — это умный способ помочь посетителям визуализировать следующие этапы процесса, независимо от того, хотите ли вы «спроектировать мой офис» или изучить конкретный продукт.
  • Консультация специалиста: Необязательно обставлять офис в одиночку. На целевой странице подчеркивается, что это совместный шоппинг с бесплатной консультацией по дизайну и включенной платой за установку.

10. Western Rise

Best Landing Page Examples: Western Rise Изображение предоставлено Western Rise. (Щелкните, чтобы увидеть все.)

Иногда, готовя такой кусок, как этот, вы в конечном итоге покупаете продукт. Я очень, очень близок к тому, чтобы нажать на курок пары штанов Western Rise AT Slim Rivet Pants.И почему бы нет? Эта четкая целевая страница быстро устанавливает привлекательность продукта благодаря визуальным эффектам и тексту, подчеркивающим преимущества этих «приподнятых» брюк. Может быть, пора вообще отказаться от моих потрепанных джинсов.

Отрасль: Clothier

Почему это работает…

  • Смелое изображение: Эти штаны могут быть сделаны вручную в Лос-Анджелесе, но многие из фотографий здесь (включая снимок героя) кричат ​​о Бруклине. Легко представить, что вы носите брюки AT Slim Rivet, когда протягиваете свой фикс в пробках, балансируя латте на руле по дороге на шикарную коктейльную вечеринку на крыше.
  • Подчеркивая преимущества: Я никогда не думал, что буду писать об общих болевых точках, связанных с ношением брюк, но вот мы и пришли. На этой целевой странице Western Rise обращается ко всем. Джинсы рвутся и склонны к перегреву. Чиносы пачкаются и мнутся. Брюки классические для квадратов, мужик. Обещая универсальность («брюки на весь день, каждый день») и сохраняя преимущества заранее, Western Rise предлагает решение проблемы, о которой вы даже не подозревали.
  • «Технические характеристики»: Хотя здесь демонстрируется умная копия, Western Rise чрезвычайно прямолинейно описывает характеристики брюк AT Slim Rivet в разделе «Технические характеристики» на странице.Они четко и лаконично предоставляют точную информацию о материалах («Прочный нейлоновый холст» и «Складывающаяся промежность») и дизайне («Карман для носителя» и «Расширяемый низ»).

11. Университет Атабаски

Athabasca University Изображение любезно предоставлено Университетом Атабаски. (Щелкните, чтобы увидеть все.)

Университет Атабаски впервые применил дистанционное образование в Канаде в 1970-х годах. Сегодня он использует целевые страницы для продвижения своих инициатив по онлайн-регистрации, включая этот пример, представляющий его 14 программ сертификации.Это разумный выбор, поскольку целевые страницы позволяют AU сосредоточить внимание посетителя на определенной части его многочисленных предложений онлайн-программ.

Отрасль: Образование

Почему это вдохновляет…

  • Умная копия: Возможно, стоит протестировать более прямой заголовок, но копия здесь соответствует другим инициативам по брендингу школы в других местах. К тому же он очень острый. Цель ясна: люди, которые могут продолжить свое образование, но не чувствуют, что у них есть время для этого.На этой целевой странице сказано иное (словами и изображением героя).
  • Копия, ориентированная на вас: Эта страница посвящена мне (или, ну, «вам»), а не «Великому и могущественному» университету Атабаски. Маркетологи, работающие в сфере образования, понимают необходимость апеллировать к личным интересам лучше, чем многие их коллеги из других отраслей, которые могут хвастаться. Я не уверен, какая часть иерархии потребностей Маслоу требует от технических специалистов, но AU справляется лучше, апеллируя к желанию самореализации.
  • Отзывы: Немного вдохновения никогда не помешает. Здесь социальное доказательство показывает пути к личному успеху до того, как люди сделают значительные инвестиции. Я хотел бы проверить, не дает ли здесь удвоение еще лучших результатов. Повышение наглядности каждого отзыва и предложение чуть большего количества биографий — наряду с портретами для придания им очеловеченности — может дать небольшой толчок. (Конечно, может и нет. Но именно поэтому мы тестируем!)
  • Z-шаблон: Эта страница представляет собой классический пример действующего Z-шаблона.То есть его визуальная иерархия использует то, как люди обычно сканируют веб-страницу. В этом случае взгляду предлагается перейти от логотипа Университета Атабаски к их слогану («Открыто. Гибкость. Везде»), затем по диагонали через заголовок к подтверждающей копии и, наконец, прямо к призыву к действию. (Пау!) Другие визуальные очереди также побуждают глаз опускаться (в том числе, ловко, заостренный кончик гребня Атабаски).

12. Bariatric Eating (Агентство: Lifestyle Collective)

Вот страница Bariatric Eating, которая показывает, почему индивидуальность и стиль так важны для вашей целевой страницы.Вы можете легко представить себе версию этой кампании, которая выглядит более клинической и научной, но маркетологи из Lifestyle Collective наделили ее ярким и дружелюбным дизайном, чтобы сделать ее предмет более доступным. Подход, похоже, тоже работает… У этой страницы впечатляющий коэффициент конверсии — более 39% .

Industry : Food and Nutrition

Почему это вдохновляет…

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

13. blow LTD.

Blow LTD Изображение любезно предоставлено blow LTD. (Щелкните, чтобы увидеть все.)

Если вы посмотрите мимо шумной вещи «Uber for beauty», британский бренд blow LTD. решает настоящую проблему способом genius . Они предлагают доступные профессиональные косметические услуги, которые приходят к вам, и, что более важно, вы можете записаться на прием к одному из их профессионалов прямо из их приложения.Целевые страницы — важная часть стратегии их кампании. Например, этот пример умно продвигает наращивание ресниц в домашних условиях.

Отрасль: Красота

Почему это вдохновляет…

  • Четкое заявление о ценности: Эта целевая страница не лишена красивого текста (например, «Глаза, которые поражают»). Вместо этого он четко формулирует предложение и полагается на ценность (и, возможно, немного новизны), чтобы привлечь потенциальных клиентов.Обещание не может быть более однозначным, чем «Наращивание ресниц в домашних условиях», и именно поэтому этот заголовок так эффективен.
  • Промокод: Предоставление посетителям промокода делает банк более сладким, но это также делает кое-что еще. Призыв к действию («Закажите наращивание ресниц») перенаправляет на их основной веб-сайт, где они могут отвлечься или расстроиться. Акция дает дополнительную мотивацию, чтобы посетители могли совершить бронирование. Хотите эту экономию? Тогда тебе лучше использовать этот код, пока ты не забыл.
  • Социальное доказательство: Понятно, что люди разборчивы в том, кто делает им прически и макияж, поэтому предоставление социальных доказательств является обязательным. Отзывы здесь были отобраны, чтобы подчеркнуть индивидуальный характер опыта. С ударом ООО. работает только в том случае, если потенциальные клиенты чувствуют, что могут доверять своим профессионалам, поскольку социальное доказательство помогает гуманизировать услуги и начать строить отношения.
  • Простые шаги: Глядя дальше вниз по странице, мы могли бы остановиться на разделе «Как это работает».В этом пост-Uber-мире услуга, предлагаемая blow LTD. довольно легко понять, так зачем включать его трехступенчатую разбивку? Но в том-то и дело. Эта целевая страница включает эти шаги, чтобы подчеркнуть эту простоту. Я имею в виду, давай, третий шаг — «Сядь поудобнее и расслабься». Я могу это сделать.
  • Тонкое продвижение приложения: Вместо того, чтобы агрессивно направлять посетителей в приложение, целевая страница заканчивается нежным напоминанием о том, что вы можете загрузить приложение на свой iPhone или Android.(Я бы протестировал мобильный вариант CTA, который идет прямо в приложение.) Некоторые люди наверняка будут в восторге от бронирования с помощью blow LTD. в пути, но посетители не испытывают особого давления, чтобы вытащить смартфон. Как только посетитель конвертируется, у него будет множество других возможностей подключить его к приложению.

14. Blue Forest Farms (Агентство: Champ / Cannabis Creative)

Изображение любезно предоставлено Blue Forest Farms. (Щелкните, чтобы увидеть все.)

Нам нравится этот невероятный дизайн для Blue Forest Farms от Champ и Cannabis Creative.Фермеры, выращивающие коноплю, иногда с трудом отмежевываются от культивирования каннабиса. (Краски для галстука, вода из бонга и неприятный запах, исходящий из фургона вашего старшего брата.) Но эта звездная целевая страница B2B требует модернизированного и, осмелюсь сказать, взрослого подхода к оптовой продаже экстрактов конопляного масла. От чистого дизайна до убедительной копии, он убедительно свидетельствует о том, что это отрасль, к которой нужно относиться серьезно.

Отрасль: Конопля

Почему это вдохновляет…

  • Экспертная копия: В отличие от целевых страниц B2C, эта страница обращается к профессиональной аудитории.Под этим я подразумеваю людей, которые знают, что означает, когда растительный экстракт содержит «натуральные терпены» и был «декарбоксилирован». Мы можем предложить использовать более эффектный заголовок, но оптовики, вероятно, хорошо осведомлены о преимуществах. Переход к делу не может быть плохим.
  • «Усовершенствованный» подход: Blue Forest Farms продает конопляное масло в нескольких штатах, от сырой нефти до готовых к продаже продуктов white label. Помимо простого перечисления этих вариантов, эта целевая страница описывает процесс, посредством которого их конопля очищается, с акцентом на уход и мастерство, которые в него входят.
  • Низкоинтенсивная генерация лидов: Я видел более короткие формы, но генерация лидов здесь относительно проста для B2B. (Они могут протестировать включение имени и фамилии в одно и то же поле и изменить часть языка.) Разумно оставить дополнительное поле для дополнительных примечаний, поскольку оптовые сделки намного сложнее, чем большинство других.
  • Простой дизайн: Разговор, который должен происходить оптом, выходит за рамки одной целевой страницы. Вместо того, чтобы втиснуть слишком много информации на страницу, Blue Forest Farms делают ее краткой и приятной, чтобы как можно скорее поощрять контакт.

15. Border Buddy

Best landing page examples: Border Buddy Изображение любезно предоставлено Border Buddy. (Щелкните, чтобы увидеть все.)

Вы когда-нибудь пытались пересечь границу с 10-фунтовым колесом Висконсинского чеддера, привязанным к пассажирскому сиденью (и замаскированным под вашу жену)? И я нет. Но если бы я это сделал, я бы хотел, чтобы Border Buddy остался позади. Эта целевая страница работает, вызывая общие тревоги, а затем предлагая их без суеты.

Отрасль: Таможня

Почему это работает…

  • Представление проблемы: Заголовок начинается с боли и незащищенности («Импорт и экспорт — это сложно»), с которой любой посетитель, попавший на эту целевую страницу кампания PPC, вероятно, будет ощущаться.Однако важно то, что обещание решения проявляется с такой же ясностью над заглавной: «Мы делаем за вас самую сложную часть работы», — говорит Бордер Бадди. Отлично.
  • Простота: Перенос ваших покупок через границу может стать очень запутанным, поэтому очень важно поддерживать чистоту этой целевой страницы. Здесь нет больше информации, чем то, что вам нужно знать. Никакого юридического языка. У вас будет таможенный брокер, который будет заботиться обо всех этих мелких деталях за вас.
  • Скорость: В Unbounce мы можем многое сказать о влиянии скорости страницы на коэффициент конверсии.Но Border Buddy уже впереди всех в этом вопросе. На мобильных устройствах целевой странице требуется менее трех секунд, чтобы отобразить первую значимую отрисовку. Border Buddy не перегружает страницу ненужными медиа или скриптами, обеспечивая немедленное взаимодействие с посетителями. (Подготовка SVG-версии своего логотипа может сократить несколько килобайт и без того очень скудной страницы.)
  • Неожиданная яркость: Иногда маркетологи связывают стремление к более высокой скорости с необходимостью пожертвовать визуальной привлекательностью целевой страницы .Этот пример от Border Buddy показывает, что этого не должно быть. Они тщательно подобрали шрифт, макет и визуальные эффекты, чтобы добиться максимального эффекта и усилить брендинг (не отвлекая посетителей).
  • F-шаблон: Как и Z-шаблон, макет F-шаблона имитирует то, как наши глаза перемещаются по экрану, когда мы смотрим на контент. Это снижает когнитивную нагрузку и гарантирует, что ключевые элементы сообщения (включая призыв к действию) будут расположены в наиболее заметных местах.

16. Bouquet Bar (Агентство: Power Digital Marketing)

Best landing page examples: Bouquet Bar Изображение любезно предоставлено Bouquet Bar. (Щелкните, чтобы увидеть все.)

Power Digital Marketing создала эту великолепную целевую страницу для Bouquet Bar. Хотя другие целевые страницы ориентированы на определенные праздники, здесь говорится, что вам не нужен повод, чтобы побаловать того, кого вы любите (или, знаете, нужно произвести впечатление) букетом. Вы можете сделать это «Просто потому, что». Райан Пикардал, дизайнер, который работал над этим, описывает их цели:

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

Сфера деятельности: Флорист / Подарки

Почему это работает…

  • Выберите свое собственное приключение: Хотя важно сохранять концентрацию, иногда один призыв к действию не совсем отражает типы посетителей вашего целевая страница получает.В этих случаях может быть весьма эффективным предоставить несколько вариантов. Для покупателей, которые хотят создать что-то личное, первый призыв к действию предлагает вам создать свой собственный букет. Но для тех, у кого мало времени или воображения, «тщательно подобранные подборки» — это кратчайший путь к празднованию важного человека или события.
  • Просто потому: 75% роз, продаваемых в США, покупают мужчины на День святого Валентина. И 25% всех взрослых говорят, что покупают цветы в качестве подарков на День матери. Скорее всего, в эти два дня Bouquet Bar ведет значительный объем бизнеса, но сообщения «просто потому, что» здесь приглашают к работе в течение остальных 363 дней в году.
  • Правильная цветовая палитра: Этот момент затрагивает общий бренд Bouquet Bar, но на него стоит обратить внимание в контексте страницы «Просто потому». Оранжевый, особенно глубокий оттенок, который они выбрали, гармонирует с теплым и утонченным характером бренда. Многие из того, что называют психологией цвета, довольно сомнительны — использование розового не сделает ваше похоронное бюро более веселым, — но акценты здесь определенно поддерживают идентичность, которую хочет создать Bouquet Bar.
  • Яркая фотография: Галерея помогает контекстуализировать продукт как «выражение любви, благодарности и дружбы», демонстрируя людей, получающих подарок. Изображения людей могут более эффективно вызывать эмоции, чем слова, поэтому такая компания, как Bouquet Bar, будет разумно использовать их здесь. Фотографии также, гораздо более практично, демонстрируют масштаб. Это может стать серьезной проблемой при покупке незаметных продуктов. Это отличный урок для всех, кто занимается электронной коммерцией.

17.Campaign Monitor (Агентство: ConversionLab)

Вот целевая страница SaaS, которая все правильно понимает. Эта страница для платформы электронного маркетинга Campaign Monitor, созданная опытными маркетологами из ConversionLab, объединяет многие передовые методы работы с целевыми страницами, которые помогают повысить коэффициент конверсии. Он включает четкую, убедительную копию. (Проверить.) Он включает подлинное социальное доказательство. (Проверьте.) И он сосредоточен на единственной действенной цели: «Создайте свое первое электронное письмо в формате HTML прямо сейчас». (О, детка, проверьте.)

Industry : SaaS

Почему это вдохновляет…

  • Сильный, конкретный CTA: Я знаю, что мы уже упоминали об этом выше, но насколько хороша эта основная кнопка CTA? Здесь нет «Узнать больше» или «Начать».Вместо этого это «Создайте свое первое электронное письмо в формате HTML прямо сейчас». Копия настолько конкретна и незамедлительна, что вы точно знаете, что произойдет, когда вы перейдете на следующую страницу. (А копия с обработкой возражений внизу делает его еще сильнее.)
  • В первую очередь сосредоточьтесь на людях: В SaaS так легко просто выбрать снимок экрана программы и сделать его своим героем. Но всегда стоит попробовать вариант и с реальными фотографиями людей. Это может помочь вам проникнуться эмоциями ваших посетителей и иногда повысить вероятность их конверсии.
  • Одно единственное сообщение — Обратите внимание, сколько раз на странице появляются слова «электронные письма в формате HTML»? Сосредоточившись на этой единственной цели (и используя их в качестве ключевых слов для своих рекламных кампаний PPC), вы можете увеличить свои шансы на создание страницы с высокой конверсией.

18. Class Creator

Most Inspiring Landing Page Examples: Class Creator Изображение любезно предоставлено Class Creator. (Щелкните, чтобы увидеть все.)

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

Отрасль: Education / SaaS

Почему это работает ..

  • Нарушение правил: Я знаю, что вы собираетесь сказать. «Это не целевая страница. Это домашняя страница. Это нарушает все правила. Вы только посмотрите на эту панель навигации! Посмотрите на все эти разные ссылки. Коэффициент внимания вышел из-под контроля! » Ворчать, ворчать, ворчать.Но здесь есть урок для тех, кто ищет вдохновение для целевой страницы: оставайтесь гибкими . Тим Боуман, генеральный директор Class Creator, сказал мне, что эта домашняя страница добилась большего успеха, чем традиционная целевая страница, ориентированная на конверсию. Я хотел включить это здесь как пример того, что вы можете сделать.
  • Плавающая панель навигации: Если вам необходимо добавить панель навигации, лучше всего держать ее на виду. Это также позволяет Class Creator держать основной призыв к действию («Демо-школа») вверху страницы, чтобы посетителям не требовалось прокручивать его, чтобы найти его.
  • Цифры не лгут: Над заглавной буквы Создатель класса приводит довольно серьезные цифры в качестве социального доказательства. Они привлекают более 10 000 преподавателей в 13 странах, которые уже используют их программное обеспечение как мощный инструмент убеждения.
  • Легкий доступ к демонстрации продукта: В сфере SaaS очень часто можно увидеть, как компании создают слишком много барьеров между потенциальными клиентами и демонстрацией своего продукта. («Отправьте своего первенца, чтобы получить доступ к нашей 5-минутной бесплатной пробной версии.Class Creator знает, что потенциальным клиентам важно запачкать руки с демонстрационной или пробной версией программного обеспечения. Это гарантирует, что они смогут оценить продукт в действии, генерируя квалифицированных потенциальных клиентов (с помощью простой формы электронной почты) и продвигая их дальше по воронке продаж.
  • Разумное использование лайтбоксов: Эта целевая страница (действующая как домашняя страница) уже может многое рассказать о Class Creator. Помещение любой дополнительной информации в лайтбоксы помогает не мешать ей.Несомненно, им стоит протестировать разные версии этой страницы, в которых функции заменены преимуществами или отзывы помещены в более популярном месте.

Примечание редактора. Если вы ищете свободу творчества, чтобы делать все, что захотите, Unbounce Builder предлагает такую ​​гибкость, независимо от того, хотите ли вы создать всплывающее окно или липкую панель, длинную целевую страницу или страницу, оптимизированную для SEO. Узнайте больше здесь.


19. Fast Mask (Агентство: J7 Media)

Изображение предоставлено Fast Mask и J7 Media.Щелкните, чтобы увидеть все.

Вот еще один пример от J7 Media, который слишком своевременен. Fast Mask создает и продает банданы и маски для лица, предназначенные для использования на мотоцикле, квадроцикле или во время езды на велосипеде. (Хотя я могу придумать еще одну причину, по которой вам может понадобиться такая маска.) Эта страница предназначена для любителей острых ощущений и демонстрирует некоторые из ярких дизайнов, которые вы можете выбрать для своей маски, а также некоторые из различных способов их ношения.

Отрасль : Одежда и одежда

Почему это вдохновляет…

  • Выделите самые продаваемые продукты : Fast Masks имеет более 100 различных дизайнов, перечисленных на их веб-сайте, но на этой целевой странице представлены только пять из них самые популярные варианты.Этого достаточно, чтобы дать вам представление о различных доступных стилях (от канадского флага до маски Человека-паука), не превращая страницу в один большой список товаров.
  • Сосредоточьтесь на преимуществах: Многие посетители могут задумываться о покупке маски для лица в первый раз, поэтому на целевой странице нужно время, чтобы объяснить некоторые ключевые преимущества ее ношения.
  • Помните о своей целевой аудитории: Это целевая страница, которая знает свою аудиторию. Вы можете сразу сказать, что попали в нужное место, если вы искатель острых ощущений, который увлекается мотоциклами, пейнтболом, сноубордом, охотой или другими экстремальными видами спорта.

20. Good Eggs

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

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

Отрасль: Доставка продуктов питания

Почему это вдохновляет…

  • Халява: Бесплатная кажется универсальной. Но в данном случае обещание бесплатности делает больше, чем просто апелляцию к нашей инстинктивной любви к , а не к плате за вещи . Он создает доброжелательность, предоставляет образец продукта, который предлагает Good Egg, и быстро устанавливает соответствие стилю жизни между услугой и посетителем. Что я имею в виду под соответствием образу жизни? Что ж, если вы в восторге от получения бесплатной кокосовой воды от Harmless Harvest, вы уже знаете, что Good Eggs отлично подойдет вам.
  • Добавленная стоимость: Сначала я был ошеломлен этим заголовком, потому что я думал, что вы получите больше пользы от всего бесплатного (например, я не знаю, «Бесплатная кокосовая вода» может сработать?). Но вполне вероятно, что средний покупатель Good Eggs думает о большем, чем просто заключить сделку. Здесь продвижение помогает продемонстрировать ценности бренда, касающиеся благополучия, устойчивого развития и этических норм труда. Так что это не просто бесплатно, это еще и хорошо, .
  • Отзывы: Может быть немного рискованно упоминать своих конкурентов, но Good Eggs решает эту проблему, позволяя клиенту делать это за них.Иногда отзывы могут выглядеть немного одинаково, если одно и то же повторяется разными голосами. (Это не всегда плохо.) Здесь, однако, они были тщательно отобраны, чтобы усилить три ценностных предложения, перечисленных выше.


21. HomeLoanGurus (Агентство: ConversionLab)

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

Вот еще один пример целевой страницы от опытных маркетологов из ConversionLab. HomeLoanGurus — это служба, которая связывает покупателей жилья с кредиторами, даже если у вас плохой кредитный рейтинг.(У 670 плохой кредитный рейтинг? Я спрашиваю друга.) Эта целевая страница отлично объясняет, как работает их сервис, простым языком и побуждает посетителей подавать онлайн-заявку на получение первой ссуды.

Отрасль : Финансы и страхование

Почему это вдохновляет…

  • Сосредоточение внимания на проблеме: Заголовок здесь не об услугах, а о посетителях. «Плохой кредитный рейтинг?» Вы сразу знаете, с какой ситуацией вы имеете дело, и страница сразу же выражает сочувствие, прежде чем предлагать HomeLoanGurus в качестве решения.
  • Ориентировано на процесс: Получение ипотечного кредита может быть чрезвычайно сложным. Есть много документов, терминологии и правил, с которыми вам придется разбираться. Эта целевая страница описывает процесс в виде простых шагов и помогает сделать его намного проще для посетителя, который может беспокоиться о том, чтобы сделать первый шаг.
  • Будьте краткими: Финансовые целевые страницы различаются по длине, но данные из Отчета о конверсии за 2020 год показывают, что лучше всего конвертируются страницы, содержащие менее 200 слов.Этот пример показывает, как можно много говорить, не делая страницу слишком длинной.

22. Jet Pet

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

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

Отрасль: Уход за домашними животными

Почему это работает…

  • Четкое указание значения: Простой заголовок («Dog Boarding Vancouver») позволяет пользователю узнать, что он сорвал джекпот. Для платных кампаний Jet Pet также может использовать функцию Dynamic Keyword Replacement (DTR) Unbounce, чтобы заменить ключевое слово в поиске («Dog Kennels Vancouver») для улучшения соответствия сообщений. Затем, когда потенциальный клиент нажимает на объявление в Google, он попадает на страницу с заголовком, который соответствует их ожиданиям.
  • Двухэтапная форма: Как правило, использование многоступенчатых форм может привести к более высоким показателям конверсии, чем одиночная длинная форма. Здесь двухэтапная форма снижает психологическое трение двумя способами. Во-первых, это сводит к минимуму предполагаемые усилия при подписке на услугу. (И даже если вторая форма окажется разочаровывающей, тот, кто уже заполнил первую форму, будет инвестирован и с большей вероятностью продолжит работу. Ошибка невозвратных затрат FTW.) Во-вторых, двухэтапная форма может задержать запрос более «деликатных» вопросов до тех пор, пока позже.
  • Дружелюбие: Говоря о форме, мне нравится, что первое, что вас спрашивают (и единственное обязательное поле на первой странице), — это кличка вашей собаки . Я ожидал этого вопроса, если бы зашел в одно из их мест со своим щенком на поводке, но увидев здесь тот же вопрос, я улыбнулся. Страница Jet Pet полна дружеских жестов, которые делают их запоминающимися.
  • Построение доверия: Доверие своей собаки другому требует душевного спокойствия.Поэтому важно, чтобы Jet Pet использовал копию, которая укрепляет это доверие и дает клиентам чувство уверенности в том, что они покинули Фидо с «любящими экспертами», которые заботятся о его интересах. Ободряющий язык, который Jet Pet использует на странице, усиливает это сообщение, включая эмоционально нагруженные термины, такие как «забота», «безопасность» и «любовь».
  • Видео-отзывы: Вам не всегда нужно видео, чтобы иметь эффективный отзыв, но в случае с Jet Pet я думаю, что это разумный ход.Существует много сомнительных свидетельств, поэтому демонстрация реальных владельцев собак, говорящих в камеру, помогает укрепить доверие к ним. (Я тоже хотел бы увидеть собак на этих видео.)

23. Муала (агентство: BuzzShift)

Great landing page examples: Mooala Изображение любезно предоставлено Mooala. (Щелкните, чтобы увидеть все.)

Итак, оказывается, вы можете доить банан. Кто знал? (Mooala Organic, вот кто.) Целевая страница, созданная BuzzShift, отражает игривость и чувство веселья бренда, воплощенные в их талисмане.Это также просто, что вселяет большое доверие к их продукту. Кэмерон Гоули, соучредитель и генеральный директор BuzzShift, рассматривает варианты выбора в контексте всей воронки:

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

Отрасль: Напитки / альтернативы молочным продуктам

Почему это вдохновляет…

  • От целевой страницы до офлайн-покупки: Как указывает Гоули, обещание купона выполняет двойную функцию по сравнению с мягкой конверсией. Он создает электронную почту и поощряет покупки в магазине. Поскольку дегустация верна, это важный компонент стратегии цифрового маркетинга Mooala.
  • Встреча возражений в лоб: Ненавистники бананов собираются ненавидеть бананы.Но следует похвалить Муала за то, что тот немедленно отказался от одного возможного возражения против ограничения: «Что такое бананамилк, спросите вы? Это не сладко-сладкий банановый смузи, как вы могли подумать. Смело решая эту проблему, текст помогает изменить ожидания и продвигать продукт как «легкую, молочную альтернативу, которой можно наслаждаться без чувства вины».
  • Грамотно размещенная анимация: Видео и анимация могут быть чрезвычайно полезными, но они также могут служить отвлечением, если их неправильно расположить.Мне нравится включение анимации внизу страницы, где она привлекает внимание к призыву к действию, а не отвлекает от основного сообщения Муала.
  • Очереди в соцсетях: Поощрение посетителей следить за аккаунтами бренда в социальных сетях увеличивает возможности быть восхитительными и оставаться в центре внимания.

24. NANOR (Агентство: Webistry)

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

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

Промышленность : Велнес / Подарки

Почему это вдохновляет…

  • Темный фон : эта целевая страница сразу выделяется из-за черного фона.Раскраска обеспечивает высококлассную атмосферу премиум-класса на странице, которая действительно помогает привлечь внимание к продукту как к предмету роскоши.
  • Изображения, которые вы практически чувствуете: Некоторые предметы, как известно, сложно продать в Интернете. Свечи, например, кажутся именно той вещью, которую большинство людей хотели бы понюхать перед покупкой. (И до тех пор, пока кто-то не изобретет заново запахо-видение для современной эры рекламы — это будет трудно осуществить.) Эта страница отлично справляется с описанием аромата каждой свечи и демонстрацией красивых изображений грейпфрутов, цветов, трав и специи, чтобы представить каждый аромат.
  • Кнопка «Добавить в корзину»: Чтобы посетители могли легко совершать покупки прямо на целевой странице, Webistry использовала пользовательские кнопки «Добавить в корзину». Прочтите их сообщение в сообществе Unbounce, чтобы узнать, как добавить оформление заказа Shopify на свою целевую страницу.

25. Panda7 (Агентство: Webistry)

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

Кому-нибудь действительно нравится процесс страхования автомобиля? (Если вы не говорящий геккон, ответ, вероятно, будет отрицательным.) Вам нужно связаться с несколькими разными страховщиками, сравнить их ставки, а затем тщательно просмотреть контракты на предмет скрытых комиссий. Но эта целевая страница для Panda7 (еще одна, созданная Webistry) обещает значительно упростить жизнь водителям — их сервис позволяет вам сравнивать расценки всех основных страховщиков и покупать автострахование за считанные минуты. Да, пожалуйста.

Отрасль : Финансы и страхование

Почему это вдохновляет…

  • Явные преимущества : На странице четко указано, что использование услуги дает два основных преимущества.Во-первых, это экономит ваше время, позволяя сравнивать лучшие цены в Интернете. Во-вторых, это экономит ваши деньги (в некоторых случаях до 30%). Эти два момента повторяются снова и снова по-разному, поэтому вы можете уловить их, даже если просматриваете беглый просмотр.
  • Фирменные визуальные эффекты : страница органично интегрирует королевский фиолетовый цвет бренда по всей странице, во всем, от иллюстраций до цветов фоновой части. Очень сплоченный и очень профессиональный вид.
  • Плавающий заголовок CTA : Обратите внимание на этот плавающий заголовок.При прокрутке кнопка быстро меняется с номера телефона в верхней части страницы на основной CTA «Сравнить цитаты». Очень круто.

26. Pared

Great landing page examples: Pared Изображение любезно предоставлено компанией Pared. (Нажмите, чтобы увидеть все.)

Мы рады представить вам эту красивую целевую страницу от Pared, приложения, которое подбирает (или, кстати, объединяет) рестораны с предварительно квалифицированным кухонным персоналом. Как и в примере из Class Creator, Pared не нужен сложный веб-сайт, чтобы донести свою идею до людей.Конструктор перетаскивания Unbounce дает им возможность вносить изменения и отслеживать конверсии. По словам Дэйва Лу, президента и соучредителя Pared, это оказалось эффективным даже три года спустя:

С первого дня я смог быстро создать веб-сайт и целевую страницу для своего стартапа. Благодаря Unbounce я могу выполнять итерацию и A / B-тестирование изменений без необходимости привлечения дизайнера или разработчика. Это невероятно раскрепощающий и мощный инструмент для любого маркетолога.

Отрасль: Рестораны / Персонал

Почему это вдохновляет…

  • Говорит о своей нише: Pared — это услуга не для всех, и они это знают.Вместо этого у них есть конкретная клиентура, потребности которой они полностью соответствуют. Эта целевая страница начинается с одной конкретной проблемы, с которой сталкиваются эти люди: «Больше никогда не будет нехватки персонала», и идет оттуда. (Они используют другие веб-ресурсы для набора Pared Pro.)
  • Видео с объяснением: Целевая страница включает в себя краткое объяснение, которое на простом, доступном языке знакомит зрителей с проблемой и их решением. Целевые страницы приложений, в частности, выигрывают от таких видео.
  • Крупные имена и логотипы: На странице представлены логотипы самых разных узнаваемых закусочных и ресторанов, которые пользуются данной услугой. Он также включает в себя убойные отзывы от владельцев шеф-поваров таких заведений Сан-Франциско, как Little Gem, Octavia и Jaridiniere (ныне, к сожалению, исчезнувшие).

27. Perfect Keto (Агентство: Webistry)

Изображение любезно предоставлено Perfect Keto и Webistry. Щелкните, чтобы увидеть все.

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

Промышленность : Продукты питания

Почему это вдохновляет…

  • Здоровое социальное обеспечение : На странице представлены отзывы различных влиятельных лиц и авторов кето-диеты. (Включая… Джо Рогана? Конечно, почему бы и нет.) Но есть и другое социальное доказательство: они хвастаются, что у них более 2500 отзывов, а их бренд появляется в таких публикациях, как Women’s Health, Reader’s Digest и Popsugar.
  • Обсуждение вопроса о питании: Люди, сидящие на кето-диете, должны очень внимательно следить за своим питанием, поэтому на этой странице есть умный снимок экрана с фактами питания крупным планом. Посетители могут сами увидеть распределение калорий в каждой панели и изучить каждый качественный ингредиент.
  • Включает варианты использования: Примерно на треть вниз по странице мне нравится небольшой раздел, в котором рассказывается, для каких ситуаций идеально подходят эти кето-батончики.От путешествий до тренировок и готовых завтраков — вы можете представить себе, что съедаете их как закуску или еду в самых разных сценариях.

28. Twinwoods Adventure (агентство: Bluespark Digital)

Twinwoods Adventure Изображение любезно предоставлено Twinwoods Adventure. (Щелкните, чтобы увидеть все.)

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

Отрасль: Adventure

Почему это вдохновляет…

  • Сохранение впечатлений: Twinwoods Adventure продают впечатления, поэтому социальное доказательство имеет решающее значение для продвижения посетителей по золотой линии от любопытства к конверсии. (В конце концов, вы можете вернуть паршивый продукт, но плохие впечатления останутся с вами на всю жизнь.) Страница поражает вас двойным ударом отзывов и оценок от Google, Facebook и TripAdvisor.
  • Hype video: Некоторые концепции требуют видео. Прыжки с парашютом в помещении — одно из них. Видео в середине страницы делает невероятную работу по созданию шумихи для опыта, демонстрируя ряд уровней навыков. Если вы думали, что аэродинамическая труба — это не что иное, как негабаритный фен, мальчик, вы ошибались.
  • Держите номер под рукой: Как и у многих из представленных нами страниц, дизайн поощряет прокрутку вниз (щелкнув стрелку под CTA, вы увидите преимущества).Но Twinwoods, вероятно, часто бронируют по телефону, поэтому плавающий номер телефона позволяет отображать этот конкретный призыв к действию независимо от того, где люди попадают на страницу.
  • Дополнительная информация: Прежде чем вы наденете мне комбинезон, у меня есть еще вопросы. (Например, где вы вообще взяли аэродинамическую трубу?) Вот почему я с облегчением обнаружил, что нужная мне информация спрятана на странице. Возможно, эти разделы могут быть немного более заметными в виде кнопок, но Twinwoods Adventure умно включает эту дополнительную информацию, не растягивая страницу.

29. Roomeze (Агентство: Snap Listings)

Изображение любезно предоставлено Roomeze и Snap Listings. Щелкните, чтобы увидеть все.

У меня была своя доля плохих соседей по комнате, поэтому я сразу заинтересовался этой целевой страницей Roomeze от Snap Listings. Их служба обещает подобрать вас с проверенными соседями по комнате по всему Нью-Йорку и устроить вас в квартире менее чем за 1000 долларов в месяц. Интересно, есть ли способ проверить, не играют ли ваши будущие соседи по комнате на тромбоне? (Потому что поверьте мне.Вам не нужен сосед по комнате, который играет на тромбоне.)

Промышленность : Недвижимость

Почему это вдохновляет…

  • Стиль на много миль: Перемещение может быть стрессовым, но может и много весело. Яркие иллюстрации на этой странице отражают последнее чувство, заставляя вас воодушевляться перспективой начать все сначала с новыми соседями по комнате.
  • Призыв к действию: Главный призыв к действию на странице задает вопрос: «Что вы можете получить за 1000 долларов в месяц?» Если вы хоть немного знакомы с недвижимостью Нью-Йорка, вы знаете, что многие места взимают плату за руку и ногу даже за квартиру размером с коробку из-под обуви.Идея, что вы могли бы найти потенциально хороших квартир по этой цене, очень убедительна.
  • Визуальная форма: Посмотрите внизу страницы, где вас просят заполнить простую форму, чтобы сделать первый шаг. UX здесь довольно хорош, первые два вопроса — это простые флажки (включая визуальные иллюстрации), которые помогут вам начать.

30. Smalls

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

Вы когда-нибудь пробовали корм для кошек? (Нет, я тоже.Это было бы странно.) Я полагаю, что большая часть этого не имеет хорошего вкуса, и, вероятно, это не слишком хорошо для вас. Но именно поэтому мое внимание привлекла эта целевая страница Smalls Food for Cats. Их служба подписки предлагает еду человеческого качества для ваших кошачьих друзей. Ни подделки, ни наполнителя. Существуют влажные и сухие разновидности, которые дадут вашей кошке свежее дыхание всего за один месяц — а это значит, что вы, наконец, можете увидеть, как пахнет ваша кошка изо рта, когда оно не пахнет кормом для кошек .

Промышленность : Корм ​​для домашних животных / Коробки для подписки

Почему это вдохновляет…

  • Купоны: Для коробок для подписки купон или скидка могут иметь большое значение для того, чтобы убедить посетителей попробовать. На этой странице подчеркивается, что вы можете получить скидку 25% на свою первую коробку, используя липкую полосу в верхней части страницы.
  • Цвета: Оранжевый! Желтый! Синий! На странице каждый раздел разбит на разные цвета фона, что придает игре веселый и игривый вид.(Также ознакомьтесь с этими очаровательными иллюстрациями в разделе преимуществ.)
  • Кошки : На этой целевой странице представлено более 11 забавных фотографий кошек, которые наслаждаются продуктом, их держат их владельцы и любуются собой в зеркало (без сомнения, созерцающие) вкусная еда, которую они только что съели). В отзывах даже изображены кошки вместо людей! Тоже. Многое. Симпатичность.

31. Мороженое

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

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

Промышленность : Недвижимость

Почему это вдохновляет…

  • Минималистичный дизайн: Эта целевая страница удаляет почти все фотографии, анимацию, видео и отвлекающие факторы, которые вы найдете на других страницах.Он использует много пустого пространства, чтобы дать вам передышку во время чтения, что важно в отрасли, которая часто загромождает вас информацией и тактиками продаж с высоким давлением.
  • Самоидентифицирующаяся копия: У кого-то есть множество причин использовать такую ​​услугу, как Sundae, и эта страница разумно вызывает их прямо в верхней части. Если вы унаследовали старую собственность, которую не можете оставить, обнаружили ли вы структурные проблемы или пострадали от стихийного бедствия, Sundae специализируется на том, чтобы помочь вам продать свой дом вне рынка в любом состоянии.
  • Убедительная сравнительная таблица: Иногда бывает рискованно напрямую сравнивать ваш сервис с другими вариантами или конкурентами, но эта страница делает это очень хорошо. Они даже подчеркивают два своих самых больших преимущества, заключив их заглавными буквами: «НУЛЕВОЙ ПЛАТЕЖ» и «ПРОДАВАТЬ КАК ЕСТЬ».

32. Wavehuggers (Агентство: Everett Andrew Marketing)

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

Созданная Everett Andrew Marketing, эта блестящая целевая страница объединяет безопасность и веселье благодаря тщательно подобранным визуальным эффектам и ясным, кратким сообщениям.По словам Марка Чапмана, основателя и президента Everett Andrew, этот дизайн был полностью выделен:

Наша цель при создании страницы заключалась в том, чтобы пробиться сквозь беспорядок и переполненный рынок предприятий здесь, в южной Калифорнии, предлагающих уроки серфинга — как на Google и Facebook. Перенести каждый важный компонент конверсии (например, социальное доказательство, срочность, выстрел героя, CTA и т. Д.) На страницу, в основном над сгибом, было непросто, но в конце концов мы нашли способ сегментировать их, чтобы каждая часть привлекала внимание.

Отрасль: Уроки серфинга

Почему это вдохновляет…

  • Оценка Yelp: Даже самые убогие продукты или услуги могут собрать вместе несколько положительных отзывов. («Мама генерального директора считает, что мы крутые».) Вот почему высокие баллы от Yelp, TripAdvisor, Amazon или Google могут дополнять отзывы, как и здесь. Гораздо сложнее поддерживать высокие показатели на этих сайтах. (Только помните, что посетители всегда могут сами проверить ваш счет.)
  • Специальное предложение по времени: Как и многие из приведенных здесь примеров, Wavehuggers добавляют срочности целевой странице с помощью ограниченного по времени продвижения. Может показаться, что это не так уж много — на данный момент подобные вещи являются почти маркетинговым клише, — но даже небольшие изменения, такие как добавление «только на ограниченное время» к промокоду, могут повлиять на ваши показатели конверсии.
  • Безопасность, комфорт, развлечения: Потенциальные клиенты, вероятно, будут искать уроки, чтобы чувствовать себя более комфортно на воде. Все на этой целевой странице сосредоточено на обещании положительных впечатлений.Текст на этой целевой странице убеждает их, что серфинг «не так страшен, как вы могли подумать».
  • Реальные клиенты: Фотографии здесь не так отполированы, как некоторые из других в этом списке (см. Western Rise ниже), но знаете что? Они не должны. Потрясающая стоковая фотография профессионального серфера, вешающего десять человек, была бы гораздо менее эффективной, чем эти изображения детей, веселых на своих досках. От курсивного шрифта до нарисованных от руки стрелок — стиль Wavehuggers отражает непринужденную атмосферу серферской культуры.

33. Woolx

Изображение любезно предоставлено Woolx и Заком Дунканом. Щелкните, чтобы увидеть все.

На этой целевой странице Woolx используются фотографии и видеофоны с высоким разрешением, чтобы посетители могли ближе познакомиться с их свитером Rory Sweater. Изделие изготовлено из 100% шерсти австралийского мериноса (это разновидность овцы, к вашему сведению) и представляет собой стильный, дышащий и ультра-удобный предмет одежды. Теперь, кажется, я наконец понимаю, что такое «апре-ски шик».

Промышленность : Одежда / Одежда

Почему это вдохновляет…

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

34. Zumba (агентство: MuteSix)

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

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

Промышленность : Фитнес

Почему это вдохновляет…

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

ABT: Always Be Testing

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

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

Будьте Майклом Джорданом на целевых страницах

Когда я учился в средней школе, у меня был друг, который бросил играть в баскетбол после просмотра Майкла Джордана в финале НБА. «Я никогда не смогу приблизиться к его уровню, — сказал он мне, — так какой в ​​этом смысл?»

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

Но не сдавайтесь!

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

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

The Michael Jordan of Landing Pages

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

26 красивых дизайнов посадочных страниц с советами по A / B-тестированию

26-beautiful-landing-page-designs-critiqued

Это снова примеры целевых страниц, и на этот раз я собираюсь сосредоточиться на критике страниц с точки зрения A / B-тестирования.

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

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

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

Пусть начнется критика и советы по A / B-тестированию!

* PAUSE *

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

Вы помните те старые серые кнопки Windows с надписью «Отправить»? Все мы делаем. Пора перестать копировать вредные привычки и начать создавать соответствующие призывы к действию (CTA). CTA должны быть поучительными. Они должны информировать вашего посетителя о том, что произойдет после того, как он нажмет. И из любви ко всему интерактивному, ваш CTA никогда не должен, когда-либо говорить «Отправить.

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

Хотите еще больше вдохновения для дизайна целевой страницы?

Загрузите наш БЕСПЛАТНЫЙ лукбук весны 2016, наполненный красивыми примерами дизайна целевых страниц!

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

И помните — каждая страница может быть лучше, и лучший способ стать лучше — это тестирование.Давайте начнем…

1. Подпись справа

RightSignature landing page design

Щелкните изображение, чтобы перейти к полноразмерной версии

Мысли

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

Гипотеза для A / B-тестирования

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

A / B Testing Advice

Предложения о том, что проверить, чтобы подтвердить гипотезу:

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

right signature lightbox

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

Сайт: Подпись справа

2.Университет Маккуори

Щелкните изображение, чтобы увидеть полную версию

Мысли

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

Гипотеза для A / B-тестирования

Область формы:

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

Утечка страниц:

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

A / B Testing Advice

Предложения о том, что проверить, чтобы подтвердить гипотезу:

  • Уточните цель формы: Заголовок формы — это ваш единственный шанс описать причину, по которой вы запрашиваете личные данные . Здесь формулировка предполагает, что вы заполните форму, чтобы «Зарегистрироваться на их мероприятие».Тем не менее, пролистав (это все, что люди будут делать) копию страницы, я не вижу упоминания о событии. И ужасная кнопка «Отправить» ничего не делает, чтобы прояснить это. Получите ли вы информацию об университете на основе вашего уровня обучения (текущий? Желаемый?) Или проспекта доступных курсов? Итак, мой совет по тестированию — точно сказать, что вы получите в заголовке, и усилить это в CTA.
  • Никогда не отправлять: Вы были предупреждены.
  • Утечка страницы: Удалите все ссылки на странице (кроме заявления о конфиденциальности).Если вам действительно нужна ссылка на что-то, сделайте это в лайтбоксе, чтобы будущие студенты оставались на странице.
  • Добавьте FAQ: Вы можете избавиться от необходимости в таком большом количестве вопросов, открыв страницу часто задаваемых вопросов в лайтбоксе, где рассматриваются все вопросы, на которые вы в настоящее время отвечаете по внешним ссылкам. Это уменьшит ваше общее количество точек взаимодействия до трех: CTA, политика конфиденциальности и FAQ.

Сайт: Macquarie University

3. KISSmetrics

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

Мысли

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

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

Наконец, социальное доказательство внизу касается KISSmetrics, который очень доминирует и не совсем соответствует цели страницы.

Гипотеза для A / B-тестирования

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

A / B Testing Advice

Предложения о том, что проверить, чтобы подтвердить гипотезу:

  • Используйте логотипы инструментов, включенных в шпаргалку: Протестируйте размещение логотипов на изображении шпаргалки, чтобы расскажите людям, что включено.
  • Уберите отвлекающие факторы: Используйте 1/3 логотипов клиентов, чтобы сделать их менее доминирующей частью страницы — сделав шпаргалку наиболее важным элементом, а не конфликтуя с логотипами, добавленными в первом предложении. Также подумайте о том, чтобы сделать их седыми, чтобы еще меньше отвлекаться.

Подтверждение Страница

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

Добавьте слоган: Для этого я бы добавил свойство value в качестве слогана для логотипа. Рядом с логотипом много пустого места, поэтому я предлагаю: Увеличьте логотип так, чтобы на его высоте можно было разместить две строки меньшего текста рядом с ним. Затем вставьте слоган:

Строка 1: «Google Analytics расскажет, что произошло».
Строка 2: «KISSmetrics сообщает вам, кто это сделал».

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

Сайт: KISSmetrics

4.Брайан Айзенберг Электронная книга

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

Мысли

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

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

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

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

Гипотеза для A / B-тестирования

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

A / B Testing Advice

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

  • Поднятие формы: Я бы попробовал протестировать, удалив верхние правые формы и заключив электронную книгу в область формы , чтобы форма размещалась выше сгиба, чтобы вы могли лучше понять, что заполнение формы напрямую связано с получением электронной книги.
  • Более четкий заголовок: Попробуйте удалить фигуры и провести заголовок прямо через верх, включая вспомогательный подзаголовок для ясности. Мое предложение: 1-я строка «Руководство для покупателей по тестированию и оптимизации веб-сайтов»
    2-я строка «Пусть Брайан Эйзенберг упростит выбор вашего поставщика»

Сайт: Брайан Эйзенберг

5. Аналитика груши

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

Мысли

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

Гипотеза для A / B-тестирования

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

A / B Testing Advice

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

  • Перефокусировать: Здесь у меня возникает соблазн пойти на большой подход, изменив несколько вещей одновременно время сократить страницу и сосредоточить внимание на форме оценки. Это будет:
    • Удаление раздела лидогенерации внизу страницы.
    • Измените нижний призыв к действию на «Получить мою бесплатную оценку интернет-маркетинга» и заставьте его вернуться обратно в форму.Обратите внимание на изменение с «Your» на «My», которое, как показало недавнее тестирование, привело к увеличению конверсии.
    • Изменение заголовка формы на что-то вроде «Получите бесплатную оценку интернет-маркетинга».
    • Изменение CTA кнопки с «Отправить» (Grrrrrr) на «Получить мою оценку».
  • Преимущества лайтбокса: Уменьшите длину страницы, перечислив 6 преимуществ в виде маркеров, а затем открыв полную информацию по запросу.

Сайт: Pear Analytics

6.Super Stock Jockey

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

Мысли

Я не совсем уверен, на какой платформе работает эта виртуальная торговая игра. «Играй сейчас бесплатно!» CTA указывает, что есть онлайн-версия (или, возможно, загрузка).

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

Гипотеза для A / B-тестирования

Если прояснить платформу и добавить описания функций, CTR повысится.

A / B Testing Advice

Предложения о том, что проверить, чтобы подтвердить гипотезу:

  • Измените основной CTA: Сделайте простое изменение копии кнопки со словами «Играйте бесплатно онлайн прямо сейчас!» (если это действительно онлайн-игра).
  • Добавьте несколько заявлений о функциях / преимуществах: Они могут быть в форме маркеров для облегчения сканирования или всплывающего окна с более подробными описаниями со скриншотами.
  • Социальное доказательство: Укажите, сколько людей уже играет в турнире, чтобы дать представление о его популярности.

Сайт: Super Stock Jockey

7. American Bullion

american bullion landing page example

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

Мысли

О, дорогая. Что мне с этим делать? Это отличная страница. Итак, я собираюсь сделать здесь 180 и рассказать о том, что мне в нем нравится.

Что мне нравится

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

Единственное, что я бы добавил на эту страницу, — это подзаголовок над тремя шагами, чтобы сказать, о чем они говорят: например, «Об инвестициях в золото».

Сайт: American Bullion

8. Brokers for Life

brokers for life

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

Мысли

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

Гипотеза для A / B-тестирования

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

A / B Testing Advice

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

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

Сайт: Broker For Life

9. Ручки Mines Press

mines press landing page

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

Мысли

Заголовок симпатичный, но он не совсем объясняет, о чем эта страница.Далее речь идет о том, что они продают — рекламных ручках. Что такое рекламная ручка? Также есть расчет количества показов в год, по которому реклама выглядит как баннерная. Очень запутанно.

Гипотеза для A / B-тестирования

Если более четко объяснить, что такое рекламная ручка и почему она полезна, CTA повысится.

A / B Testing Advice

Предложения о том, что проверить, чтобы подтвердить гипотезу:

  • Что такое рекламная ручка ?: В заголовке четко опишите, что такое рекламная ручка и почему она полезна.Я бы попробовал сделать это с двухслойным заголовком. Примером может быть: Основной заголовок: «Рекламные ручки помогают вашему бизнесу на _____»
    Подзаголовок: «Они позволяют _____».
  • Подробности: Добавьте подробное описание под надписью «Сэкономьте 40% на наших 6 самых продаваемых ручках», которое точно описывает, что такое рекламная ручка, и перечисляет стиль маркера, некоторые преимущества «использования одной?» и как они используются.

Сайт: Mines Press Pens

10. Social Safe

social safe landing page Social Safe landing page

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

Мысли

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

Гипотезы для A / B-тестирования

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

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

A / B Testing Advice

Предложения о том, что проверить, чтобы подтвердить гипотезу

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

Сайт: Social Safe

11. Продажа электронных книг Ganxy

ebook sales landing page

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

Мысли

Эта страница просит пройти тест CTA. «Попробуйте прямо сейчас» ничего не говорит о том, что вы пытаетесь сделать.

Гипотеза для A / B-тестирования

За счет включения в CTA ощущения выгоды от услуги улучшится конверсия по кликам.

A / B Testing Advice

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

  • CTA copy: Протестируйте альтернативную CTA-копию, которая объясняет, на что вы собираетесь подписаться.Это поддержит заголовок, объяснив, как вы достигнете изложенного обещания. Примером замены может быть «Начните продавать свои электронные книги онлайн прямо сейчас».

Сайт: Ganxy

12. Госпиталь Флориды — TAVR

tavr landing page

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

Еще одна отличная целевая страница. Хотя я не сразу понимаю, что такое TAVR (крошечное описание аббревиатуры трудно увидеть). Если у вас есть объявления с точным таргетингом, вам необходимо убедиться, что заголовок четко соответствует им.

Гипотеза для A / B-тестирования

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

A / B Testing Advice

Предложения о том, что проверить, чтобы подтвердить гипотезу

  • Изменение заголовка: Я бы проверил, используя полное название процедуры, добавив аббревиатуру в качестве второго элемента ». Is Valve Замена (TAVR) подходит именно вам? » с последующим объяснением аббревиатуры и процедуры в первом вводном абзаце.Примечание. Я не могу сказать, достаточно ли этой информации, чтобы люди ее поняли.
  • Оптимизация для оплаты за клик: Если есть какие-либо платные объявления (AdWords и т. Д.), Направляющие трафик на эту страницу, я бы изменил заголовок на текст с графическим фоном, по сравнению с одним гигантским изображением. Это повысит показатель качества, и тест сравнит изменение показателя качества, сделав заголовок читаемым для бота.

Сайт: TAVR

13. TakeLessons

takelessons landing page example

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

Мысли

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

Гипотеза для A / B-тестирования

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

A / B Testing Advice

Предложения о том, что тестировать для подтверждения гипотезы

  • Где: Укажите, где доступна услуга, и, возможно, добавьте карту, которая показывает точное местоположение.

Сайт: TakeLessons

14.Выпейте кофе с Brendans

grab a coffee landing page

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

Мысли

На первый взгляд, я не понимаю, зачем мне «выпить кофе с нами». Кто мы? Где вы расположены? Это виртуальный кофе или настоящая сесть?

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

Гипотеза для A / B-тестирования

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

A / B Testing Advice

Предложения о том, что проверить, чтобы подтвердить гипотезу

  • Заголовок: Тест «организовать бесплатную 1-часовую маркетинговую консультацию» или «выпить кофе», чтобы люди знали, кто они подписка на. Используйте подзаголовок, чтобы уточнить, насколько далеко распространяется географическая сеть (локальная или онлайн).Затем добавьте кофе в качестве второстепенного элемента, чтобы сохранить индивидуальность бренда.

Сайт: The Brendans

15. Загрузить техническую документацию SweetIQ

whitepaper download lead gen landing page

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

Мысли

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

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

Гипотеза для A / B-тестирования

Сосредоточение внимания на локальном бизнес-аспекте в CTA позволит лучше понять актуальность местного обычного бизнеса и более целенаправленные загрузки (создание более квалифицированных потенциальных клиентов).

A / B Testing Advice

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

  • Копия CTA: Я бы протестировал текущую копию CTA с чем-то более явным, например, «Загрузите технический документ на основе вашего местоположения сейчас», с короткая вспомогательная линия под кнопкой с надписью «Для предприятий розничной торговли».

Сайт: Бренданс

16. У вас астма?

asthma landing page

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

Мысли

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

Почему эта целевая страница хороша

  • Четкий заголовок и подзаголовок
  • Указатель направления: Стрелка, указывающая от подзаголовка к форме, помогает направить посетителя к цели конверсии.
  • Инкапсуляция: Это отличный пример того, как использовать инкапсуляцию для выделения формы, о чем я и говорил в №8.
  • Подробности: Простыми словами изложены все основные необходимые детали — критерии исследования, продолжительность испытания и стоимость. Это отличный пример написания простых терминов.
  • CTA на основе вопросов: Наличие вопроса для CTA стимулирует взаимодействие, делая его более личным (и ура, никакой копии «Отправить»).

Сайт: IMMUNOeResearch

17. Bounding Boxing Boxing

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

Мысли

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

Rhino 3D — это средство просмотра или средство трехмерного моделирования?

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

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

Гипотеза для A / B-тестирования

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

A / B Testing Advice

Предложения о том, что проверить, чтобы подтвердить гипотезу

  • Заголовок: Протестируйте новый заголовок, например «Получите бесплатные билеты на конкурс 3D-дизайна в Нью-Йорке», — и отнесите денежный приз к копии ниже (если только это не является призом для владельцев билетов).
  • Добавьте FAQ: Если бы у меня было так много вопросов, вероятно, у посетителей был бы аналогичный опыт. Подумайте о добавлении краткого FAQ с ответами на несколько вопросов.

Сайт: Bounding Boxing

18. Benchmark

benchmark-th

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

Мысли

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

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

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

Гипотеза для A / B-тестирования

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

A / B Testing Advice

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

  • Слоган: Может быть слоган рядом с логотипом (чтобы использовать часть потраченного впустую пространства), помогает сразу определить компанию.В конце концов, Benchmark не отправляет мне электронные письма.
  • Основной заголовок: Это могло бы быть сильнее, опять же, дифференциация здесь является ключевой. Зачем мне нужен Benchmark? Какая основная разница? Я бы предложил двухуровневый заголовок, в котором основной заголовок объясняет основное преимущество, а второй заголовок подкрепляет его вспомогательной информацией (статистика, количество клиентов и т. Д.). Затем я бы переместил его поверх первого абзаца. и видео.
  • Изображение или видео используемого программного обеспечения: Вместо того, чтобы сосредоточиться на характеристике на первом уровне, я бы включил несколько пунктов, которые снова поддерживают заголовок, а также видео или снимок экрана программного обеспечения.(Затем переместите отзыв ниже).

Протестируйте и посмотрите…

Сайт: Benchmark Email

19. Zoho Lead Generation

zoho social crm landing page

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

Мысли

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

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

Гипотезы для A / B-тестирования

Тест CTA:

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

Диаграмма test:

Заменив диаграмму коротким видео, описывающим решение, ясность и цель страницы / продукта будут стимулировать больше кликов по CTA.

A / B Testing Advice

Предложения о том, что проверить, чтобы подтвердить гипотезу

  • CTA: Протестируйте новую копию CTA, такую ​​как «Захват и управление большим количеством потенциальных клиентов» с сообщением «Начать работу» в качестве вспомогательного сообщения прямо под кнопкой.
  • Видео: Протестируйте диаграмму на видео, чтобы увидеть, что дает больше ясности. Видео может быть таким простым, как закадровый голос, вращающийся круг, объясняющий каждый метод добавления потенциальных клиентов.

Сайт: Zoho

20. Иммиграция супругов в Канаду

immigration to canada landing page

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

Мысли

Ну это первый! Инфографика на целевой странице. Очень круто. Хотя на чтение уходит много времени.

Начальный заголовок носит скорее ситуативный, чем описательный характер.Было бы сильнее, если бы оно было упрощенным, а не «милым». Инфографика правильно говорит: «Спонсируйте свою супругу в Канаде».

Гипотеза для A / B-тестирования

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

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

A / B Testing Advice

Предложения о том, что проверить, чтобы подтвердить гипотезу

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

Сайт: Иммиграция супругов в Канаду

21. Официальный дилер AT&T

AT & T landing page

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

Мысли

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

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

НО на кнопке написано «Отправить»… #notahappycamper

Гипотеза для A / B-тестирования

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

A / B Testing Advice

Предложения о том, что тестировать для подтверждения гипотезы

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

Сайт: Предложение AT&T

22. Мир мебели

furniture realm landing page design

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

Мысли

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

Гипотеза для A / B-тестирования

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

A / B Testing Advice

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

  • Заголовок: Самое важное для проверки здесь — это заголовок. Я бы посоветовал протестировать текущую версию с двухстрочным заголовком. Примерно так: Строка 1 «Загрузите бесплатное руководство для покупателей ресторанной мебели»
    Строка 2 «От поставщика №1 в Великобритании».

Сайт: Furniture Realm

23. Falcon Social

falcon social landing page example

Щелкните изображение, чтобы перейти к полноразмерной версии

Мысли

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

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

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

Гипотеза для A / B-тестирования

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

A / B Testing Advice

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

  • CTA copy: Чтобы проверить различные CTA, я бы сравнил оригинал с основным преимуществом CTA, таким как «Grow Your Your Brand Socially »и третий CTA с надписью« Grow Your Brand Social »с небольшой поддерживающей« бесплатной пробной версией x-day »прямо под кнопкой.

Сайт: Falcon Social

24. Космическое захоронение Ориона

orion space burial landing page

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

Мысли

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

Сказав это, заголовок «Скоро запуск» — самый умный из тех, что я видел (а я видел около 20 000 целевых страниц).

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

Гипотеза для A / B-тестирования

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

A / B Testing Advice

Предложения о том, что тестировать для подтверждения гипотезы

  • Логистика: Измените CTA на что-то вроде: «введите свой адрес электронной почты, чтобы узнать, как это работает и сколько это стоит.«Это было бы хорошим соблазном заполнить форму.

Сайт: Orion Space Burial

25. Dodo Power & Gas

dodo landing page

Щелкните изображение, чтобы перейти к полноразмерной версии

Мысли

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

И я просто очень вежливо прошу изменить копию кнопки с «Отправить» на что-то более подходящее.

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

Гипотеза для A / B-тестирования

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

A / B Testing Advice

Предложения о том, что проверить, чтобы подтвердить гипотезу

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

Сайт: Dodo Power & Gas

26.Tap for Tap

tap for tap landing page

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

Мысли

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

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

Гипотеза для A / B-тестирования

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

Рекомендации по тестированию A / B

Предложения о том, что проверить, чтобы подтвердить гипотезу

  • Видео: Проверьте текущую страницу (A) по сравнению со страницей B с видео в окне «Посмотреть наше видео» ссылка и страница C, на которой два видео встроены в изображения телефона.

Сайт: Tap For Tap


Итак, 26 целевых страниц подверглись критике за конверсию и A / B-тестирование. Что вы думаете? У вас есть собственные тестовые гипотезы? Делитесь ими в комментариях.

И какой главный вывод из этого обзора потрясающих примеров целевых страниц?

Используйте лайтбокс йоу!

21 отличный пример посадочных страниц от реальных компаний в 2020 году

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

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

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

landing page examples

Что такое целевая страница? [вопрос с подвохом]

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

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

different landing page styles

Помните, что целевая страница имеет только одну цель в качестве страницы. Поэтому, когда вы думаете, что пора все втиснуть, потому что «ОНИ НУЖНО ЗНАТЬ!», Не делайте этого.

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

Почему лендинги?

Потому что это лучший способ привлечь внимание посетителей и развлечь их еще немного.

Целевые страницы — это ваш лучший шанс конвертировать посетителей сайта .

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

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

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

Еще одна идея — показать им всплывающее окно, которое приведет к анкете удовлетворенности клиентов.

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

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

Убедитесь, что ваша целевая страница стоит их времени.

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

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

20 Примеры лендингов, которые нужно украсть сегодня

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

Примеры целевой страницы недвижимости

1. Zoopla Пример целевой страницы

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

Лидогенерация остается весьма важной, даже при постоянно растущем спросе на недвижимость в крупных городах.

real estate landing page example by zoopla

Собираете ли вы потенциальных клиентов через свой собственный веб-сайт или через платформу поиска недвижимости, такую ​​как Zoopla, вы хотите упростить задачу: получите это письмо, Линда!

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

2. Berkshire Hathaway Пример целевой страницы

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

Как Zoopla, который мы видели в начале. Но, насколько я искал, этот самый лучший.

one of the best real estate landing page examples by berkshire hathaway

Разве это не тот дом, который вы искали всю свою жизнь?

Разве эта панель поиска не самая простая и практичная из тех, с которыми вы когда-либо сталкивались?

Разве эта страница Berskhire Hathaway не приглашает вас приступить к делу в тот момент, когда вы ее видите?

Миссия выполнена!

Примеры целевой страницы электронной торговли

3.Пример целевой страницы Urban Outfitters

Вот отличный способ выделить свой модный бренд и повысить вовлеченность пользователей. : запустите программу лояльности!

an urban outfitters landing page example

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

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

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

4. Пример целевой страницы OUAI

Вот что я сделал; Я искала «средства для укладки вьющихся волос» и получила кучу результатов, в первую очередь статей из журналов и блоггеров.

an ouai landing page example

Итак, когда я копнул немного глубже, я наткнулся на эту целевую страницу, которая не отображается в верхнем меню веб-сайта (см. Ниже):

close up to ouai

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

И МОГУ Я СКАЗАТЬ, как я любил, любил, любил, что всплывающее окно на этой странице OUAI показывает женщину с вьющимися волосами (см. Ниже)?

Вот какая гармония мне нужна в жизни!

how ouai urges users to sign up for the newsletter

5.Пример целевой страницы Харуки Мураками

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

Haruki Murakami

Сначала вы создаете атмосферу, соответствующую вашему стилю письма.

Murakami

Тогда вы предлагаете интересную цитату из своей книги.

one of the best book landing page examples by murakami

И последнее, но не менее важное: вы показываете отличные отзывы о своей книге.

И готово! Другими словами, пусть ваша книга сама расскажет об этом.Просто как тот!

6. Пример целевой страницы Halsey

landing page example by Halsey

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

ВЫ СОЗДАЙТЕ ЭТО!

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

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

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

purchase reminder from helsey

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

Мне нравится, насколько это минимально и как внимание пользователя привлекается к товару.

Примеры посадочных страниц SaaS

7.Пример слабой целевой страницы

Slack has one of the best landing page examples Мне всегда нравились целевые страницы в Slack! На самом деле, я тоже искал предыдущую версию, которая мне так понравилась, но не нашла.

Конечно, это не сравнится с чистым и расслабляющим даже (!) Текущей целевой страницей.

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

Это все, что нужно, чтобы войти в мир производительности!

8.Пример целевой страницы Salesforce

Какой еще способ показать, что вы уверены в достоинствах вашего продукта или услуги, чем предлагать их бесплатно в течение 30 дней?

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

landing page example by salesforce

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

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

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

Заголовки различаются, описывая предложение, и с правой стороны они предлагают, в то время как форма регистрации идентична:

Salesforce sign up form design

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

salesforce different pop ups

landing page pop up ab testing example

Это может означать, что Salesforce проводит A / B-тестирование своих всплывающих окон либо с точки зрения размера изображения (обратите внимание на увеличенную версию справа?), Либо с точки зрения CTA.

9. Пример целевой страницы Zendesk

beautiful page design by zendesk Zendesk предлагает самые красивые примеры целевых страниц веб-сайтов.

Несмотря на то, что это не совсем фирменный дизайн (фирменные цвета значительно различаются), он остается ТАК приятным для глаз.

Добавив простую кнопку «Да / Нет», каждое однократное демо-бронирование может превратиться в постоянные отношения с вашим брендом через информационный бюллетень. Умная!

10. Пример целевой страницы Moosend

Moosend

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

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

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

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

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

11. Пример каскадной целевой страницы

Cascade Я видел изрядную долю целевых страниц «забронировать демо», но эта мне понравилась, потому что она позволяет вам выбирать часовой пояс.

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

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

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

12. Пример целевой страницы Wrike

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

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

Поверьте, они стоят вашей дополнительной работы.

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

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

13. Пример целевой страницы Invision

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

Вы не можете позволить себе все это время и силы тратить зря или наполовину работать.

a minimal landing page by Invision

Это нужно для успеха.

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

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

Мне очень нравится то, что Invision придумали в своем выступлении о дизайне. Это привлекательных, точных и минималистичных.

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

14. Пример целевой страницы Matchpool

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

one of the best landing page examples 2018 by matchpool

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

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

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

Примеры туристической целевой страницы

15.Примеры посадочных страниц Eurowings

the page layout design of eurowings

Это заняло у меня немного времени, чтобы обнаружить, но как только я поискал в Google «дешевые авиабилеты в Неаполь», появилась целевая страница Eurowings. И это один из самых красивых примеров туристических целевых страниц!

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

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

16. African Overland Tours Пример целевой страницы

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

Travel landing page example by african overland tours

Я только хотел бы добавлять музыку к своим сообщениям, потому что именно так African Overland Tours приветствует вас на своем веб-сайте. Но вы всегда можете проверить это сами 😉 Итак, музыка — это первое, что мне понравилось на этом альбоме. Но это еще не все. Поле «95% путешественников рекомендуют» в правой части страницы, поле «Нужна помощь в выборе поездки» внизу и, конечно же, возможность посмотреть видео о том, что такое открытие Африки.Я имею в виду, какой лучший способ вызвать у вас тягу к поездке?

Примеры целевых страниц для блога

17. Пример целевой страницы Эми Портерфилд

one of the best landing page examples by masterclass

Вы заметили, как Instagram теперь показывает рекламу после того, как вы просмотрели первую историю в своем аккаунте Instagram?

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

Это объявление о бесплатном мастер-классе лидера мнений, которое я наткнуло.

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

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

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

a second landing page by masterclass Masterclass

18. Пример целевой страницы Copyblogger

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

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

One of the best landing page and blog examples by copyblogger

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

19. Пример целевой страницы предпринимателя

Enterpreneur

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

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

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

close up to entepreneur Как только вы щелкнете по этой ссылке, вы попадете к исходному изображению с помощью кнопки «Добавить в корзину».

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

20. Пример целевой страницы мастер-класса

landing page examples by the entrepreneur

Как вы используете рекламу в Facebook и целевую страницу?

Помните красную ветку, о которой мы говорили в начале этой статьи?

Как будто мы создаем визуальную цепочку:

Объявление Facebook показывает предложение, а подпись описывает преимущества для пользователя.

a masterclass facebook ad

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

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

Затем мне предлагают два варианта (на самом деле одинаковые): либо пройти курс, либо подарить его другу .Затем мне будет предложено ввести данные моей кредитной карты.

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

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

21. Пример целевой страницы Lintense

Еще один пример целевой страницы, который я не могу скрыть от вас, — это Lintense Landing Page. Имеет уникальное торговое предложение.

Что это значит для вас? Вы можете выделить свою услугу или товары отдельно от других.

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

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

click here banner

Чему нас учит статистика целевой страницы

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

  1. Знаете ли вы, что бизнес-сайты с 10+ целевыми страницами получают более чем на 50% больше конверсий по сравнению с веб-сайтами с менее чем 10 целевыми страницами?
  2. Если у вас более 40 целевых страниц (поговорим о таргетинге!), Ожидается, что ваш бизнес получит прирост конверсий более чем на 500%, , особенно если вы являетесь B2B.

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

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

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

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

Это также поможет вам с исследовать потенциал других аудиторий ; просто создайте несколько вариантов одной и той же целевой страницы, настройте копию, а затем запустите рекламу и A / B-тесты.

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

Целевые страницы: чего НЕ делать

Предположим, вы находитесь на Facebook и видите рекламу примерно 30% скидки на средства для укладки волос и нажимаете.

Естественно, вы ожидаете попасть на страницу с изображением главного героя с надписью «Скидка 30% на средства для укладки волос».

Если вместо этого будут просто продукты для укладки волос без бирки «скидка 30%» или просто косметические продукты, вы испытаете чувство диссонанса.

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

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

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

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

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

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

И небольшая подсказка для целевой страницы

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

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

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

Например, для целевой страницы 404 вам понадобится ваш логотип и 404, разработанный на вашем бренде.

Но что, если вы создадите целевую страницу, содержащую больше, чем просто 404?

Я просто набрал «привет» в конце URL-адреса веб-сайта Starbucks, чтобы получить это.

Что мне нравится в целевой странице Starbucks 404 ниже, так это то, что это не тупиковая целевая страница:

one of the best 404 page designs by starbucks

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

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

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

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

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

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

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

click here banner

Копия целевой страницы

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

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

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

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

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

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

Плюс, это даст вашей команде дизайнеров достаточно времени для набросков идей и черпания вдохновения в Интернете.

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

Например, предположим, что вы публикуете баннер в формате gif.

Допустим, копия баннера «Ваши волосы сухие и тонкие?» (1-й слайд) — «Так не должно быть». (2-й слайд) — «Все, что вам нужно сделать, это спросить» (3-й слайд)

Здесь в игру вступают ваши слоганы .

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

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

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

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

Контрольный список для целевой страницы

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

Оперативность

a landing page should be responsive on any device

Я почти не учел это, потому что думаю, что это SO basic , что все так делают.

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

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

Совсем не круто.

бесшовность

По сути, мы пытаемся установить управляющий принцип для вашей целевой страницы tagline-copy-banner; «fil rouge», так сказать, .

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

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

Путь

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

Другими словами, подумайте о типе баннера, через который пришли ваши пользователи: был ли это баннер ремаркетинга? Это были первые посетители? Или, может быть, они были многократными посетителями, но без конверсии?

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

click here banner

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

  1. Перенацеливание содержимого, которое у вас уже есть, для создания электронной книги, PDF-файла, цитат для загрузки пользователями.
  2. Создавайте несколько версий одного и того же контента для разных клиентов. То есть улучшите свой таргетинг.
  3. A / B протестируйте различные предложения и посмотрите, какие из них лучше всего подходят вашей аудитории.

Заключение

Итак! Надеюсь, я все рассказал для вас. От великолепных примеров «что такое целевая страница» для мега-вдохновения до советов по созданию отличных целевых страниц. Не забывайте всегда оставаться в курсе и умело направлять посетителей нажимать эту кнопку CTA.Не загромождайте страницу и не отвлекайте пользователей. Вы хотите, чтобы они оставались как можно дольше! И не забывайте: A / B-тестирование — ваш лучший друг!

Есть вопросы по целевой странице? Что вы думаете об идеальной целевой странице? Делитесь чем угодно в комментариях ниже!

15 отличных дизайнов посадочных страниц

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

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

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

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

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

01. Angle2

(Изображение предоставлено: Angle2)

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

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

По сути, левый и правый элементы

образуют разделение 50/50 посередине области просмотра. Отсюда к серии наклонных текстовых строк, заключенных в теги , применяются CSS-функции translate3d и анимируются с помощью TweenMax при наведении курсора. За счет применения контрастных цветов с каждой стороны достигается эстетика сгиба под 45 градусов, которая определяет общий дизайн.

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

02. MADCLEM

Landing page design - MADCLEM

Сайт Клемана Ченебо веселый и подвижный

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

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

03. IBM Plex

Landing page design - IBM Plex

Одностраничный пейджер для IBM Plex разработан, чтобы показать новый шрифт с максимальной эффективностью.

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

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

04. Ковбой

Landing page design - Cowboy

Ездить на них! Сайт Cowboy держит ваше внимание на самом важном: велосипеды

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

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

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

05. Интерфейсные любители

Landing page design - Interface Lovers

Интерфейсные любители целевая страница сохраняет вещи несложными и чистыми

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

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

Для создания сайта разработчик Iheanyi Ekechukwu воспользовался преимуществами Tachyons, функционального CSS-фреймворка, который позволяет детально контролировать дизайн. В результате получился великолепный минималистичный дизайн без всяких наворотов.

06. Google Fonts

Landing page design - Google Fonts

Google направляет вас прямо к шрифтам без каких-либо проблем

Первоначально запущенные в 2010 году шрифты Google теперь просматриваются в Интернете более 15 миллиардов раз в день на более чем 135 языках по всему миру. Сайт Google Fonts чистый и полностью адаптивный, с использованием Material Design для своей сетки и стиля.

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

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

07. MIT Technology Review

Landing page design - MIT Technology Review

MIT Tech Review упрощает работу

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

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

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

08. Resn

Landing page design - Resn

Таинственная «капля» нарушает большинство правил обычного дизайна целевой страницы

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

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

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

09. Present & Correct

Landing page design - Present & Correct

Каждая панель — это искушение

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

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

10. Monotype

41 Примеры вдохновения для целевой страницы Повышение коэффициента конверсии

Примечание редактора: в этот пост добавлен новый контент и добавлены ссылки.
Дата первоначальной публикации: 15 мая 2018 г.

Почему KlientBoost всегда ищет вдохновение для целевой страницы?

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

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

Check out Breather’s landing page to see how minimal design makes their product & brand stand out.

Хорошо, дружище, но давай сначала купим тебе расческу и триммер для бороды. — источник изображения

Приступим! 🙂

Вдохновение для целевой страницы №1: Сохраняйте простоту

Обычно для целевой страницы требуется всего 4 основных элемента в верхней части страницы:

  1. Главное изображение (а), четко передающее предлагаемые товары или услуги
  2. Заголовок и подзаголовок, которые ясно передают ваш UVP ( Уникальное ценностное предложение )
  3. CTA ( Call-to-Action ), который содержит основное предложение, которое посетители получат, когда они конвертируют
  4. Логотип, который сообщает о бренде страницы, на которую попал посетитель (обычно ссылка на главную страницу вашего веб-сайта)

Согласно HubSpot, 55% посетителей проводят на вашем сайте менее 15 секунд.Поэтому важно, чтобы изображения, текст и брендинг на целевых страницах были краткими и ясными.

Check out Breather’s landing page to see how minimal design makes their product & brand stand out.

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

Пример № 2: разумное использование цвета (выделите кнопку с призывом к действию)

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

Например, когда мы провели A / B-тест для клиента ипотечного жилищного кредита, мы обнаружили, что кнопка CTA, которая контрастировала с зеленым цветом их бренда, увеличивала коэффициент конверсии с 9,57% до 13,18%.

9.57% conversion rate

Коэффициент конверсии 9,57%

13.18% conversion rate

13,18% конверсия

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

Пример № 3: Сообщите о своем UVP (Уникальное ценностное предложение)

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

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

Вот отличный пример четкого и лаконичного заголовка и подзаголовка на основе UVP от Instapage:

landing page inspiration that Definitely grabs your attention

Определенно привлекает ваше внимание — источник изображения

Пример № 4: Визуализируйте свои копирайтинговые описания

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

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

Вот что я имею в виду:

  1. «Зарегистрируйтесь сейчас !!!» — Не очень эффективно.
  2. «Хотите сэкономить время на покупках? Зарегистрируйтесь у нас! » — Лучше, но еще не совсем.
  3. «Получайте индивидуальные и выгодные предложения прямо из любимых магазинов, не теряя времени на поиск в Интернете.», А затем« Вот как »- гораздо эффективнее общаться с UVP и ROTI.

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

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

This headline communicates the core offer, however, it fails to convince the visitor that the guide has hidden insight.

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

This headline communicates that the guide has hidden insight the visitor will want to know.

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

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

Пример № 5: Добавьте социальное доказательство для повышения авторитета

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

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

Возможно, посетителю нужно немного «подтолкнуть», пока он заполняет форму на целевой странице…

Include a testimonial of a previous/current client like we did.

Включите отзыв предыдущего / текущего клиента, как мы.

Пример № 6: Использование значков с текстом

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

  • У вас много копий.
  • Copy содержит «шаги» для процесса, или ваш продукт или услуга требует «шагов» для преобразования.
  • Ваш продукт или услуга предлагает уникальные особенности по сравнению с другими продуктами и услугами.

В этом варианте мы решили использовать значки вместо фонового изображения и цифр. Первый вариант дал на 30% больше конверсии, чем вариант 2:

Variant 1

Вариант 1

Variant 2

Вариант 2

Пример № 7: Изображения высокого качества (без пиксельных фотографий… EW)

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

Ooh...

Ох…

Ahh...

А-ч…

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

«Показатель отказов от 26 до 40 процентов — это отлично. От 41 до 55 процентов — это примерно средний показатель », — согласно одному из анализов показателей отказов в Google Analytics. «От 56 до 70 процентов выше среднего, но может не вызывать тревогу в зависимости от веб-сайта. Все, что превышает 70 процентов, вызывает разочарование во всем, кроме блогов, новостей, событий и т. Д.”

Всегда следите за тем, чтобы изображения не были слишком большими для времени загрузки. Исследование Google показало, что увеличение времени загрузки с 0,4 до 0,9 секунды может снизить трафик на 20%.

Некоторые общие передовые практики:

  • Измените размер изображения самостоятельно, а не в браузере.
  • Сжимайте изображения в PhotoShop, онлайн-инструменте сжатия или даже в Paint.
  • Поэкспериментируйте с различными типами файлов изображений (PNG и JPG), чтобы оптимизировать качество без ущерба для времени загрузки.
  • Максимально используйте кеширование страниц.

Нам нравится использовать TinyPNG , отличный (и бесплатный!) Ресурс, для сжатия изображений для Интернета.

Пример № 8: Выберите правильный шрифт

A / B-тестирование простого изменения шрифта для Click Laboratory привело к увеличению коэффициента конверсии на 133%:

A change so simple can make a huge difference.

Такое простое изменение может иметь огромное значение. — источник изображения

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

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

Here’s a great example for typography on a landing page from our very own designer, Cody Chase.

Вот отличный пример типографики на целевой странице от дизайнера KlientBoost Коди Чейза. — источник изображения

Пример № 9: Включите соответствующие уточняющие вопросы в форму

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

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

At first, the last field was “Phone Number”.

Последнее поле изначально было «Номер телефона», которое не было обязательным для предложения.

Asking “Law Firm” made that particular field on the form much less threatening.

Запрос «Юридическая фирма» сделал это конкретное поле в форме гораздо менее опасным.

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

Вдохновение для целевой страницы № 10: Выберите кнопку CTA, скопируйте с умом

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

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

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

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

  • Посмотреть в действии
  • Смотреть сейчас
  • Посмотреть сейчас
  • Присоединяйтесь к живому
  • 10-минутная демонстрация
  • Получить запись

Все это звучит не агрессивно, но все же передает суть.

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

This is a great example of a CTA button attached to the form field.

Это отличный пример кнопки CTA, прикрепленной к полю формы. — источник изображения

Пример № 11: Соответствие намерению посетителя

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

The ad headline says “Post Scheduler,” which is good because I typed in a query for “social media scheduling.”

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

This is the corresponding landing page attached with the ad.

Это соответствующая целевая страница, прикрепленная к объявлению. — источник изображения

Пример № 12: CRAP — Контраст, повторение, выравнивание, близость

Четыре основных принципа графического дизайна: Контрастность, Повторение, Выравнивание и Близость, или CRAP .(Сохраните шутки, мы их все слышали.)

Контраст , например, помогает выделить и сосредоточить внимание. Использование цвета, оттенков серого, размера, визуального веса и т. Д. Может создать контраст.

Here’s a diagram on what CRAP actually means.

Вот диаграмма того, что на самом деле означает CRAP. — источник изображения

Пример № 13: При необходимости указывать цены (и A / B-тестирование, если вы не уверены)

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

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

Make sure to mention which price is most popular.

Не забудьте указать, какая цена самая популярная.

Пример № 14: Дайте ощущение срочности / дефицита

Наличие чего-то столь же интерактивного, как часы обратного отсчета , чтобы подтолкнуть пользователя к конверсии, прежде чем «время истечет», — отличная идея для A / B-тестирования.

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

Еще один хороший пример работы таймера обратного отсчета. — источник изображения

Having a countdown button on a checkout page creates urgency.

Наличие кнопки обратного отсчета на странице оформления заказа также создает срочность. — источник изображения

Пример № 15: Убедитесь, что ваша целевая страница оптимизирована для мобильных устройств

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

  • Быстрая загрузка
  • Короткие, динамичные заголовки
  • Короткая, умная копия целевой страницы
  • Кнопка CTA, которая хорошо работает в режиме сенсорного экрана
  • Самая актуальная информация — над сгибом
  • Работает в альбомном и портретном режимах
  • Нет ненужных навигационных ссылок
  • Запрашивает минимум информации в формах
  • Возможно, использует кнопку «Щелкните для вызова» вместо кнопки CTA.

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

Пример # 16: Использование техники хлебных крошек

Привлечение посетителей к « микроконверсии » до «макроконверсии» (то, что вы технически считали «конверсией») также может повысить эффективность ваших целевых страниц.

Психология, объясняющая, почему многоступенчатые целевые страницы работают так хорошо, включает:

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

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

Сначала задайте небольшие вопросы.

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

Пример # 17: Создание интерактивной целевой страницы

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

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

Пример № 18: Эффект приманки

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

The decoy effect occurs when you have two items at the same price.

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

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

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

Пример № 19: Сравнение конкурентов

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

This landing page inspiration gets the point across with a clear comparison chart.

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

Comparison chart from one of our clients.

Таблица сравнения от одного из наших клиентов.

Вдохновение для целевой страницы №20: Контент с закрытым доступом

Контент

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

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

По словам эксперта по контент-маркетингу Дэвида Меермана Скотта, несанкционированный контент загружается в 20–50 раз в чаще, чем закрытый контент. Обратной стороной, однако, является то, что несвязанный контент не дает вам доступа к какой-либо информации о потенциальных клиентах, что в первую очередь является целью контента.

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

Showing a picture of what your ebook, whitepaper or infographic will look like is always best when it comes to gated content landing pages.

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

Пример № 21: Особое внимание к изображению героя

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

Вот пример отличной целевой страницы Uber:

When you see the hero image, what do you initially think of?

Когда вы видите изображение героя, о чем вы сначала думаете? — источник изображения

Пример № 22: Предлагайте электронные книги / технические документы, чтобы привлечь внимание холодного трафика

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

  • Краткая копия
  • Изображение обложки электронной книги
  • Краткое содержание электронной книги
  • Чем это принесет пользу посетителю (зачем посетителю нужно это)
  • Укажите, что это бесплатно
  • Одношаговая форма (для предложения с низким намерением не требуются уточняющие вопросы)
  • Минимальные поля

Unbounce представляет собой отличный пример целевой страницы электронной книги, на самом деле ориентированной на оптимизацию коэффициента конверсии:

Short and to the point

Коротко и по делу — источник изображения

Пример # 23: Добавить видео

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

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

The hero image looks intriguing. How could you not click that “Watch the Video” button?

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

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

Пример № 24: Добавление личного настроения с резюме персонала

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

Фирма по дизайну и маркетингу этикеток для вина Affinity Creative Group размещает на целевой странице отличные фотографии сотрудников и биографии сотрудников. Проверьте это:

From the Affinity Creative Group website

С веб-сайта Affinity Creative Group

Пример № 25: Не забывайте свои страницы с благодарностью

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

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

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

HubSpot’s Thank You page

Страница благодарности HubSpot

Пример № 26: Добавление разделов с призывом к действию в нижней части страницы

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

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

Middle of the page CTAs work great for eCommerce clients.

CTA в середине страницы отлично подходят для клиентов электронной коммерции — источник изображения

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

Пример № 27: Придерживайтесь своего бренда

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

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

Through brand awareness, Apple has been able to tackle the tech market.

Благодаря узнаваемости бренда Apple завоевала рынок технологий.- источник изображения

Пример № 28: Для мобильных приложений рассмотрите варианты целевой страницы

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

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

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

What do you think this landing page tells you about the app?

Как вы думаете, что эта целевая страница говорит вам о приложении? — источник изображения

Пример № 29: Рассмотрение вариантов целевых страниц электронной коммерции

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

Однако имейте в виду, что целевые страницы отличаются от страниц товаров .

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

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

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

I can compare all of my options on the Nike homepage rather than be funneled to make a single product purchase.

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

На этой целевой странице продается набор, который дает посетителю множество возможностей по «эксклюзивной» цене:

Landing pages are great for product packages, promos and deals.

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

: вдохновение для целевой страницы № 30: рассмотрение вариантов целевых страниц для привлечения потенциальных клиентов

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

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

  • «Какова ваша цель сегодня?»
  • «Как скоро вы собираетесь ____?»
  • «Какая у вас отрасль?»
  • «Что вы ищете сегодня?»

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

  • Используйте радиокнопки
  • Выпадающие поля
  • Несколько кнопок CTA

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

This variant has radio buttons and 1 CTA to pick from.

В этом варианте есть переключатели и 1 CTA на выбор.

This variant has 2 CTAs to pick from instead.

Вместо этого у этого варианта есть 2 CTA на выбор.

Поскольку мы исключили целый этап, коэффициент конверсии вырос почти на 30%.

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

Пример № 31: Рассмотрим целевую страницу, ориентированную на звонки, при таргетинге на мобильные устройства

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

Ресторан — отличный пример клиента, который хотел бы, чтобы его номер телефона был легко доступен:

At the top of the page, it’s clear what number to call to make a reservation.

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

Пример № 32: Придайте своей странице индивидуальность

Вы можете сделать свой бренд интересным и увлекательным даже в таком сухом деле, как банковское дело.Для миллениалов Simple предлагает онлайн-банкинг со встроенными инструментами составления бюджета и сбережений:

Through the use of high quality imagery, fun illustrations, and vivid colors, Simple is seen as a hip alternative to traditional banking.

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

Пример № 33: Попробовать анимацию

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

Check out the cool animations on this page.

Посмотрите классные анимации на этой странице — источник изображения

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

Пример № 34: не забывайте креативные нижние колонтитулы

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

Creativebloq предлагает несколько отличных примеров красивых нижних колонтитулов на веб-сайтах и ​​целевых страницах:

Ditto knows how it’s done.

То же знает, как это делается. — источник изображения

Пример № 35: Проверка простоты использования (разумный UX-дизайн)

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

  • Клейкий нижний колонтитул / заголовок
  • Кнопки плавной прокрутки
  • Отличия кнопок CTA от других интерактивных элементов
  • Иерархия информации

Webflow’s page has some great UX and is easily to navigate.

Страница Webflow имеет отличный UX и простую навигацию — источник изображения

Пример № 36: Добавить иллюстрации

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

Allbirds, марка обуви из шерсти , не сдерживается, когда дело касается иллюстративного стиля:

I’m warning you, these shoes are comfortable.

Предупреждаю, эти туфли удобные. — источник изображения

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

This illustration is shown in all of the email order confirmations. They make sure the visitor’s experience is on brand from start to finish.

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

This is the email in action.

Это письмо в действии. — источник изображения

Пример № 37: Тестирование одношаговых и двухэтапных форм

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

Например, мы работаем со специалистом по подиатрии в Лос-Анджелесе, у которого есть одноэтапная форма, которая преобразует более 10%:

Mmm… feet

Ммм… футы

Пример № 38: Использование чат-ботов для преобразования разговора

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

Чат-боты уже являются отличным способом отвечать на запросы пользователей на вашей целевой странице, как в примере RapidMiner ниже:

Chatbots allow you to guide the conversation with answer buttons.

Чат-боты позволяют вести разговор с помощью кнопок ответа. — источник изображения

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

Пример № 39: Включение функций продукта

В KlientBoost мы придерживаемся «правила трех».Это означает, что мы стараемся ограничить характеристики вашего продукта 2–4 основными моментами, чтобы контент был легко усваиваемым. Хотя мы не используем шаблоны, Unbounce предлагает множество отличных дизайнов шаблонов, которые визуально применяют «правило трех»:

This template is called, Moss.

Этот шаблон называется «Мох» — источник изображения

Вдохновение для целевой страницы №40: Добавление количественных характеристик

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

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

Who wouldn’t convert after seeing those numbers?

Кто бы не обратился, увидев эти числа? — источник изображения

Пример № 41: Добавление качественных отзывов

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

Свидетельства должны включать:

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

Вот качественный отзыв с целевой страницы клиента, предлагающий бесплатную пробную версию:

Large companies like Hyatt and Weight Watchers are great for social proof.

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

Заключение о целевой странице Вдохновение: что дальше…

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

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

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *