Содержание
Как сделать прототип лендинга: список сервисов и советы
Что такое прототип
Прототип — это упрощенный макет посадочной страницы, на котором схематично изображены все функциональные элементы будущего лендинга. Это своего рода фундамент проекта, благодаря которому становится возможным построение эффективной системы взаимодействия пользователя с интерфейсом.
Образец прототипа лендинга
Для чего нужен прототип
Перед началом строительства дома специалисты разрабатывают план, в соответствии с которым строение будет иметь определенный вид, планировку, разводки системы водоснабжения и многое другое. Без плана строительство обречено на провал. Так и с созданием лендинга. Любую сложную систему сначала следует упростить, представить схематично, сделать перерасчеты, внести необходимые корректировки и только после этого приступать непосредственно к созданию.
Прототип нужен для того, чтобы:
- показать заказчику, дизайнеру и верстальщику, каким проект будет в итоге;
- минимизировать расходы на разработку дизайна;
- ускорить процесс создания сайта.
Далее разберем основные виды прототипов.
Какие прототипы бывают
Первый вид — интерактивные прототипы. Они позволяют взаимодействовать с элементами. В большинстве случаев предпочтителен именно этот вариант.
Интерактивный прототип лендинга
Второй тип — статический. Это просто изображение, на котором показано расположение элементов будущего сайта.
Статический прототип лендинга
Кроме того, прототипы классифицируют по иным характеристикам: нарисованный от руки или созданный в специальной программе, с глубокой детализацией или показывающий лишь основную информацию о расположении блоков.
Как создать прототип лендинга
Назначение любого продающего лендинга — привлечение пользователя для совершения целевого действия (покупки товара или заказа услуг). Чтобы этого добиться, нужно уделить особое внимание каждому этапу создания страницы, в том числе и построению прототипа. Обратите внимание на основные правила, которым мы рекомендуем следовать.
Анализ конкурентов
Он нужен для понимания специфики тематики и формирования более точного представления о концепции будущей страницы. Изучив десяток сайтов конкурентов, вы наверняка поймете, как должен выглядеть новый сайт.
Проектирование
Почти любой лендинг состоит из хедера, основной части и футера.
Первый экран — самая важная часть одностраничника. Именно она мотивирует пользователя остаться или уйти с сайта. При проектировании первого экрана важно правильно разместить блоки с УТП (уникальным торговым предложением), формой заказа, контактными данными, а также логотип, кнопку меню и т.д.
Ниже первого экрана обычно располагаются блоки со следующей информацией: конкурентные преимущества компании, основные виды товаров/услуг, цены, отзывы, условия сотрудничества.
На футере, как правило, находятся кнопка для связи, контактная информация, повторный блок навигации, карта и информация о политике конфиденциальности.
Основная задача на этапе проектирования — сделать так, чтобы посетитель сайта интуитивно понимал, где искать необходимую информацию и какая кнопка за что отвечает. К примеру, каждому понятно, что иконка лупы означает возможность поиска по сайту, а кнопки «Заказать» или «Купить» обязательно ведут на форму заказа.
Программы и сервисы для прототипирования
Создать прототип лендинга можно в любом графическом редакторе — Adobe Photoshop, Adobe Illustrator, Paint или даже в MS Word и Google Docs. Однако используя их, вы рискуете столкнуться с массой неудобств и потерять время. Поэтому для прототипирования мы рекомендуем использовать специальные сервисы. О некоторых из них расскажем ниже.
Axure RP
Это программой пользуются профессионалы. Выпускается она под операционные системы Windows и macOS. Бесплатный период пользования составляет 30 дней.
В Axure RP можно создавать сложные интерактивные макеты. Интерфейс программы приятен.
Если вы планируете заниматься прототипированием сайтов на постоянной основе, данный софт однозначно заслуживает вашего внимания.
Программа Axure RP
Создание прототипа лендинга в Axure RP
Draftium
В отличие от программы Axure RP, Draftium — это онлайн-сервис, что облегчает доступ к проектам с разных устройств. Разработчики этой платформы подготовили ряд качественных шаблонов под разные цели: в бесплатной версии их 50, в платной ($99 в год) — более 300.
Функционала Draftium хватает для создания проектов разного уровня сложности, а простота интерфейса и встроенные пресеты позволяют быстро нарисовать хороший прототип даже новичку.
Онлайн-сервис Draftium
Создание прототипа лендинга в Draftium
Marvel
Этот сервис отличается от упомянутых выше, поскольку наибольшее внимание здесь уделяется графической составляющей макета. В результате получаются качественные интерактивные макеты лендингов, крупных сайтов и мобильных приложений.
Если работать вы собираетесь в одиночку, то вам будет достаточно бесплатной версии. Для командной работы потребуется один из платных тарифов: 3 пользователя — $42, 6 пользователей — $84.
В процессе использования Marvel пригодятся навыки дизайнера, поэтому мы вряд ли можем рекомендовать этот сервис новичкам.
Сервис Marvel
ESK.ONE
Это российский онлайн-сервис с дружественным интерфейсом. Здесь нужно зарегистрироваться, после чего вы сможете делать проекты, создавать прототипы, расшаривать их дизайнеру и другим членам команды.
На ESK.ONE есть занятная функция «Получить идею»: на соответствующей странице генерируются полезные советы, которые могут пригодиться вам в работе.
Сервис ESK.ONE
Функция запроса идей в ESK.ONE
Mockingbird
На этой платформе можно на протяжении 6 дней создавать проекты без регистрации. Она подходит для создания макетов с низкой детализацией. Этим объясняются простота интерфейса и ограниченный функционал. Мы рекомендуем использовать этот вариант, когда нужно быстро накидать простой макет.
Платформа Mockingbird
NinjaMock
Этот сервис выделяется визуальным оформлением макетов: все прототипы, созданные в нем, будто рисовали от руки. Эффект создают специфичный шрифт, неровные края фигур и т.д. Эта особенность никак не влияет на качество и скорость работы.
Используя бесплатный тариф NinjaMock, вы сможете создать только один проект, состоящий не более чем из 200 элементов. При этом учтите: проекты, сделанные на этом тарифе, доступны для просмотра всем пользователям сервиса.
Функционал сервиса довольно широк, что позволяет создавать прототипы любой сложности.
Сервис NinjaMock
Ошибки, которые допускаются при создании прототипа
Обратите внимание на самые частые ошибки, которые допускают новички при создании своего первого прототипа лендинга:
- Приверженность одной идее. Главное преимущество прототипирования перед разработкой дизайна — простота. Поэтому мы рекомендуем не ограничиваться одним вариантом макета. Вы сможете сделать идеальную в плане юзабилити страницу, только если будете создавать и дорабатывать версии прототипа.
- Отсутствие понимания целей и задач проекта. Пожалуй, это основная ошибка, из-за которой вся работа не имеет смысла. Проектировщик интерфейса должен четко понимать цели заказчика и знать, на какую целевую аудиторию ему нужно ориентироваться при создании определенного продающего лендинга. Именно эти нюансы — ключ к успеху.
- Чересчур высокая или, напротив, низкая детализация. Прототип может представлять собой лишь наброски или же выглядеть как практически готовый сайт с динамическим интерфейсом. Каждый из этих вариантов имеет свои преимущества и недостатки, но основное различие между ними — количество затрачиваемого времени. Если время на выполнение макета ограничено, рекомендуем выбрать промежуточный вариант, в котором элементы будут изображены графически, но при этом будут кликабельны. При выборе уровня детализации отталкивайтесь от сложности проекта и потребностей заказчика или команды.
- Ошибочный выбор разрешения и неверная разметка сайта. Разрабатывая макет лендинга, помните об универсальном разрешении экрана (речь идет, в первую очередь, о ПК). Важно, чтобы все элементы на самом главном, первом экране вписались в разрешение минимум 768×1360 px.
- Неправильное размещение элементов на странице. В процессе определения того, где какой элемент должен находиться, важно помнить о логике пользователя. Здесь не стоит экспериментировать. Например, главное меню должно быть расположено строго в верхней части экрана. В противном случае, если меню будет расположено в неожиданном месте, сайт рискует потерять часть конверсий. Учитывайте также, что пользователь должен иметь возможность сделать заказ или связаться с представителем компании, находясь на любой части страницы. CTA-кнопки должны соответствовать целям: совершение покупки, скачивание чего-либо, регистрация на сайте и т.д.
Мы надеемся, что теперь вы сможете избежать каждой из этих ошибок.
Почему прототип обязателен
Отказываясь от разработки прототипа, будьте готовы к следующему:
- Проект будет обречен на потерю большей части конверсий.
- Ряд идей не будут протестированы, или же это будет стоить на порядок дороже.
- Команде исполнителей и заказчику будет гораздо сложнее достичь взаимопонимания и договориться о том, каким в итоге должен быть лендинг.
Этот этап ускорит разработку сайта и позволит своевременно устранить все возможные недочеты в юзабилити, поэтому пропускать его мы не рекомендуем ни в коем случае.
Бесплатный сервис макетов. Создать шаблон лендинга на конструкторе
Фишка 1. Копирайтерам не нужно объяснять на пальцах. При общении с клиентом копирайтеру часто приходится объяснять, в каких блоках будут размещены тексты лендинга. Как правило, это приходится делать с помощью скриншотов (если у клиента уже есть сайт) или с помощью самодельных схем (если сайт только в разработке). Гораздо проще создать макет сайта-одностраничника, заполнить все блоки готовым текстом и отправить заказчику ссылку.
Фишка 2. Создавать текст с привязкой к шаблону проще. Когда видишь примерный план расположения блоков Landing Page, проще продумать текст для каждого из них. Плюс, так легче следовать логике подачи материала. Чем писать наобум и потом пытаться подогнать текст под локацию блоков на сайте, лучше использовать наш инструмент для создания прототипов.
Фишка 3. Создание точечных шаблонов «из кусочков» других сайтов. Вам нравится кусочек из одного шаблона и блок от другого лендинга? Да, собрать их воедино или объяснить дизайнеру, что конкретно вы хотите, проблематично. Это и не нужно: просто соберите образец лендинга сами в пару кликов.
Фишка 4. Отличайтесь от других. Стандартныен шаблоны – штука, конечно, хорошая. Но если не хочется делать как у конкурентов, то лучше заранее создать черновой вариант макета посадочной страницы. Так вы точно не попадёте на заезженный шаблон, и ваш лендинг будет оригинальным.
Фишка 5. Если где-то в текст закралась опечатка или ошибка, то проще исправить её в черновике, чем уже свёрстанном сайте. Поэтому просто используйте сначала бесплатный макет и проверьте, всё ли там в порядке.
Фишка 6. Отсекайте лишнее и наводите порядок. На многих макетах продающих страниц нередко царит хоас: куча блоков, картинок, графики и т.д. Но иногда выходит слишком «богато». А сайт уже запущен, и менять там что-то проблематично. Поэтому важно сначала посмотреть на все элементы на образце готового сайта и просто убрать лишнее.
Фишка 7. Чек-лист готового макета. А иногда владельцев бросает в другую крайность; готовый шаблон уходит в минимализм до такой степени, что даже неуютно от этой пустоты. Чтоб такого не было, создайте прототип лендинга, коммерческого предложения, товарной страницы и, если нужно, добавьте элементы. Все это займет не больше 10 минут.
Дизайн лендингов | Сайт веб-дизайнера фрилансера Яны Ходкиной
Стоимость лендинга
Дизайн лендинга разрабатывается на основе присланных вами материалов. Это могут быть как готовые тексты, так и набор различного текстового и медиа контента.
На основе присланных вами материалов и конкурентного анализа, разрабатывается структура и дизайн вашего будущего лендинга. Цена от 50т.р.
Скачать БРИФ на landing page
Как происходит работа
- Изучается и дополняется заполненный вами бриф на лендинг.
- Проводится анализ нишевых конкурентов.
- Разрабатывается структура лендинга (структурный прототип). Без дизайна и стилистики. Только информация по блокам.
- На основе утвержденной структуры, создается макет лендинга и стилизуется с учетом брифа, ниши, продукта, конкурентов и т.д.
- На следующем этапе вносятся правки (если требуется) и макет утверждается. Дизайн лендинга дорабатывается и финализируется.
- После утверждения дизайна страницы основного размера, дополнительно отрисовываются адаптивы лендинга под мобильные устройства.
Результатом работы будет проект в программе Figma
Дизайн сайтов в Photoshop не делаю! Только в Figma.
- Вы получаете ссылку на проект в программе Figma или файл формата .fig
- UI гайд с состояниями всех активных элементов сайта
- Файлы использованных шрифтов (если требуется)
Эту же ссылку (на макет), вы передаете верстальщикам/разработчикам. Они точно знают, что с этим делать 😉
Размеры макетов сайтов
По умолчанию, я делаю дизайн сайта под самое популярное разрешение на данный момент. Например 1920px, с контентной частью от 1170px и выше (зависит от тематики проекта).
Адаптив 3 разрешения (ноутбук, планшет, телефон). Например: 1366px, 768px, 320px.
Если нужны дополнительные разрешения, то они оплачиваются вами отдельно.
Популярные устройства на данный момент времени, вы можете самостоятельно посмотреть на сайте – Statcounter. Global stats.
Примеры возможных разрешений:
Как быстро и эффективно разработать прототип лендинг пейдж
Одним из самых важных этапов разработки любого веб-продукта является прототипирование. Прототип лендинг пейдж — это возможность превратить “кота в мешке” в прогнозируемый инструмент для продаж. Четко проработанная структура, отрисованный интерфейс и “голый” копирайтинг (не украшенный фантиком дизайна) позволяют посмотреть на посадочную страницу максимально трезво и более тонко подстроить ее под целевую аудиторию. В этой статье мы расскажем о преимуществах и особенностях этого этапа работы, а также расскажем, как можно сделать процесс более эффективным и конструктивным.
Что такое прототип лендинг пейдж:
Прототип — упрощенная схема (набросок, черновик, макет, скетч, модель) сайта, которая содержит все его элементы. Она служит для того, чтобы максимально наглядно представить заказчику и(ли) дизайнеру набросок будущего сайта: его структуры, содержания, функционала, навигации и так далее.
Какой прототип лендинг пейдж можно назвать эффективным?
1. Понятный даже человеку с улицы
Прототип должен быть простым и понятным, чтобы заказчик мог оценить его и прикинуть, каким будет будущий сайт. Это логично: если клиент поймет, как будет выглядеть его веб-продукт, он быстрее утвердит работу. Многие вопросы будут сняты еще на этапе скетча, и дизайнеру не придется многократно переделывать макет из-за банального недопонимания.
2. С четко разделенными экранами
Очень важно контролировать количество разворотов посадочной страницы. Кроме того, что это облегчает восприятие. И разработчик, и клиент смогут понять, какой длины будет сайт.
3. С хорошо структурированной информацией
Именно на этапе прототипа “упаковывается” весь контент лендинг пейдж. Вы решаете, где будут клипарты, где мини-история, где слайдер и так далее. Скетч позволяет оценить последовательность блоков, проверить, нет ли “полотнищ” текста и прикинуть, как информация будет смотреться в дизайне и верстке.
4. С достаточной степенью детализации
Прототип бывает общий и детальный. В зависимости от целей, выбирается тот или иной вариант.
5. С универсальным языком для коммуникации с клиентом и разработчиками
Мы уже много раз писали о том, что с помощью прототипа удобно ставить техническое задание копирайтеру (если прототип общий), дизайнеру и верстальщику, а также эффективно коммуницировать с клиентом.
Также важно не забывать, что любой прототип одноразовый: он создается под один конкретный сайт и в будущем отправится в архив.
Вот как поэтапно выглядит процесс его создания:
- Постановка задачи и определение начальных требований.
- Анализ: рынка, конкурентов, спроса, целевой аудитории, сезонности, бизнеса заказчика, поисковых запросов.
- Создание общего или детального прототипа.
- Презентация заказчику для получения обратной связи.
- Утверждение, либо доработка прототипа по требованиям заказчика.
- Передача в дизайн.
Виды прототипов:
В зависимости от преследуемых целей, прототипы могут быть разной степени детализации и сложности. Некоторые программы позволяют делать прототип динамическим: например, нажимая на кнопку Вы сможете настроить попап или перебросить пользователя на другую страницу.
Есть несколько разных методов создания прототипа лендинг пейдж:
На бумаге или доске.
Нарисовать эскиз на бумаге — самый быстрый и легкий способ. Выглядит он чаще всего неэстетично, а чтобы внести изменения, его придется переделывать. Размеры элементов и их расположение на сетке могут передаться недостоверно, что приведет к проблемам при создании дизайна. И лучше бы Вам иметь разборчивый почерк…
В текстовых редакторах.
Иногда прототипы делают в Word и Excel (или в их онлайновых аналогах). Они не требуют специальных навыков и позволяют создавать редактируемые схемы. С помощью текстовых прототипов можно показать структуру и последовательность блоков, но отрисовать интерфейс физически невозможно. Хороший лайфхак — описывать функционал и расположение элементов в редакторских выносках.
В графических редакторах.
При условии, что Вы владеете навыками работы в программах типа Adobe Photoshop, The GIMP, Photoscape, Microsoft PowerPoint, Вы создавать красивые и достаточно “юзабельные” прототипы страниц.
С помощью специальных программ.
Лучше всего делать прототипы с помощью программного обеспечения, которое разработано специально для этих целей. Существует множество программ, которые позволяют быстро создавать простые, “чистые” и удобные прототипы сайтов и даже тестировать их. Полезный софт: Axure, InVision, Adobe Experience Design.
С помощью онлайн-сервисов.
Многочисленные онлайн-сервисы типа Moqups, NinjaMock, BalsamiqMockups, Omnigraffle, позволяют быть более мобильным, а по функционалу не уступают устанавливаемым программам. Такой прототип — самый доступный, поскольку его можно просмотреть и отредактировать с любого устройства в онлайн-режиме.
Преимущества прототипирования:
Разобравшись, что такое прототип, как он создается и каким должен быть, не лишним было бы упомянуть, зачем он вообще нужен и какие преимущества дает при разработке сайта:
- Прежде всего, прототип — это предметная модель, четкая и понятная схема будущего сайта. Гораздо продуктивней обсуждать рабочую модель, чем абстрактные описания: время тратится рациональнее, планирование более эффективно, легче фокусировать внимание на самом важном. Вся работа существенно упрощается.
- Понятно, как именно расположены элементы на странице, каким образом подана информация, благодаря чему существенно уменьшается объем правок и они обходятся дешевле. Клиенту и всем разработчикам проще определить ценность любого изменения.
- Гарантии для клиента от срыва сроков и нерентабельности — для начальных исследований и тестирования прототипа достаточно. Дешевле остановиться на этапе прототипа, чем переделывать потом неэффективный сайт.
- Когда Вы утверждаете прототип, клиент больше не может менять текстовый контент на странице, что частично защищает разработчика от клиентов, которые очень любят менять мнение и бесконечно править.
Как сделать прототип для лендинг пейдж
При создании прототипа необходимо сфокусироваться на тех элементах страницы, которые принесут пользу Вашему бизнесу — будут продавать продукт и мотивировать посетителей совершить целевое действие.
Триггеры первого разворота
Считается, что если первый разворот не заинтересует посетителя в первые 5 секунд, то до конца Вашу страницу и листать не станут. Именно поэтому разработке первого разворота уделяется наибольшее внимание. Какие на нем должны быть триггеры — элементы, провоцирующие посетителя на целевое действие:
- Логотип в верхнем левом углу и дескриптор под ним — короткое описание, объясняющее назначение сайта и суть товара или услуги.
- Блок с контактами в правом верхнем углу, кнопка «Заказать звонок» и т.п.
- Большая сочная картинка, видеофон, видео презентация — визуализация товара или эмоционального эффекта от использования услуги.
- Короткие и емкие заголовки, содержащие уникальное торговое предложение, призывы к действию, скрытые или очевидные выгоды для клиента.
- Форма захвата или целевая кнопка: “Купить”, “Заказать”, “Подписаться”, “Скачать”, и так далее.
Остальные блоки
Содержание следующих разворотов будет зависеть от продукта, целевой аудитории, ниши, географического положения и прочих факторов. Каждый из них необходимо учитывать в структуре, если Вы хотите получить действительно высокую конверсию. Как правило, на любом лендинге можно найти:
- Блок, который описывает проблемы и боль целевой аудитории;
- Блок с презентацией товара или услуги;
- Блок с преимуществами компании;
- Блоки с триггерами гарантий;
- Блок с «цепляющей» акцией, скидкой. Лучше, если она будет ограниченной по времени/количеству;
- Алгоритм работы;
- Блоки с социальными триггерами: отзывами, логотипами партнеров, наградами, фотографиями и так далее;
- Контакты и форма захвата с возможностью задать вопрос.
Как подобрать нужные блоки
Для создания эффективного прототипа крайне важен этап анализа. Без достоверных данных о рынке, целевой аудитории (ЦА) и конкурентах выбор триггеров и блоков будет происходить наобум. Они будут навязчивыми, неуместными и не приведут к продажам. Развороты выстраиваются таким образом, чтобы сайт работал как большая логическая цепочка, которая с каждым следующим блоком подталкивает к покупке. О первом экране мы уже сказали выше. Теперь же разберем подробнее, где и как использовать другие блоки.
СТА (Call to Action)
Призывы к действию обязательны для любой посадочной страницы. Они уже изрядно примелькались — старайтесь быть оригинальными.
Гарантии
Закрывают возражения ЦА и уместно смотрятся на любом лендинге.
Достижения и преимущества
Универсальный блок доказательств, необходимый для высококонкурентных ниш и известных брендов.
Почему мы
Подходит высококонкурентным и оптовым нишам, а также сферам обслуживания, где нужно предоставить более выгодные условия.
Акция с ограничителем (по времени действия или количеству оставшегося товара)
Работает для ЦА с высокой заинтересованностью в товаре и для срочных услуг. Эффект спешки и жадность помогают мотивировать к целевому действию.
Об услугах/отделах компании
Подойдет для комплексных услуг и нескольких товаров с одной областью применения.
Характеристики продукта
Подходит для оптовых продаж и дорогих товаров, высокая цена которых требует определенных пояснений и формирования более четкой картинки предмета вожделения в голове клиента.
Что входит
Подойдет для комплексных услуг, сложных продуктов, организации досуга. Раскладывает блок характеристик на составные части.
Алгоритм работы
Более всего нужен услугам по выезду, новым и сложным сервисам, или там, где товар можно использовать лишь спустя некоторое время.
Кейсы
Необходим инфо-бизнесу, сфере услуг и везде, где важен сам процесс и ноу-хау достижения результата. Убедительная форма демонстрации успеха.
Отзывы
Распространенный блок социальных доказательств, который будет полезен многим посадочным страницам — стадный инстинкт никто не отменял. Лучше всего работает в формате видео.
Сотрудники компании
Подходит сфере услуг и там, где важна социальность и надо показать как именно будет достигнут нужный результат.
Партнеры
Поднимает престиж компании и помогает завоевать доверие посетителя в любых лендингах.
Контакты
Обязательный блок, без которого вообще никак.
Как найти
Карта нужна везде, где без физического присутствия не обойтись.
Калькулятор
Подходит сложным многосоставным товарам и услугам. Любые интерактивные фичи и геймификация очень положительно влияют на конверсию.
Подарок с условием
При грамотном подходе работает всегда. Особенно хорош, если костяк ЦА составляют представительницы прекрасного пола.
Сравнительная таблица
Подходит для пакетов услуг, инфо-бизнеса, инноваций.
Для кого
Нужен подписным страницам, техническим нишам, когда надо завлечь посетителя и продемонстрировать возможности продукта через потребности.
FAQ (часто задаваемые вопросы)
Необходим инновациям и там, где у ЦА возникнет много возражений. Демонстрирует заботу, компетентность и профессионализм компании.
Этот список далеко не полный и носит скорее общий характер. Помните, что каждый блок должен демонстрировать конкретную выгоду потенциальному клиенту. Анализируйте, проводите сплит-тестирование, совершенствуйтесь и думайте головой, если хотите, чтобы Ваш лендинг продавал.
Общие рекомендации
Как еще можно повысить эффективность прототипа и конверсию будущей посадочной страницы:
- Давайте простые и понятные призывы к действию. Делайте несколько разных СТА — если не сработает один, то сработает другой. Размещайте целевые кнопки и формы захвата повторно на протяжении всей страницы, в конце каждого разворота.
- Открытые формы захвата работают лучше закрытых. Не делайте их длинными — берите только те данные, которые реально нужны. Создавайте Thank You Page.
- Чем проще и красивее, тем лучше. Пользователь ленив: не заставляйте его вчитываться в массивы текста, больше визуализируйте информацию, упаковывайте все в клипарты, буллеты, анимацию.
- Продумайте свой собственный стандарт для комментариев и правок в прототипе.
- Не ленитесь отрисовывать все кнопки, формы и попапы.
- Закрепите свой цвет за каждым видом функционала. Маркируйте и подписывайте все элементы, чтобы избежать лишних вопросов в будущем.
- Тренд движется в сторону мобильных пользователей. Делайте дизайн сайта адаптивным, оптимизируйте работу страницы в разных браузерах. Создавайте отдельные прототипы под мобильные устройства.
Быстрое прототипирование
Скорость создания прототипа — весомый фактор при разработке лендинг пейдж. Она зависит прежде всего от навыков и опыта разработчика, используемых средств и уровня детализации. У опытного исполнителя уходит от 15-20 минут на общий прототип-скетч, до 3-4 часов на детализированный интерактивный макет сайта, который будет стоить новичку нескольких дней работы.
Что касается инструментария и средств — даже создание бумажных прототипов можно оптимизировать использованием скетчпадов, штампов и лекал. Что уж говорить о профильных программах и онлайн-сервисах. В них найдется целый арсенал инструментов, ускоряющих и упрощающих работу по прототипированию. Остается выбрать самый подходящий, освоить функционал и просто «набить руку», а это долгий и тернистый путь.
Вывод:
Прототип лендинг пейдж — это ее рабочая схематичная модель. Он нужен для наглядности, упрощения работы, удобства правок, а также служит гарантией и для заказчика, и для разработчика. Чем тщательнее Вы проведете анализ и чем глубже проработаете нишу, тем выше будет конверсия посадочной страницы.
На сегодняшний день существует множество прекрасных инструментов для создания прототипов любой сложности. Выбирайте наиболее удобный для Вас, подходите к процессу прототипирования с умом, и обязательно добьетесь желаемого. А если Вам нужен гарантированный результат — доверьте разработку прототипа профессионалам.
Заказать дизайн лендинга в Москве — YouDo
Чтобы заказать дизайн лендинга, посетите сайт Юду. На YouDo зарегистрировано много опытных программистов, веб-дизайнеров, разработчиков, которые предоставляют полный спектр услуг:
- оформление сайтов
- создание макетов
- разработку индивидуального дизайна web-странички
- установку эксклюзивных шаблонов
- адаптивную верстку сайтов под разные устройства
Программисты, зарегистрированные на Юду, помогут сделать современный веб-сайт и landing page недорого. В процессе разработки специалисты Юду применяют новые технологии и эффективные методы управления контентом CMS.
Исполнители Юду специализируются на создании, продвижении и технической поддержке сайтов разных типов и модификаций. Они гарантируют высокую конверсию ресурса. Специалисты Юду создают сайты и продающие страницы для таких целей:
- оптовой и розничной торговли
- сферы услуг разного рода
- уникальных (эксклюзивных) товаров
- обучающих программ (вебинаров, тренингов и пр.)
Программисты, зарегистрированные на Юду, превратят ваш сайт в эффективный инструмент развития бизнеса в интернете, независимо от того, производитель вы или посредник. Они подходят творчески к каждому заказу и всегда добиваются поставленных целей.
Особенности разработки сайтов
Специалисты Юду глубоко анализируют поставленную задачу. Они доносят пользу продукта (товара или услуги) благодаря качественному контенту, тексту, правильным формулировкам и расставляют важные акценты в дизайне.
Продающая страница, сделанная исполнителями Юду, сочетает в себе все важные нюансы, которые позволяют клиенту сразу понять, о чем идет речь, и какие преимущества он получит.
Правильно оформленные посадочные страницы помогут расширить целевую аудиторию и улучшить посещение сайта.
Специалисты Юду выполняют задание в таком порядке:
- готовят текст и прототип
- создают новый современный дизайн или корректируют имеющийся
- верстают и программируют сайт
- размещают сайт на платном хостинге
- запускают трафик
Все вышеперечисленные действия позволяют получить лучшую эффективность работы сайта. Специалисты помогут отследить и проанализировать посещаемость и другие показатели, чтобы в перспективе их улучшить.
Стоимость услуг специалистов
У специалистов Юду можно заказать дизайн лендинга недорого. На стоимость работы влияет ряд факторов:
- сложность проекта
- тип сайта
- подключение формы онлайн-оплаты
- тестирование и интеграция сайта
- настройка системы администрирования
Узнайте, сколько стоит работа профессионалов из прайс-листа на сайте Юду. У специалистов Юду цены самые доступные в Москве. Убедитесь в этом, ознакомившись с информацией в профилях исполнителей.
Почему стоит обратиться к специалистам Юду?
У специалистов Юду свой особый подход к разработке и продвижению сайтов. Они тщательно анализируют продукт заказчика, чтобы показать клиентам его преимущества. Общая эстетика лендинга создает хорошее впечатление о нем.
После сотрудничества со специалистами Юду вы получите полностью готовый инструмент. Кроме этого, программисты подключают систему администрирования для того, чтобы можно было отредактировать содержимое при необходимости.
Также специалисты отслеживают трафик и другие показатели, отвечающие за развитие ресурса. Они гарантируют высокую конверсию всех проектов, благодаря своему большому опыту и применению современных технологий.
Сотрудничая со специалистами, вы получите ряд преимуществ:
- применение маркетинговых приемов
- использование передовых технологий
- создание качественных продающих страниц
- уникальные дизайнерские решения
Исполнители Юду применяют инновационные приёмы в области интернет-маркетинга и разрабатывают сайты таким образом, чтобы те становились постоянным источником прибыли.
Еще до начала работы специалисты скажут, сколько клиентов они смогут привлечь. Все их проекты имеют индивидуальный дизайн, адаптивную верстку и много других важных компонентов для продуктивного развития.
В результате сотрудничества с исполнителями вы получите простой сайт с удобной навигацией, несложным управлением и качественной графикой. Он будет не только привлекать клиентов, но и собирать их контакты, таким образом, нарабатывая базу постоянных пользователей.
Чтобы заказать дизайн лендинга по доступной цене, оставьте заявку на сайте или позвоните по указанному телефону, и свободные исполнители сразу же предложат вам свои услуги.
Создать лендинг пейдж бесплатно — Конструктор сайтов A5.ru
г. Москва,
пер. Подсосенский, д. 30 стр. 3 этаж , офис 1,18
Телефон: 8 800 500-21-84
Мы работаем ежедневно с 10:00 до 19:00
На сегодняшний день сложно представить любой бизнес без онлайн-ресурса. Возможности, которые открыл интернет в сфере предоставления услуг и продаж товаров, просто безграничны, и не использовать их попросту глупо. Если у Вас еще нет онлайн-платформы, то правильным решением будет создание Landing Page, используя готовые шаблоны продающего лендинга, представленные на сайте А5.ru в широком ассортименте.
Выход на новый уровень
Благодаря конструктору сайтов А5.ru создание коммерческого одностраничника будет под силу даже новичку в сфере IT. Используя шаблоны лендинг пейдж, бесплатно и в короткие сроки Вы сможете реализовать задуманный проект всего за один день. Специалисты нашей компании за 8 лет работы сверстали сотни уникальных, адаптивных шаблонов лендинга html, которые позволили клиентам самостоятельно создать более 2-х миллионов успешных онлайн-площадок.
Оптимальные условия сотрудничества
Сотрудничая с компанией A5.ru открывается огромный спектр возможностей. Одна из ключевых, возможность самостоятельной SEO-оптимизации. Не имея должного опыта в поисковой оптимизации сайтов, Вы всегда можете набраться знаний используя образовательный отдел, в котором представлена вся необходимая, актуальная информация. Стоит выделить ряд и других преимуществ:
- • шаблоны лендинга — бесплатно и в большом ассортименте;
- • техническая поддержка;
- • недорогие тарифные пакеты с бонусной системой. К примеру, если вы выберите тариф Business, то получите доменное имя в зоне RU/COM на 1 год совершенно бесплатно;
- • стабильный хостинг — 100% гарантия работоспособности сайта 365 дней в году 24/7.
Этапы создания продающего одностраничника
Для реализации онлайн проекта необходимо пройти несколько этапов:
- Правильно выбрать шаблон лендинга. Этот этап очень важен, поскольку именно дизайн помогает привлекать новые лиды.
- Составить уникальное торговое предложение, в нем описать все преимущества Вашей компании для клиента.
- Зарегистрироваться на сайте, применить шаблон, разместить контент.
Вот и все! Нужно всего три этапа для создания продающего лендинга. Приступайте прямо сейчас, а уже завтра встречайте новых клиентов.
| ||||||||
Что такое лендинг и зачем он нужен бизнесу
Лендинг — это web-страница, на которую попадают потенциальные клиенты или покупатели. Задача такой страницы — подтолкнуть пользователя к целевому действию. Например, оставить контакты для звонка или совершить покупку.
| ||||||||
|
Хороший лендинг решает свою задачу: если он построен правильно, посетитель превращается в покупателя — отсюда прямая выгода для бизнеса. Как понять, будет ли посадочная страница работать ещё на стадии создания? Какие правила необходимо соблюсти, чтобы добиться результата после запуска? Делимся опытом.
| ||||||||
Секрет #1
Тщательный анализ целевой аудитории
Свою аудиторию важно знать в лицо. Чем увлекается, какие проблемы хочет решить, как в этом поможет ваш продукт и чем он может привлечь конкретных людей. Всю эту информацию важно собрать до начала работы над лендингом. Чем лучше вы знаете целевую аудиторию, тем скорее завоюете её расположение.
Важно помнить, что целевой трафик может быть:
| ||||||||
|
Холодный трафик — люди, которые не знают, что у них есть проблема. Им нужно сначала «продать» её, убедить, что она существует и требует решения. Только потом — дать решение в виде продукта. Войти в доверие такой аудитории сложнее всего.
Тёплый трафик — люди, которые осознают свою проблему и ищут один вариант решения из множества. Они готовы выслушать и вас, и ваших конкурентов. Аудитории важно доказать, что вы лучше конкурентов, а ваш продукт — надёжнее. В этом случае уже не нужно обозначать проблему, задача немного упрощается.
Горячий трафик — люди, которые осознают свою проблему и точно понимают, с помощью какого продукта её нужно решать. Такая аудитория знает, что хочет. Докажите ей, что можете дать высокое качество по лучшей цене, и она ваша. Это самая простая задача для лендинга, поскольку сосредоточиться можно исключительно на пользе продукта и выгодах для клиента.
| ||||||||
Совет:
Определите заранее, какой трафик и как вы будете привлекать — с помощью контекстной рекламы, ретаргетинга в социальных сетях или другими методами. Составьте портрет своей аудитории, подумайте, что её беспокоит и почему ей может подойти ваше решение.
Проанализируйте конкурентов — сравните свой продукт с их предложением, найдите свои преимущества и недостатки. Проследите, как конкуренты продвигают себя, какие средства рекламы используют и не используют. Подумайте, почему.
Так вы поймёте, нужен ли вам лендинг, каким он должен быть, какую информацию и как преподнести.
| ||||||||
Секрет #2
Текст и подача по модели AIDA
Когда идея готова, а анализ целевой аудитории и конкурентов проведён, можно приступать к работе над текстом. Создание текста для лендинга — серьёзная и кропотливая работа, поэтому правильнее всего будет её доверить редактору или копирайтеру.
Вам, как руководителю, нужно понимать, как проверить готовый текст. Здесь на помощь приходит AIDA. Что представляет собой эта модель в маркетинге и как ее использовать?
| ||||||||
AIDA — модель поведения потребителя, которая отражает 4 этапа принятия решения о покупке:
| ||||||||
| ||||||||
Секрет #3
Качественный прототип
Создание прототипа для лендинга — задача редактора, автора или копирайтера. Только эти исполнители знают, на чём в их лендинге нужно сделать акцент.
| ||||||||
|
Сделать прототип можно в Word или Google-документе, выбрав альбомную ориентацию страницы вместо привычной книжной.
Есть и профессиональные сервисы: Figma, Moqups, Axure RP и другие.
| ||||||||
Совет:
Прототип лендинга нужно создавать строго после того, как будет готов и согласован текст. Дизайн должен подчиняться идее, а не наоборот.
Подстраивать длину текстов и количество пунктов нумерованных списков под дизайн некорректно.
| ||||||||
Секрет #4
Правильный макет лендинга и вёрстка
Получив техническое задание в виде прототипа, дизайнер приступает к созданию макета лендинга. Его цель — полностью соблюсти расположение элементов относительно друг друга, превратить сухой каркас в красочный и удобный интерфейс, выбрать цвета и шрифты. Для этого необходимо понимать принципы web-дизайна, о которых мы писали недавно.
| ||||||||
| ||||||||
Совет:
Над лендингом работает целая команда исполнителей. Не рекомендуем взваливать всё на одного человека, это негативно отразится на результате.
Команда должна иметь опыт в разработке прототипов лендингов, макетов, вёрстке, а также в текстовом наполнении. Поскольку посещение лендинга покупателем — один из ключевых этапов онлайн-продаж, к его созданию нужно подойти серьёзно.
Исполнителей можно найти среди фрилансеров — тогда вам, как руководителю, придётся управлять их работой и контролировать сроки. Нужно будет решить вопрос с договорами об оказании услуг и NDA, чтобы вас не оставили без лендинга и денег, а внутреннюю информацию компании не распространили.
Если у вас нет времени и желания заниматься такой работой, доверьте создание лендинга web-студии или digital-агентству — тогда от вас потребуется только подписать готовый договор, заполнить бриф, обозначить сроки и быть на связи для уточнения деталей. Управление исполнителями и доведение результата до идеала такие компании берут на себя.
| ||||||||
Секрет #5
Продуманная маркетинговая стратегия
Вы должны чётко понимать, на каком этапе воронки продаж покупатель попадает на лендинг и достаточно ли он «тёплый», чтобы совершить целевой действие, например, покупку.
Предшествовать лендингу может:
| ||||||||
Понравилась статья?
Поделитесь с коллегами, расшарьте в соцсетях и подпишитесь на нашу рассылку: с WEBELEMENT вы всегда будете в курсе трендов digital-маркетинга
| ||||||||
| ||||||||
|
Дизайн целевой страницы Вдохновение для вашего следующего макета
Имеет ли значение красота? Что ж, когда дело доходит до дизайна целевой страницы, он определенно может повлиять на восприятие вашего предложения. В конечном итоге, если ваши целевые страницы не выглядят хорошо или не соответствуют рекомендациям, ваши конверсии могут пострадать.
Целевые страницы с хорошим дизайном часто конвертируются лучше, чем плохие, и разница может быть значительной. Если все сделано правильно, дизайн должен поддерживать текст на вашей странице и работать со всеми другими элементами, побуждая посетителей к действию.
Но сначала: каковы некоторые передовые методы проектирования?
Ниже мы собрали множество примеров отличного дизайна целевой страницы от клиентов Unbounce. Но прежде чем поделиться ими, давайте рассмотрим некоторые характеристики, которые мы обычно видим на отличных страницах:
Они сверхфокусированы
Хорошая целевая страница имеет только одну цель: побудить посетителей выполнить одно действие, которое вы хотите, чтобы они сделали, и перерабатывать. Вот почему на многих целевых страницах нет меню или множества внешних ссылок. — вы хотите, чтобы ваш посетитель выполнил призыв к действию, а не ушел и не отвлекся.
Они продолжают прокрутку до минимума
Было бы здорово включить дополнительную информацию о вашем предложении на страницу, но посетители должны иметь все необходимое, включая кнопку CTA, без прокрутки в течение дней. Хотя длинные целевые страницы могут конвертироваться в случае сложных предложений, рассмотрите возможность использования лайтбоксов для демонстрации дополнительной информации вместо добавления множества разделов страницы.
Они используют релевантные привлекательные визуальные эффекты
Для удивительного дизайна требуются яркие изображения.Независимо от того, насколько технически ваше предложение (см. Пример Panoply ниже), вам нужно что-то, чтобы разбить текст. Ваши изображения должны быть интересными, актуальными и соответствовать вашему бренду. . Они также должны побуждать посетителей сканировать целевую страницу и останавливаться на кнопке с призывом к действию.
Они поддерживают единый брендинг
Дизайн вашей целевой страницы должен соответствовать вашему общему виду , чтобы посетители могли мгновенно узнать и связать ее с вашим брендом.Обычно это означает использование той же цветовой схемы и элементов дизайна, что и на вашем обычном веб-сайте. Однако это может быть непросто, потому что целевые страницы должны выглядеть иначе, чем ваш веб-сайт в целом — они, как правило, проще и не включают, например, навигацию. Тем не менее, брендинг и цвета часто остаются прежними.
Они используют шаблоны F или Z
Исследования показывают, что глаза большинства людей перемещаются по веб-сайту по шаблону F или Z . Лучший дизайн целевой страницы обычно учитывает эти закономерности.Например, наличие вертикального визуального элемента слева с заголовком вверху справа и кнопкой CTA немного ниже справа позволяет посетителям следовать шаблону F и в конечном итоге смотреть прямо на ваш CTA.
Не уверены, способствует ли конверсиям ваш текущий дизайн? Попробуйте наш анализатор Unbounce Landing Page Analyzer и посмотрите, как ваша целевая страница оценивается по девяти различным категориям эффективности.
Само собой разумеется, что красота — не единственное, что нужно учитывать при оценке дизайна целевой страницы.Вы хотите, чтобы страницы выглядели хорошо, но они также должны конвертироваться. Всегда сочетайте привлекательный внешний вид с исследованиями поведения посетителей, чтобы создать особенно 9 943 эффективных страниц.
Вот здесь-то и начинается тестирование. В зависимости от вашей отрасли мы действительно наблюдали невероятно простые и недооцененные страницы, работающие безумно хорошо — никаких изменений дизайна не требуется.
А теперь давайте посмотрим на несколько красивых дизайнов!
Лучшие примеры дизайна посадочных страниц
1.Индокитай
Изображение любезно предоставлено Indochino. (Щелкните изображение, чтобы увидеть полную страницу.)
Если вы создаете красивую целевую страницу, это помогает иметь привлекательный продукт, о чем уже рассказала компания Indochino. Страница, созданная с помощью Unbounce выше, является примером того, как Indochino предлагает не только сшитые на заказ костюмы, но и красивые целевые страницы.
Вот что, по нашему мнению, делает дизайн этой целевой страницы потрясающим:
- Отличные визуальные эффекты : Если у вас есть привлекательный продукт, продемонстрируйте его.Здесь мы можем увидеть модели костюмов Indochino, а динамическая поза помогает посетителям увидеть, насколько учтиво выглядит продукт в контексте использования.
- Использование места : Не менее важно, что посетители имеют всю необходимую информацию без тонны прокрутки. Кнопка CTA заметна и сфокусирована. Дизайн этой страницы простой и сдержанный, но он выполняет свою работу.
- Фирменный : текст заголовка здесь набран шрифтом, похожим на логотип компании, что помогает создать ощущение единообразия бренда.
Страница, которую мы видим здесь, создана специально для мужчин в Калгари и призвана побудить их к действиям вне сети. (Хорошо, сначала нужно записаться на прием через Интернет, а затем физически посетить новый выставочный зал.) Часть успешного дизайна целевой страницы — это создание предложений, ориентированных на определенную аудиторию, что в Индокитае уже освоено.
Это целевая страница на самом деле , поэтому адаптирована так, чтобы мелкие детали не имели смысла для тех, кто не живет в Калгари.Вы можете пропустить, например, что Chinook Center — это торговый центр, но эта страница предназначена для тех, кто это уже знает.
2. Зола
Изображение любезно предоставлено Золя. (Щелкните изображение, чтобы увидеть полную страницу.)
Если вы работаете в свадебной индустрии, например, в интернет-магазине / магазине подарков Zola, вы знаете, что дизайн имеет значение. Пример страницы выше демонстрирует продуманный дизайн компании, предлагая простую и элегантную целевую страницу для невест и будущих женихов.
Вот что делает страницу Zola привлекательной:
- Единый брендинг : Это не сразу видно, если вы первый раз, но бренд Zola использует оттенки голубовато-серого (см. Сердечки на логотипе компании).Фон сохраняет эти цвета, а также обеспечивает отличный контраст для изображений — этот белый свадебный торт нуждается в контрастном фоне, чтобы выделяться.
- Simplicity : Главный сайт электронной коммерции Zola довольно загружен. Если целевая страница включала какую-либо из стандартных элементов навигации, посетители могли отвлекаться, щелкая мышью вместо запуска своего реестра, что и является целью страницы. Сохранение простоты означает, что больше посетителей завершат действие, вместо того, чтобы бесцельно бродить по веб-сайту.Эта страница идеально подходит для направления их платной рекламы, чтобы снизить цену за клик.
3. Lujo
Изображение любезно предоставлено Lujo. (Щелкните изображение, чтобы увидеть полную страницу.)
Целевая страница с Z-образным шаблоном, разработанная для Lujo гуру по конверсии в цифровом агентстве KlientBoost, может предоставить массу контекста, но не перегружена. Вы можете возразить, что здесь есть два призыва к действию — покупка коллекции и просмотр видео. Луджо это сходит с рук, потому что видео представлено так незаметно, как продолжение фотографий продукта.Понятно, что самый важный призыв к действию на этой странице — проверка коллекции шезлонгов.
Вот что нам нравится на этой странице:
- Потрясающие (и согласованные) визуальные эффекты : не только отличная фотография продукта, но и поддержка Z-шаблона дизайна целевой страницы, усиливающая посыл бренда. Слоган Луджо — «поставь жизнь на паузу», и все, что есть в визуальных эффектах на этой целевой странице, усиливает этот бренд — от шляпы от солнца, покоящейся на видеобоксе, до туфлей и чая со льдом.Дизайн должен работать рука об руку с обменом сообщениями, чтобы текст и изображения объединялись для создания общего впечатления, которое имеет смысл. У Lujo это хорошо получается на этой целевой странице.
- Очевидно USP : Прямо под фотографиями Lujo формулирует — с текстом и элементами дизайна — три уникальных аргумента: бесплатная доставка, пятилетняя гарантия и новозеландское мастерство. Нахождение способа тонко внедрить эти три идеи в дизайн означает, что посетителю, возможно, не придется продолжать изучение, прежде чем нажимать эту кнопку CTA — они видят эти основные преимущества, и это может заключить сделку.
4. Panoply
Изображение любезно предоставлено Panoply. (Щелкните изображение, чтобы увидеть полную страницу.)
В отличие от некоторых других примеров, инструмент анализа данных Panoply не имеет особо привлекательного продукта, который можно было бы продемонстрировать — я имею в виду, в конце концов, это аналитическое программное обеспечение, а не шикарный костюм. Но целевая страница Panoply (разработанная Directive Consulting) является великолепным свидетельством того факта, что дизайн и красота важны даже для технических продуктов и услуг B2B.
Это то, что, по нашему мнению, делает эту целевую страницу красивой (и эффективной):
- Умные визуальные эффекты : Творческая демонстрация пользовательского интерфейса Panoply в тонкой (но понятной) форме — одна из самых больших побед этой целевой страницы. . Интересные визуальные эффекты всегда важны, даже если продукт не подходит для фотографии.
- Социальное доказательство : Включая в первую очередь отраслевые награды и отзыв от GoDaddy — и делая это таким образом, чтобы он соответствовал общему дизайну, — еще один замечательный штрих.Посетителю не нужно никуда переходить на целевой странице, чтобы знать, что отраслевые эксперты доверяют Panoply.
5. Daily Harvest
Изображение любезно предоставлено Daily Harvest. (Щелкните изображение, чтобы увидеть полную страницу.)
Использование изображений для вызова сильной эмоциональной реакции может быть не проще для любого продукта, чем для еды. (Людям достаточно одного взгляда, чтобы понять, хотят ли они положить что-то в рот.) К счастью, Daily Harvest предлагает великолепную линейку здоровых закусок, и они сделали правильный выбор дизайна, чтобы продемонстрировать это на этой площадке. страница.
Вот что нам нравится на этой странице:
- Анимированные изображения : Daily Harvest было бы легко использовать здесь статичное изображение одного из своих смузи, но бренд пошел еще дальше. Этот анимированный снимок героя очень увлекателен — смузи выглядит так, как будто я мог бы съесть прямо сейчас, если бы не этот проклятый экран компьютера, — а инструкции в формате GIF помогают мне сразу понять, как работает эта служба.
- Примеры продуктов : Остальная часть целевой страницы заполнена множеством прекрасных изображений продуктов.Одно дело сказать мне, что у вас огромный каталог питательных угощений, и совсем другое — показать мне реальные примеры блюд, которые я могу заказать после регистрации.
Все эти гладкие анимации великолепны, но они могут привести к кошмарному времени загрузки на мобильных устройствах. Ознакомьтесь с отчетом Unbounce по скорости страницы за 2019 год и узнайте, как другие маркетологи оценивают скорость страницы и красоту.
6. Greats
Изображение предоставлено компанией Greats. (Щелкните изображение, чтобы увидеть полную страницу.)
Мода — это социальная идентичность, и для брендов важно демонстрировать атрибуты, которые потребители хотят приписывать себе: такие вещи, как подлинность, качество и круто .Эта целевая страница обувного бренда Greats (созданная компанией WITHIN) отлично справляется с задачей создания бренда с помощью дизайна, при этом побуждая посетителей к конверсии.
Вот почему мы думаем, что это (о нет, не говорите этого) «отличный» пример дизайна целевой страницы:
- Великолепное видео : вся эта целевая страница довольно гладкая, но что действительно выбивает ее о парке — видео чуть ниже сгиба. Мало того, что стиль анимации остановки выглядит потрясающе, он также дает великим шанс подробно рассказать о своем уникальном торговом предложении — по одному стежку за раз.Посмотрите это на YouTube ниже.
- Правило трех : Greats применяет правило трех во всем этом макете, делая заявления о преимуществах визуально поразительными и легко усваиваемыми.
- Для мобильных устройств : эта целевая страница выглядит так же хорошо на мобильных устройствах, как и на компьютерах. Учитывая, что к 2021 году на мобильную связь, по прогнозам, будет приходиться 54% всех продаж электронной коммерции, как никогда важно, чтобы потребители находились в пути.
7. Unbounce
Изображение предоставлено Unbounce. Эй, это мы! (Щелкните изображение, чтобы увидеть полную страницу.)
Если мы действительно так говорим, эта недавняя целевая страница нашего бренда отлично показывает, а не говорит. Мы все замедляли работу веб-сайтов и сразу же уходили с них — но что это значит для маркетологов? Конечно, мы могли бы объяснить с помощью кучи текста, но анимация в правой части этой страницы действительно дает понять, почему быстрая загрузка целевых страниц обязательна.Дизайн этой целевой страницы соответствует эффективному F-образцу, и трудно отвести взгляд от падения коэффициента конверсии в анимации.
Вот то, что, на наш взгляд, выглядит здесь отлично:
- Анимация : Время загрузки целевой страницы — не самая простая вещь, которую можно показать на статическом изображении (как мы обнаружили), но это очевидно после добавления анимации.
- Визуальная иерархия : Встраивание наиболее важной информации в этой анимации в общий макет F помогает посетителям читать.Анимация — и содержащиеся в ней визуальные элементы — помогают сделать то, что в противном случае могло бы быть довольно скучной целевой страницей, более динамичным и интересным.
- Функции текста : Мы забили эту целевую страницу статистикой, чтобы подтвердить наши утверждения о медленной загрузке страниц, и мы хотим, чтобы эти цифры появлялись, поэтому они часто выделяются жирным шрифтом. Если на целевой странице много текста, разбейте его на отдельные абзацы и выделите важную информацию жирным шрифтом. Это облегчает посетителям сканирование и принятие мер.
Не думаете, что у вас есть навыки, чтобы ваши страницы выглядели так хорошо? Просмотрите нашу огромную коллекцию шаблонов целевых страниц и убедитесь, как легко создать и опубликовать что-то красивое самостоятельно, без разработчика.
В конце концов, когда дело доходит до создания красивых и эффективных целевых страниц, речь идет о сочетании чувства дизайна с пониманием того, как люди ведут себя при просмотре веб-страниц. При разработке следующей целевой страницы используйте лучшее из обоих миров, наблюдая за размещением призывов к действию, выбирая фотографии и визуальные эффекты продуктов, балансируя текст заголовка и обеспечивая, чтобы элементы вашего дизайна выглядели хорошо и приводили к конверсиям.
Если вы все еще не чувствуете вдохновения после всех этих великолепных примеров, у нас есть еще больше целевых страниц, созданных с помощью Unbounce. (Что мы можем сказать? Наши клиенты действительно хороши в этом .) Взгляните на некоторые из приведенных ниже функций:
- Доказательство тому — пудинг. Ознакомьтесь с коэффициентами конверсии, советами инсайдеров и более красивым дизайном, прочитав 12 целевых страниц с высокой конверсией (которые заставят вас пожелать, чтобы вы их создали).
- Все еще не чувствуете? Мы тебя прикрыли.Вы найдете массу вдохновения и новых идей для целевых страниц в книге «Лучшие примеры целевых страниц, которые вы должны сохранить для своего файла Swipe».
- Иногда создание целевых страниц для мобильных кампаний — это совсем другое дело. Вот примеры мобильных целевых страниц, которые вам не по зубам.
- Наконец, если вы продвигаете приложение для iOS или Android, не ищите ничего, кроме этих невероятных примеров целевых страниц для мобильных приложений, прежде чем начинать создавать свои собственные.
Наука за правильным преобразованием смеси
Макеты целевых страниц в наши дни — вещь прекрасная, и есть много советов, как их создавать.Для начала задайте следующие вопросы, которые помогут вам решить, в каком направлении должна двигаться ваша страница и какие разделы наиболее важны для включения:
- Для какого бизнеса вы создаете страницу? Это компания B2B, предлагающая сырье или услугу? Это компания B2C?
- Что продает бизнес?
- Какое отношение имеет UVP к тому, что продает бренд?
- Это физический продукт? Если да, то какая часть продукта будет наиболее важной для демонстрации на главном изображении? Людям нужно знать, что они получают, иначе они не предоставят информацию о потенциальных клиентах.
- Как они продают?
- Следит ли за продажами? Через 24 часа? В течение часа? Обязательно сообщите об этом своим зрителям. Ясность — ключ к успеху.
Чем более подробно и легче понять эти детали в вашем копирайтинге , тем удобнее посетителю будет предоставлять свою информацию.
Важно, однако, не давать слишком много информации, чтобы она отпугивала зрителя. Например, вы не хотите говорить им: «Заполните форму ниже, чтобы мы могли вам позвонить.«Многие люди не хотят, чтобы им звонили по телефону. Вы можете связаться с ними по телефону, но им не нужно об этом знать. 😉
Вместо этого скажите: «Расскажите нам больше о себе, чтобы мы могли дать вам индивидуальное предложение». Это говорит о том, что вы уделяете внимание важности зрителя и что он получит индивидуальную цитату, соответствующую их потребностям. И вы все равно можете позвонить им, если потребуете ввести номер телефона. 🙂
И разговор продолжается и продолжается.Чем лучше вы понимаете своего клиента, тем проще будет создать страницу с высокой конверсией.
Рассмотрев все эти вопросы, сегодня мы собираемся сосредоточиться на целевой странице двух собственных клиентов KlientBoost, CareChoice и EZBind. Мы поймем, что у них сработало и почему их страницы успешны.
Теперь поищем всех графических дизайнеров с классическим образованием.
Объявление дизайнера
Разработка целевых страниц — это не то же самое, что создание нового логотипа для нового бренда.Иногда необходимо использовать уродливый неоново-зеленый цвет (особенно для кнопок с призывом к действию), но это нормально. Обещать.
Лучше привлечь внимание нового потребителя, чем быть красивой. Сейчас вы сосредоточены на конверсиях.
Это может показаться излишним, чтобы вас предупредить, но, как дизайнер, я должен был научиться отказываться от некоторых вещей, таких как неоново-зеленый цвет. Если вы работаете с интересным брендом, у вас будет возможность создать несколько классных страниц.А если вы работаете с не очень успешным брендом, постарайтесь поговорить со своим клиентом о том, чтобы немного отойти от бренда. У вас все еще есть возможность создать что-то чистое и красивое, что приведет к отличным результатам.
Итак, давайте рассмотрим компоненты целевой страницы, которые идеально подходят для увеличения числа конверсий.
Мы прерываем ваше обычное программирование, чтобы провести для вас этот очень важный урок анатомии !
Идеальная анатомия целевой страницы
Теперь, прежде чем мы перейдем к на самом деле , нам нужно взглянуть на основную анатомию целевой страницы.
Дизайн целевой страницы состоит из семи основных частей, поэтому давайте разберем его:
Трафик
Не весь трафик одинаков. Отслеживайте свои поисковые запросы и критерии таргетинга, чтобы избежать эффекта айсберга и получить самый качественный трафик для потенциальных клиентов или кампаний электронной коммерции.
Призыв к действию
Это самый важный элемент любой хорошей целевой страницы. Отразите температуру вашего трафика на угрозе вашего CTA. Обычно это самая быстрая процедура, которую вы можете протестировать, чтобы увидеть самые впечатляющие результаты.
Заголовок и подзаголовок
Здесь вы говорите своим посетителям, чего они могут ожидать (подсказка: отразите конечную цель посетителя), а затем поддерживаете это.
Выстрел героя
Используйте визуальный элемент в сочетании с контекстом использования, чтобы посетители знали, чего они могут ожидать от вашего продукта или услуги. Ознакомьтесь с этим подробным руководством, которое мы создали, если вам нужна дополнительная помощь.
Преимущества и особенности
Здесь вы убеждаете своих посетителей, ПОЧЕМУ им следует совершать конверсию на вашей целевой странице, четкая копия является ключевым моментом.
Социальное доказательство
Повысьте вероятность конверсии, выделив отзывы клиентов, которые выдвигают возражения.
Страница подтверждения
и что происходит после
Давайте начнем с благодарности. Но то, что сделка сделана, не означает, что ваша работа на этом остановится. Вы хотите создать постоянного клиента, который будет продолжать покупать или кричать ваш бренд с крыш о том, какой вы классный (слишком много? Ну, обзора или тематического исследования тоже может хватить).
Посмотрите эту графическую картинку ниже, чтобы увидеть забавный пример использования вышеуказанных 7 атрибутов
Помните:
«Важно знать, что делать на целевой странице, чтобы сделать ее более здоровой, сильной и, что еще более важно, более высокой конверсией».
Помните, ключ к успешной целевой странице — это постоянное тестирование, чтобы вы могли вносить улучшения и развивать свой бизнес еще быстрее.
… А теперь вернемся к программированию регулярного расписания 🙂
Целевая страница
Разбивка CareChoice
Теперь мы рассмотрим каждый раздел целевой страницы CareChoice и объясним, почему одни элементы важнее других.
Наиболее распространенными разделами целевой страницы являются раздел героев, раздел социальных доказательств, раздел функций, раздел «Как это работает» и, как правило, завершение страницы нижним колонтитулом. Некоторым страницам не нужны все эти разделы, но чем больше вы знаете о каждом разделе и информации, которую он передает пользователю, тем лучше вы сможете решить, что должно и не должно принадлежать вашей странице. Мы подробно рассмотрим каждый из этих разделов ниже.
Для начала я расскажу немного о CareChoice .CareChoice — это компания B2C, которая подбирает для вас или вашего любимого человека лучшее жилье с обслуживанием в районе Атланты, штат Джорджия.
Теперь, когда у вас есть небольшая предыстория CareChoice, давайте сначала займемся разделом Hero.
Раздел героев
Ниже приведены два варианта недавнего раздела о героях CareChoice. Первый вариант имеет заголовок, который больше ориентирован на читателя (и для этого используется второе лицо), но обратите внимание, что призыв к действию «Начать работу» немного расплывчатый.
Вариант изображения героя CareChoice 1
Второй вариант больше ориентирован на то, чтобы дать потребителю знать, что CareChoice имеет «базу данных» ожидающей его информации. Призыв к действию более сфокусирован здесь: «Получить доступ к объявлениям».
Угадайте, какой вариант, по вашему мнению, выиграл?
Вариант изображения героя CareChoice 2
И победил… Вариант 2. Но это интересно.
Почему? Потому что обычно страница с более высокой конверсией больше ориентирована на потребителя, используя более персонализированный язык, например, выбирая слово «Вы» вместо, скажем, «Бренды», чтобы привлечь внимание.
Однако победил второй вариант с более целенаправленным призывом к действию. Это помогает нам сделать вывод о важности того, чтобы люди знали, что произойдет на следующем этапе.
Можно предположить, что трафик, переходящий на эту страницу, немного теплее, потому что поиск дома престарелых специфичен. И если кто-то это ищет, скорее всего, они уже решили, что эта услуга им нужна. Так что сказать им, куда они пойдут дальше, очень важно, особенно если они уже знают, чего хотят.
Одним из наиболее важных аспектов раздела «Герой» является текст заголовка.
Помните, что у вас есть всего около 5 секунд до того, как ваш потенциальный клиент решит остаться или покинуть вашу страницу.
В этом втором варианте копия проясняет, что, выбрав CareChoice, вы получите множество информации, готовой к поиску лучшего медицинского учреждения.
Можете ли вы представить себе, какой будет отличный дополнительный тест для этой страницы? Копия теста.
Поскольку мы находим, что людям нравится слово «база данных» (т. Е. Кажется впечатляющим, что у нас есть много разного рода информации, ожидающей вас…), и рекомендуется использовать слова, ориентированные на потребителя, Новый замечательный заголовок будет звучать так: «Получите доступ к нашей базе данных, чтобы у ВАС была самая лучшая помощь в жизни в Грузии».
И, как вы могли догадаться, уточняющие вопросы тоже важны. Квалификационные вопросы могут помочь клиенту получить необходимую информацию о своем клиенте, но, что еще более важно, уточняющие вопросы используются как психологический прием, чтобы вовлечь потребителя и заставить его поверить в то, что вы заинтересованы в том, что ОНИ нуждаются.
Смотрите? Еще один пример сосредоточения разговора на них, а не на себе.
И последнее: убедитесь, что изображение героя дает вам хорошее представление о том, что вы пытаетесь продать. Хороший тест при определении того, есть ли у вас успешное изображение героя, — это посмотреть на изображение без копии, чтобы увидеть, можете ли вы определить, в чем суть страницы.
Если вы не можете, вы, вероятно, не выбрали отличное изображение .
Хорошо … фуууу. Здесь есть над чем подумать, и, конечно же, это только начало.Переходим к разделу социальных доказательств.
Социальное доказательство Раздел
В этом разделе интересно рассмотреть то, что существует множество способов найти хорошее социальное подтверждение доказательство . Некоторые сложности, с которыми я столкнулся с клиентами, заключаются в том, что, когда вы запрашиваете социальное доказательство, они могут ответить, что у них его нет.
Тем не менее, вам следует работать еще сильнее. Потому что, даже если они не думают об этом, у каждого есть какое-то социальное доказательство. Они просто могут этого еще не осознавать.
С CareChoice, поскольку они работают не напрямую с другими компаниями, а с отдельными лицами, нам пришлось подумать о способе связать их с другими хорошо известными компаниями.
Когда мы изначально начали поиск отзывов клиентов, мы поняли, что в Facebook, Google и The Real Yellow Pages было опубликовано около 20 отзывов клиентов в каждом месте с рейтингом 5 звезд.
Разве не здорово ?!
Несмотря на то, что CareChoice не работает напрямую с хорошо известными компаниями, у нас есть возможность связать их с другими хорошо известными компаниями.
Важность этого опять же психологическая. Многие люди могут узнать эти три логотипа и знать, что это хорошие, устоявшиеся компании.
Добавление звезд визуально под ними добавляет еще один бонус.
Коммуникация носит визуальный характер, и сообщение быстро доходит до потребителя:
«Вы можете доверять CareChoice, потому что эти авторитетные компании связаны с нами, и наши клиенты оставили нам хорошие отзывы на своих страницах».
Социальное доказательство CareChoice
Цитаты довольных клиентов также являются очень важной частью вашей страницы.
Подумайте об этом: вы бы предпочли поговорить с таким покупателем, как вы, чтобы проверить, хороша ли эта услуга, или с кем-то, с кем вы не можете общаться, например, с продавцом из этой компании (который явно предвзято, потому что они пытаются продать товар / услугу)?
Конечно, от кого-то вроде тебя.
Потребители с гораздо большей вероятностью совершат конверсию, когда увидят, что кто-то вроде них рекомендует услугу или продукт. Как видите, наличие этих отзывов на вашей странице делает ваш сервис более убедительным и заставляет вас казаться более привлекательным и представительным.
Давайте сосредоточимся на разделе отзывов дальше…
Раздел отзывов
Этот раздел отзывов также важен, потому что это хороший способ поддержать раздел социальных доказательств.
Давайте взглянем на 4 вещи, которые вы можете найти в хороших цитатах:
- Довольные клиенты, использующие позитивный язык
- Проблема клиента, которая объясняется, а затем решается с помощью службы, предоставляемой указанной компанией
- Данные (хотя у нас нет отзывов, написанных ниже, это всегда высококачественный способ показать потенциальным клиентам, что ваш продукт или услуга хорошо зарекомендовали себя для других)
- Видео-отзывы, точка.Людям нравится видеть настоящее лицо и слышать настоящий голос. Если у вас есть возможность разместить на своей странице видео, где кто-то объясняет, почему им так нравятся ваши услуги или продукт, скорее всего, эти конверсии резко вырастут.
Раздел отзывов CareChoice
Мы обсудили верхнюю половину страницы. Давайте перейдем к более подробным разделам, в которых объясняются услуги, предоставляемые CareChoice.
Здесь мы переходим к разделу «Что мы делаем».
Что мы делаем Раздел
Поскольку CareChoice — это услуга, добавление этого раздела важно для общения с потенциальными клиентами, что именно представляет собой эта услуга.Этот раздел дает пользователям уверенность в том, что вы делаете, и объясняет, ПОЧЕМУ вы им нужны.
Обратите внимание еще раз, что большая часть языка написана от второго лица с «Ты» и «Сам». Опять же, всегда максимально сосредотачиваясь на потребителе.
В будущем отличным тестом для этого раздела будет включение пошагового описания процесса поиска подходящего объекта.
Раздел услуг CareChoice
При поиске услуги у людей обычно возникает много вопросов о том, что они получат от этой услуги.Итак, еще один отличный раздел для включения на страницу обслуживания — это раздел часто задаваемых вопросов. Поскольку этот сайт специально ориентирован на услуги престарелых, лучше всего отвечать на те вопросы, которые помогают людям понять, что такое вспомогательное проживание, и, опять же, ПОЧЕМУ им это НУЖНО.
Раздел часто задаваемых вопросов
Наличие раздела часто задаваемых вопросов также полезно для вашего отдела продаж. Если ваш потенциальный клиент прочитает раздел часто задаваемых вопросов, когда он начнет разговаривать с представителем, ему не придется объяснять столько, потому что ваш клиент будет лучше знать, что вы продаете и как это работает.
Люди могут ответить на следующие вопросы, в частности, для CareChoice:
- Как мне узнать, какое проживание с уходом лучше всего подходит для моих конкретных потребностей?
- Какие услуги предоставляются?
- Сколько стоит вспомогательное проживание?
- Как мне платить за вспомогательное проживание?
Раздел часто задаваемых вопросов по CareChoice
И последнее, но не менее важное: у нас есть нижний колонтитул. Этот раздел дает вам последний шанс убедить зрителей в том, что они должны быть заинтересованы в ваших услугах.Это должно быть мотивационным и продвигать зрителя вперед при нажатии на эту кнопку с призывом к действию. Я скажу еще раз: речь всегда идет об использовании языка, который позволяет зрителю понять, что все дело в них.
Нижний раздел CareChoice с призывом к действию
Этот раздел должен включать логотип компании и ссылки на любую другую важную информацию. например, Политика конфиденциальности, Условия использования и т. д.
Нижний колонтитул CareChoice
Имейте в виду, что есть много других разделов, которые вы можете добавить на страницу:
- Раздел «Преимущества», в котором рассказывается о положительных результатах использования ваших услуг или продуктов.
- Раздел «Как это работает» может рассказать потенциальным клиентам, как они могут ожидать от вашего продукта или услуги работы.
- Раздел «Функции», в котором может отображаться список того, что включено в продукт или услугу.
На этом мы в значительной степени завершаем изучение целевой страницы CareChoice. Надеюсь, это даст вам несколько хороших идей для вашей собственной страницы и поможет вам достичь этих целей.
Мы будем праздновать вместе с вами, когда эти конверсии будут осуществлены.
Разрушение целевой страницы EZBind
Еще один клиент, с которым мы работали, — EZBind. EZBind — это компания B2C, занимающаяся страхованием строительных подрядчиков.
Раздел героев
Вот два снимка раздела героев EZBind:
EZBind вариант героя 1
EZBind вариант героя 2
Эти два варианта очень похожи.
Самая большая разница здесь — это призыв к действию «Получить мое бесплатное предложение» и «Начать работу».
Я расскажу вам о грядущем секрете… Мы в KlientBoost замечаем, что чем больше мы экспериментируем с кнопками CTA, тем лучше было использовать более расплывчатый CTA, например «Начать». Причина — это низкое обязательство CTA . Если вы можете заинтересовать своего зрителя настолько, что нажмите «Начать», тогда вы продаете его на Шаге 2.
Страница, на которой был главный раздел «Начать», в конечном итоге выиграла, и конверсия выросла на 8%.Итак, мы перешли к новому тесту в разделе героев.
Отказ от ответственности при тестировании под кнопкой CTA
Мы создали небольшой тест и добавили заявление об отказе от ответственности под кнопкой CTA, в котором говорится: «Кредитная карта не требуется».
Этот тест увеличивает конверсию до 9%. Что мы можем узнать из этого теста, так это то, что зрительская аудитория озабочена предоставлением информации о кредитной карте, и иногда небольшой тест может иметь большое значение для вашей страницы.
Поскольку мы уже некоторое время работаем с EZBind и оптимизировали страницу так, чтобы она находилась в хорошем месте, создание небольших микротестов — хороший способ продолжить оптимизацию страницы, которая уже имеет высокий коэффициент конверсии.
Результаты тестирования отказа от ответственности
Итак, имейте в виду, когда ваша страница работает хорошо, создавайте меньшие (дымовые) тесты. Никогда не знаешь, какой тест повысит конверсию.
Давайте перейдем к следующему разделу, чтобы узнать больше о том, как дать ответ на вопросы клиента «Почему?».
Раздел «Почему EZBind»
Естественно, у людей возникнет много вопросов о причинах, по которым они должны выбрать EZBind для страхования своих подрядчиков.Подобно разделу «Что мы делаем» на странице CareChoice, этот раздел для EZBind убеждает потребителя, почему EZBind — лучший вариант.
Раздел «Почему EZBind»
Опять же, при написании текста этого раздела убедитесь, что он был ясным и кратким. Запишите наиболее важные преимущества и продолжайте переписывать и разъяснять. Чем яснее и лаконичнее ваше сообщение, тем легче кому-то будет принять решение о конверсии.
Еще одна важная вещь, которую следует учитывать, — это пункты маркированного списка под заголовком над описанием.Зрители могут никогда не прочитать ваше описание. Убедитесь, что ваши подзаголовки просты для понимания и привлекают внимание.
Теперь, когда мы обсудили раздел «Преимущества», давайте пройдемся по отзывам.
Раздел отзывов
Как я уже говорил в отношении CareChoice, очень важно получать положительные отзывы клиентов. В рамках этого, один из самых сильных отзывов здесь — тот, который находится слева, который напрямую обращается к EZBind и благодарит его за их «быстрый ответ».”
Это лучший способ показать зрителям на странице, что EZBind — лучший вариант. Кто-то другой, как они, выражает добро в EZBind, и это выражение оказывается на странице, которую мы создали.
Раздел отзывов
Этот последний раздел заканчивается тем же призывом к действию, что и раздел героев. У вас есть два варианта. Вы можете либо сразу связать нижний призыв к действию со страницей второго шага, либо связать его, чтобы прокрутить вверх до раздела героев.
Если вы выберете последний вариант, не забудьте добавить на свою страницу сценарий гладкой прокрутки .
В противном случае ваши клиенты могут почувствовать это:
Нижний колонтитул
Завершение макета целевой страницы
Итак, в заключение, вот несколько моментов, которые следует запомнить:
- Несмотря на то, что на эстетически приятные страницы приятно смотреть, визуальная ясность важнее. Помните 5-секундный тест.
- Копия — самая важная часть вашей страницы. Возможно, ваш заголовок в разделе о героях — , — самые важные. Убедитесь, что вы знаете, что UVP.
- Отличные обзоры и социальные доказательства — большая поддержка для дела, которое вы указали в разделе о героях. Убедитесь, что эти отзывы положительны, и покажите зрителям, почему вы лучше всего соответствуете их потребностям.
- Разделы «Часто задаваемые вопросы» и «Преимущества» дадут вашим зрителям дополнительный толчок к конверсии, если они все еще не уверены. Убедитесь, что эти небольшие подзаголовки привлекают внимание и помогают в процессе принятия решений.
Ищете еще несколько отличных примеров лучших целевых страниц? Проверьте их здесь .
Спасибо, что присоединились ко мне в этом путешествии по целевой странице.
До следующего раза.
12 лучших примеров дизайна целевой страницы и пошаговое руководство
Хорошая целевая страница может означать разницу между нулевым, 100 или даже 1000 новых потенциальных клиентов и продажами в день для вашего бизнеса.
Независимо от того, какой продукт вы пытаетесь продать, целевые страницы служат единственной цели — они побуждают посетителей вашего сайта предпринять действия. В конце концов, это то, чего вы пытаетесь достичь, верно?
Целевые страницы — это отдельные страницы, посвященные определенной теме или кампании, которые побуждают людей покупать продукт или услугу.Применение передовых методов дизайна целевой страницы увеличивает количество конверсий на вашем сайте.
Хорошая, убедительная целевая страница привлекает внимание посетителей и заставляет их совершить конверсию. Узнайте, как создать успешную целевую страницу, используя эти четыре простых совета.
Советы по дизайну целевой страницы
1. Опишите ваше предложение и кампанию.
Мощный текст — ключ к отличной целевой странице.
Сначала создайте схему и решите, на чем вы хотите сосредоточиться.Перечислите предложение и кампанию, а затем подумайте об основах страницы.
Если у вас, например, была компания по производству винтажных футболок, и вы хотели продвигать скидку 50% для пользователей Instagram, ваше предложение могло бы включать «50% скидку на все комплекты винтажных футболок из пяти или более рубашек», а ваш Кампания будет платной кампанией в Instagram.
Знание вашего предложения и аудитории может помочь вам создать точную копию. Пользователь, узнавший о вашей компании из рекламы в Instagram, отличается от того, кто узнает о ней из уст в уста или через поиск в Google.
В нашем примере пользователи Instagram просматривают Instagram, они не ищут винтажные рубашки для покупки, в отличие от тех, кто ищет в Google «винтажные футболки для продажи».
В данном случае мы можем апеллировать к их чувству стиля и интересу к текущему тренду — винтажным футболкам. Хорошее вступительное предложение, которое также может сработать в рекламе, может быть следующим:
«Поднимите свою крутость на ступеньку выше с нашими мягкими, подлинными винтажными футболками, теперь скидка 50%, когда вы собираете 5 или больше.”
2. Перечислите преимущества и решения.
Неважно, что вы продаете, пользователи хотят знать, что это им выгодно. Какую выгоду они получат от ваших продуктов или услуг?
Хлеб с маслом любой целевой страницы успешно объясняет пользователям, как ваш продукт или услуга решат их проблему.
Возьмите эту целевую страницу онлайн-сообщества Youpreneur автора Криса Дакера. Эта страница обращается к целевому рынку предпринимателей и владельцев малого бизнеса с просьбой прекратить борьбу и расти как владелец бизнеса, чему многие предприниматели сочувствуют.
На этой целевой странице также объясняется, почему этот продукт — онлайн-сообщество вдохновителей — поможет пользователям добиться успеха в их бизнесе.
Поскольку начало бизнеса обычно связано с энтузиазмом и энтузиазмом, сострадательный и проактивный язык хорошо подходит для этой аудитории.
Когда дело доходит до написания целевых страниц, будьте краткими и ясными. Исследования показывают, что чем больше слов используется на целевой странице, тем ниже коэффициент конверсии. Когда вы пишете, поставьте себя на место вашей целевой аудитории или персонажа и задайте себе следующие вопросы:
- Что вы чувствуете, когда сталкиваетесь с моей проблемой?
- Что я ищу, чтобы облегчить себе работу или жизнь?
- Как продукт или услуга этой компании могут решить мою проблему?
- Как моя работа или жизнь улучшатся после покупки этого продукта или услуги?
Ответьте на эти вопросы, чтобы на целевой странице создать свое предложение.Затем вы можете перейти к своему призыву к действию.
3. Создайте убедительный призыв к действию.
Предложение и кнопка с призывом к действию на целевой странице имеют огромное влияние на коэффициент конверсии. Это последний рубеж целевой страницы перед тем, как человек отправит информацию или перейдет на страницу оплаты.
В идеале на каждой целевой странице должен быть только один призыв к действию, отмеченный большой кнопкой отправки. MarketingProfs процитировал исследование Unbounce, которое показало, что целевые страницы с одной ссылкой или призывом к действию имеют более высокий коэффициент конверсии — в среднем 13.5%. Это примерно на 2% больше, чем страниц с двумя-тремя ссылками или CTA.
При прокрутке целевой страницы вы найдете призывы к действию (CTA), чтобы купить продукт, загрузить часть контента и т. Д.
Кроме того, они часто включают введение или описывают общую проблему, которая может у них возникнуть. Это может включать в себя список болевых точек, которые включают время, деньги или энергию пользователя. Затем они представят контент или продукт с призывом к действию.
После объяснения того, как ваш продукт решит их проблему, на целевой странице следует более подробно остановиться на функциях.Покажите отзывы или социальные доказательства того, почему ваш продукт работает в нижней части страницы.
Согласно Unbounce , единственная сосредоточенность на определенной теме — это то, что помогает вам повысить коэффициент конверсии ваших кампаний. Трафик веб-сайта целевой страницы почти всегда представляет собой трафик из определенной кампании или канала, поэтому вы можете настроить эту страницу специально.
Важно помнить, что пользователи, которые находят вашу целевую страницу через платный контент в социальных сетях, скорее всего, будут настроены иначе, чем пользователи, которые находят ее через Google Рекламу или по реферальной ссылке.
Пользователи социальных сетей, скорее всего, просматривают такие сайты, как Facebook или Instagram. Им не обязательно что-то покупать. С другой стороны, люди, которые активно ищут подходящие термины в Google, более склонны к действиям или покупкам и активно ищут решение своей проблемы.
Такие инструменты, как Unbounce и MailChimp, делают создание целевой страницы относительно простым. Важно отметить, что вам нужно создать убедительный текст, неотразимый призыв к действию и привлекательный дизайн целевой страницы, от которого будет трудно отказаться.
Согласно WordStream, лучшие призывы к действию:
- Используйте запоминающиеся слова-действия, такие как «получить» и «дать».
- Создайте чувство доверия, например, «Давайте создадим ваше предложение». срочность, показывая пользователям, что они получат, отправив форму для привлечения потенциальных клиентов, например «Получите 30-дневную пробную версию немедленно»
Отличная кнопка с призывом к действию должна быть привязана к тексту страницы в целом, повторяя предложение. Он также должен иметь привлекательный дизайн, который заставляет пользователей щелкать мышью.
4. Сосредоточьтесь на отличном дизайне.
Хороший дизайн влияет на отношение пользователей к компании, продукту или услуге. Это может повлиять на решение пользователя совершить конверсию.
Лучшие практики дизайна целевой страницы диктуют, что макет соответствует существующему бренду компании и привлекает вашу целевую аудиторию.
Разбейте целевую страницу на определенные разделы: заголовок, текст предложения, CTA, а затем социальное доказательство. Социальное доказательство — это последний аргумент для пользователей, побуждающий их к покупке, он демонстрирует доверие и репутацию.Он показывает, сколько людей купили или приняли предложение на странице, или какие средства массовой информации освещали компанию или продукт.
Возьмите этот пример с целевой страницы Medium, предлагающий перейти на платное членство. На нем представлены отзывы других пользователей о качестве контента и платформе Medium.
Ключевыми элементами дизайна целевой страницы являются:
- Кнопки и поля с призывом к действию, обычно между блоками копирования и внизу страницы
- Дополнительные изображения и видео (если используются)
- Социальное доказательство раздел — отзывы или данные
Чтобы увидеть, что дает самый высокий коэффициент конверсии, A / B протестируйте все элементы дизайна на целевой странице, от дизайна до стиля и формулировки кнопки CTA.Инструменты, которые позволяют создавать и тестировать целевые страницы с аудиториями кампании, включают Unbounce, Hubspot и Leadpages.
Сочетание хорошего дизайна с лучшим предложением для вашей аудитории поможет вам создавать целевые целевые страницы, которые конвертируют пользователей и приносят прибыль вашим кампаниям.
Список запуска рекламодателя для целевых страниц, которые конвертируют
5. Оптимизация для мобильных устройств
Поскольку 49% населения мира использует мобильный Интернет, вы можете подумать, что оптимизация целевых страниц для мобильных устройств редко упускается из виду, но все же часто заканчивается как запоздалую мысль.
Соблюдение приведенных выше советов, безусловно, увеличит ваши шансы на создание успешной целевой страницы для мобильных устройств, но, кроме того, вы также должны уделять особое внимание времени загрузки. Google рекомендует, чтобы мобильные целевые страницы загружались за пять секунд или меньше, и показали серьезные последствия для показателя отказов из-за запаздывания целевых страниц.
(Источник: think with Google)
Наряду с сокращением времени загрузки на мобильных устройствах важно также держать наиболее актуальную информацию в верхней части страницы
12 лучших примеров дизайна посадочных страниц, из которых следует учиться
12.Winc — претендовать на славу: простота.
«Winc эффективно объясняет свои услуги и делает привлекательные предложения. Они позволяют легко понять и выбрать то, что вам нужно. Все четко изложено, без беспорядка «.
— Барух Лабунски, эксперт по интернет-маркетингу и автор, генеральный директор Rank Secure
Что страница делает хорошо:
- Доставляет свое ценностное предложение на недвусмысленных условиях с вращающимся слоганом: «Мы передаем» -подбор, ручная работа, ручная доставка в мир вина.»
- Содержит призыв к действию (CTA), который отправляет вас в путешествие. После нажатия кнопки «Начать» вам будет предложено пройти тест, предназначенный для определения вашего предпочтительного вкусового профиля, что позволит Winc составить привлекательный индивидуальный выбор вин. Тот, кто пьет крепкий черный кофе, наверняка оценит крепкое красное вино. Это весело, это личное, работает.
- С точки зрения дизайна, ничто не отвлекает — распространенная тема среди самых эффективных целевых страниц. Вы получаете одно простое утверждение, уточняющее изложение ценностного предложения, призыв к действию и, возможно, изображение продукта перед тем, как перейти вниз по странице.
- Предлагается скидка в размере 20 долларов. По данным BigCommerce.com, такой рекламный маркетинг (то есть предложение скидки) может повысить коэффициент конверсии на 5,6% в пищевой и бакалейной промышленности.
- Он использует изображения, которые просто и ясно показывают, что делает Winc, уменьшая трение, вызванное необходимостью читать текст (человеческий мозг обрабатывает изображения в 60 000 раз быстрее, чем текст).
По словам консультанта по визуальной коммуникации Майка Паркинсона:
«В когнитивном плане графика ускоряет и повышает уровень нашего общения.Они улучшают понимание, запоминание и запоминание. Визуальные подсказки помогают нам расшифровать текст и привлечь внимание к информации или привлечь внимание, увеличивая вероятность того, что аудитория запомнит.
Эмоционально изображения усиливают или влияют на эмоции и отношения. Графика задействует наше воображение и усиливает наше творческое мышление, стимулируя другие области нашего мозга (что, в свою очередь, приводит к более глубокому и точному пониманию представленного материала) ».
Выводы по целевой странице Winc
- Просто изложите свое ценностное предложение (зачем покупать у вас?) В верхней части страницы.
- Избавьтесь от отвлекающих факторов — сделайте ваши визуальные эффекты простыми.
- Пусть говорят сами за себя изображения.
11. CodeAcademy — прославление: социальное доказательство.
«Как только вы попадаете на страницу, появляется четкий призыв к действию, объясняющий, что именно делает CodeAcademy и что это совершенно бесплатно. Справа также есть форма регистрации, которая требует минимального количества информации. никаких лишних запросов адреса, телефона или других странных данных.
Вся страница также усыпана сигналами доверия, включая отзывы реальных пользователей и брендов.Внизу, внизу, есть большой список преимуществ и функций, объясняющий, почему вам следует зарегистрироваться ».
— Сэм Карр, менеджер по маркетингу PPC Protect
Что страница делает хорошо:
- Включает социальное доказательство. «Присоединяйтесь к миллионам» не очень тонко говорит потенциальным клиентам, что миллионы людей приняли решение купить (так почему бы и нет?).
- В самом конце этой длинной страницы вводится элемент персонализации, спрашивающий, почему «вы» хотите научиться программировать.Он предлагает руководство и все варианты в кристально понятном формате.
«Социальное доказательство» — один из 6 оригинальных принципов влияния Роберта Чалдини, которые он представил в своей книге 1984 года «Влияние: психология убеждения».
Эта книга лежит в основе психологического маркетинга в том виде, в каком мы ее знаем, а «социальное доказательство» — психологический феномен, согласно которому люди с особой вероятностью совершат определенные действия, если видят, что другие люди уже совершали их раньше, — является основанием для обращения.
Закупка — это акт доверия, то есть покупатель должен доверять продавцу в доставке обещанной стоимости, прежде чем отдать холодные, наличные деньги. Когда потенциальные покупатели видят, что другие потребители, как и они, получили обещанную стоимость, это успокаивает их и устраняет существенный эмоциональный барьер для покупки продукта.
Каждый раз, когда компания объявляет «самый популярный», «лучший продавец номер один» или «продано 100 миллионов» — они используют социальное доказательство.
Выводы по целевой странице CodeAcademy
- Попробуйте использовать социальное доказательство на своей домашней странице несколькими способами.Возможно, количество людей, использующих ваш продукт или услугу, является частью вашего отличия и должно быть указано в вашей первой строке текста. Может быть, у вас есть отличные отзывы. Возможно оба.
- Возможности не так важны, как преимущества. Какая разница? Характеристики говорят о том, что делает ваш продукт; преимущества говорят о том, как жизнь пользователя изменится к лучшему. Люди покупают преимущества, а не функции.
- Не говорите просто, что делает ваш продукт; также объясните, что пользователь может с ним делать.
10.BlueApron — претензия на известность: психология цвета.
«Цветовая схема целевой страницы может влиять на отношение и эмоции. Некоторые цвета могут иметь различное значение.
Красный цвет, например, может вызвать ощущение срочности, а синий цвет может передать спокойствие или доверие. Цветовая схема не только поможет эстетически, но и согласование цветовой схемы с общим сообщением целевой страницы может побудить клиентов действовать соответствующим образом.
Компания Blue Apron, занимающаяся поставкой комплектов для обеда, отлично справляется с этой задачей, вплетая повсюду синий цвет.”
Скотт Крамрин, основатель и генеральный директор Guava Family, Inc .
Чем хороша страница:
На ней есть социальное доказательство с «самыми популярными рецептами»
На ней за призывом к действию изображена серия изображений людей, собирающихся на кухне за едой. Друзья, члены семьи, дети. В этом заключается неявная выгода — и, как мы знаем из исследований того, как люди обрабатывают изображения, эта выгода проявляется четко и ясно на картинке, даже если она нигде не написана.
Он использует цвета стратегически, аккуратно размещая апельсиновый и синий цвета, чтобы вызвать определенные эмоции и действия.
Цвета, как и изображения, ускоряют создание эмоций. Фактически, цвета обрабатываются даже быстрее, чем изображения, что обеспечивает еще более быструю эмоциональную реакцию. Эмоции — неотъемлемый фактор при принятии решения о покупке.
Фактически, нейробиолог Антонио Дамасио провел увлекательное исследование людей, чьи эмоциональные центры мозга были повреждены и которые, следовательно, не могут выбрать между двумя типами макаронных изделий.
Согласно Kissmetrics , 85% покупателей считают цвет основной причиной покупки продукта, а цвет повышает узнаваемость бренда на 80%. Люди также говорят, что принимают подсознательные решения менее чем за 90 секунд, а цвет — отличный способ вызвать действие.
— Conversioner
Эмоции сильны, и, поскольку мы традиционно связываем определенные цвета с определенными эмоциями, выбор цвета также может иметь большое значение (вот почему мы видим так много оранжевых кнопок CTA!).Вот сильно упрощенная таблица цветов эмоций. Обратите внимание на синий…
Когда цвет является частью названия бренда и выступает в качестве лейтмотива на протяжении всего присутствия бренда в Интернете, он несет эмоциональный резонанс. В случае с Blue Apron эмоция — это доверие.
Оранжевый — активный, мотивирующий цвет, отлично подходит для CTA. Красный, еще один очень популярный вариант кнопок CTA, побуждает к действию, но также к агрессии и тревоге. Фактически, красный цвет мог подорвать эмоциональное ощущение синего на этой странице, если бы дизайнер выбрал более традиционный путь с цветами CTA…
… и вот где это становится действительно интересным.Синий — очень необычный цвет для кнопки CTA. Он не побуждает к действию, как красный или оранжевый. Здесь, где так важно доверие, оно работает.
Выводы на посадочную страницу Blue Apron
- Рассмотрите возможность демонстрации ваших преимуществ на ярком изображении, а не на копировании.
- Думайте о цветах вашего бренда как о эмоциональном сигнале — какие эмоции ваши целевые клиенты больше всего хотят испытывать?
- A / B проверьте цвет вашей кнопки CTA. Апельсин? Красный? Синий? Узнайте, что лучше всего подходит для вас.
9. Netflix — прославление: конверсионная копия.
«Целевые страницы с четким призывом к действию побуждают клиентов действовать и повышают конверсию. Четкий призыв к действию создает ощущение срочности.
Используя глаголы и слова действия, целевая страница четко передает сообщение и то, что ожидается от клиента, что облегчает им процесс принятия решений. Netflix хорошо справляется с этой задачей: на своих целевых страницах новым пользователям предлагается нажать кнопку «Присоединиться бесплатно в течение месяца».’»
— Скотт Крамрин, основатель и генеральный директор Guava Family, Inc .
Что страница делает хорошо:
- Она идет более традиционным путем и делает упор на сильное ценностное предложение и ярко-красную кнопку CTA, продающую БЕСПЛАТНУЮ сделку.
- Он решает проблемы, связанные с новой подпиской, сразу же с помощью «Отмените в любое время до даты X, и с вас не будет взиматься плата». Вы не связаны обременительным контрактом; нет никакого риска, если вам это не нравится; и в течение первых 30 дней нет абсолютно никакого финансового риска.
- Это чисто и просто, мало что отвлекает.
Выводы по целевой странице Netflix
- Когда вы работаете в отрасли, которая поставила под угрозу доверие потребителей (например, Netflix или традиционная кабельная компания), решение проблем в первую очередь и в центре может убедительно скопировать.
- Ограниченные по времени бесплатные испытания снижают трение. В сочетании с красным призывом к действию это просто толчок, который нужен многим потребителям.
- Иногда преимущества говорят сами за себя.Все мы знаем о преимуществах просмотра телевизора, поэтому Netflix не нужно использовать слова или изображения для их объяснения.
8. Ahrefs.com — претендовать на известность: мастерство слогана.
«Отличное размещение призывов к действию (читай: прямо в лицо), как только вы открываете страницу, отличное копирайтинг, демонстрирующее их основные функции и преимущества, адаптивность к мобильным устройствам и инфографику на основе данных. Это пример компании, которая действительно понимает свою аудиторию ».
— Стив Курниаван, контент-маркетинг и рост, Nine Peaks Media
Что страница делает хорошо:
- Заголовок отдает приоритет ясности.Название «Ahrefs» не говорит вам, чего ожидать, и это нормально (как и Apple). Но это действительно означает, что первая строка на их домашней странице должна делать всю работу, рассказывая вам, что здесь искать и что делать.
- Это помогает упростить раздел с большим количеством функций с помощью иллюстраций и кратких пояснений, которые помогут понять его с первого взгляда.
- Он подтверждает заявления о «самых» и «лучших» ощутимыми цифрами. Исследования показали, что использование чисел делает сказанное вами более достоверным.Поэтому, хотя сказать «у нас самые лучшие данные» может быть не очень эффективно, очень эффективно сказать «мы сканируем шесть миллиардов веб-страниц каждый день».
- Он отличается продуманным призывом к действию, отличным от средней бесплатной пробной версии. Если компания тестировала бесплатную пробную версию в прошлом и обнаружила, что много людей подписалось, но пропорционально небольшое количество людей фактически входит в систему и учится использовать продукт, то имеет смысл попросить номинальную плату за испытание, потому что потратить совсем немного денег действует как «микро-обязательство» — крошечное первое обязательство, которое мотивирует людей завершить действие.
Выводы по целевой странице Ahrefs
- Если вам нужно выбирать между умным заголовком и ясным заголовком, постарайтесь сделать его более ясным, даже если он кажется скучным.
- Используйте числа, чтобы рассказать свою историю. Любая часть вашей истории. Цифры добавляют достоверности.
- Когда потенциальное завершение является проблемой с вашей бесплатной пробной версией, попробуйте вместо этого сделать ее недорогой.
7. Страница Lyft «Двигайтесь вместе с Lyft» (целевая страница опроса) — прославьтесь: быстрая конверсия.
«Целевая страница« Drive with Lyft »проста и удобна для пользователей. Над сгибом — четкий заголовок на плоском фиолетовом фоне, без каких-либо отвлекающих факторов, и всего три поля для заполнения.
Вот и все. Ограниченная цветовая палитра позволяет сосредоточиться на важном и найти нужные детали ».
— Лотем Хаюн, руководитель отдела развития Pramp
Что страница делает хорошо:
- На ней нет отвлекающих факторов, и ее очень легко подписать.Самым большим препятствием (каламбур) на пути к тому, чтобы стать водителем Lyft, было бы отсутствие машины — проблема, которую Lyft решает в первую очередь, чтобы никто не считал себя преждевременно.
- Он шаг за шагом знакомит читателя с тем, как вождение для него работает с наглядными пособиями.
- Он включает раздел часто задаваемых вопросов в нижней части целевой страницы, в котором рассматриваются основные проблемы, которые могут возникнуть у нового водителя.
- Он запрашивает обратную связь для тех, кто выбирает «Нет, спасибо» вместо регистрации.
Выводы по целевой странице Lyft
- Сделайте следующий шаг кристально ясным, не отвлекаясь, чтобы пользователи первый шаг (т.е.заполните первую форму или нажмите первую кнопку) быстро.
- Устранение проблем за счет решения проблем потенциальных клиентов в разделе часто задаваемых вопросов.
- Опросите людей, которые не заинтересованы в поиске других причин для сомнений, которые вы можете обсудить в своем экземпляре позже.
6. Хост-страница Airbnb — прославление: персонализация.
«Поле в правом верхнем углу страницы хозяев Airbnb определяет ваш город и показывает потенциальный ежемесячный доход хозяев в вашем городе.Вы даже можете переключаться между количеством гостей и пространством, которое вы планируете разделить, чтобы увидеть потенциальный ежемесячный доход. Прокручивая страницу вниз, пользователь видит простое пошаговое руководство, как стать хозяином ».
— Ким Смит, менеджер по контент-маркетингу в GoodFirms
«Что мне действительно нравится в целевой странице Airbnb, так это использование простого изображения героя и четкого призыва к действию. Изображение героя вызывает чувства, возникающие во время путешествий, а призыв к действию яркий и живой.”
— Лорен Крейн, создатель цифрового маркетингового контента в Health Labs
Что страница делает хорошо:
- В центре заголовка содержится основное обещание; «Зарабатывай как хозяин Airbnb». Ваш следующий вопрос, наверное, «сколько денег»?
- Он гениально дает ответ на следующий естественный вопрос в двух местах — в одном в верхнем углу слева от красного CTA «Начать работу». Этот «месячный потенциал» основан на потенциальном месячном доходе хостов в вашем регионе. город.Это еще до того, как вы заполнили форму. Airbnb уже знает, где вы живете. Жутко? Маленький. Эффективно? Очень.
- Это дает читателю возможность получить дополнительную информацию перед вводом контактных данных в простой форме о местонахождении и типе аренды.
- Он отвечает на вопросы и проблемы, которые могут возникнуть у потенциального хоста.
- Содержит социальное доказательство в виде отзыва.
- Оранжевый и синий цвета повсюду пробуждают действие и доверие.
Выводы по целевой странице Airbnb
- Ставьте на первое место самую большую выгоду — и бонусные баллы, если вы можете персонализировать ее, как Airbnb, с локализованными оценками прибыли!
- Просить людей сделать что-нибудь страшное? Дайте им гарантии и дайте им знать, как вы их поддерживаете.
- Отзывы, разбросанные по всей странице, являются ярким напоминанием о том, что хорошего может случиться с вашим продуктом или услугой.
5. Домашняя страница Shopify — претендовать на известность: не бойтесь.
«Домашняя страница Shopify — одна из лучших домашних страниц, с которыми я когда-либо сталкивался. Единственный призыв к действию в верхней части страницы — это «Введите свой адрес электронной почты». Это простая фотогалерея, но она не меняется автоматически, и пользователь должен быть активным и щелкнуть стрелку, чтобы увидеть следующую фотографию ».
— Лотем Хаюн, руководитель отдела роста в Pramp
Что страница делает хорошо:
- Она вселяет уверенность и избавляет от страха с помощью таких фраз, как «У вас есть воля.У нас есть способ «. Плюс примечание о пробном периоде, для которого не требуется кредитная карта.
- Он четко описывает путь работы с Shopify, используя изображения, видео и краткий текст.
- Он показывает социальное доказательство с характеристикой, осязаемыми числами и вращающимся глобусом.
Выводы на посадочную страницу Shopify
- Вы [единственная] компания, предназначенная для обслуживания [вашей целевой аудитории]? Есть ли у вас еще одно отличие, которое отличает вас от всех остальных? Сделайте это своим заголовком — он всегда будет хорошим!
- По возможности сочетайте устранение страхов с заявлением о ваших самых больших преимуществах.Это отличный способ поймать двух рыбок одним червяком. (Только монстры бросают камни в птиц!)
- Повысьте свой показатель доверия, комбинируя различные формы социального доказательства.
4. Задачи по целевой странице »для« Выводы по целевой странице Stitchfix »
Что страница делает хорошо:
- Она начинается с викторины, в которой задается широкий вопрос, на который может ответить любой желающий.
- Это обеспечивает мгновенные всплывающие ответы на каждый выбранный ответ, что делает викторину персонализированной.
- Он собирает информацию перед отправкой результатов викторины
- При запросе личной информации он выделяет персонализацию и снимает беспокойство, упоминая «без скрытых платежей или подписок»
Целевая страница Задачи
- Привлекайте внимание пользователей, приглашая их принять участие в викторине.Интерактивность и индивидуальность — это тенденции, которые сейчас находятся в самом разгаре, поэтому, если ваша целевая страница включает эти функции, вы мгновенно конвертируете потенциальных клиентов.
- Сделайте еще один шаг к персонализации с помощью викторины или персонализации, которая отвечает пользователю.
- Для высоких показателей конверсии, по крайней мере, на начальном уровне, просто попросите адрес электронной почты или возможность входа в систему с профилями в социальных сетях. Это быстро, легко и позволяет потенциальному клиенту сказать вам «да» на раннем этапе, что значительно упрощает последующие «да».
3. Upwork — претендуйте на известность: выбирайте свое собственное приключение.
«Upwork представляет собой яркое изображение героя с копией, которая четко указывает ценность, которую он приносит своим потребителям. Upwork также отображает призыв к действию «Начать работу» для простоты использования ».
— Лорен Крейн, создатель цифрового маркетингового контента в Health Labs
Что страница делает хорошо:
- Она сразу позиционирует свою ценность как для работодателей, так и для фрилансеров.
- Используется зеленый — необычный цвет для CTA.
- Он предлагает социальное доказательство в виде известных клиентов.
- Предлагается с разбивкой по отраслям, объему работ и цене.
Выводы по целевой странице Upwork
Если ваш сервис можно использовать по-разному, попробуйте спросить, что потенциальный клиент хотел бы сделать в вашем CTA.
- Расскажите потенциальным клиентам об основных способах использования вашего продукта для достижения конечных целей, желательно с помощью инфографики.
- Сделайте то, что вы предлагаете, персонализированным и настроенным в соответствии с потребностями пользователя. Это то, что делает Upwork, представляя все способы использования Upwork.
2. IWillTeachYouToBeRich (целевая страница викторины) — прославьтесь: сегментация.
«Мои любимые целевые страницы — это целевые страницы курса Рамита Сетхи, поскольку они невероятно подробно описывают, что охватывают курсы, и имеют отзывы клиентов, которые позволяют справиться с возражениями. Я считаю, что они убедительны, эффективны и содержат все необходимое для принятия решения.»
— Стейси Каприо, основатель Accelerated Growth Marketing
Что страница делает хорошо:
- Она делает мощное ценностное предложение и ставит вопрос в заголовке, надеясь получить ответы.
- Он стимулирует конверсии с помощью викторины о привычках в расходах, работе и болевых точках, но на самом деле он предоставляет бизнесу информацию, необходимую для того, чтобы квалифицировать вас как вероятного лидера или нет.
- Он содержит социальное доказательство в виде мест, где был показан Сетхи.
- Он описывает, что получит потребитель, и делает акцент на том, какую выгоду получит потенциальный клиент, а это действительно все, что потенциальный клиент хочет знать на данном этапе цикла продаж.
Когда у вас есть потенциальные клиенты, которые по сути сегментируют самих себя, вы можете создать личную рассылку по электронной почте, основанную на их выраженных болевых точках, привычках и надеждах. Они предоставили вам всю необходимую информацию, чтобы идеально адаптировать ваш контент к ним.
IWillTeachYouToBeRich’s Landing Page Takeaways
Поместите ценностное предложение в заголовок. Тогда вы можете поиграть с более креативным заголовком.
- Попробуйте использовать заголовок, в котором задается вопрос, на который пользователи захотят ответить.
- Создайте последовательность тестов, которая автоматически сегментирует потенциальных клиентов, чтобы вы могли создавать индивидуальный контент. Не знаете как? Вот один из способов сделать это.
1. Pupford — прославление: машина для построения списков.
«Наша целевая страница имеет постоянный коэффициент конверсии 50%, потому что она обеспечивает чрезвычайно высокий уровень ценности (30 дней бесплатного дрессировки собак) с очень низким входным барьером.
Просто имя, кличка собаки и адрес электронной почты. Процесс регистрации прост, а призывы к действию стратегически размещены по всей странице. Существует также социальная проверка с помощью влиятельных лиц и отзывов пользователей «.
— Девин Стэгг, менеджер по маркетингу в Pupford
Что страница делает хорошо:
- Она забивает, что предлагает бесплатный курс и что входной барьер низкий –– требуется только адрес электронной почты. Теория «взаимности» Чалдини состоит в том, что люди запрограммированы давать, когда получают. Чем выше стоимость халявы, тем больше мы хотим отдать. Эта страница эффективно сеет семена долгих, счастливых и прибыльных отношений с клиентами.
- Он содержит более шести призывов к действию на всей странице, что дает потенциальным клиентам возможность приступить к работе после представления каждой новой части информации.
- Он предлагает социальное доказательство от «таких родителей, как ты».”
Pupford’s Landing PageTakeaways
- Если что-то важно, повторите это. Много.
- Распределите призывы к действию по всей странице вместе с социальными доказательствами. Вы хотите дать людям несколько шансов сказать «да» и устранить путаницу в том, что делать дальше.
- Когда вы предлагаете что-то бесплатно, сделайте это выгодным предложением, если вы действительно хотите наладить долгие и прибыльные отношения с клиентами.
Теперь, когда вы прошли ускоренный курс по выбору того, что работает лучше всего, вот как это применить.
В заключение
Создание и проектирование отличной целевой страницы начинается с вашего предложения, продолжается описанием преимуществ и решений и, наконец, фокусируется на CTA и тех важнейших элементах дизайна, от которых трудно отказаться от вашего предложения. Для большего вдохновения ознакомьтесь с 12 примерами целевых страниц, которые соответствуют всем вышеперечисленным советам.
23 эффективных примера дизайна целевой страницы, которые конвертируют
Нил Патель стал соучредителем Crazy Egg в 2005 году.300000 веб-сайтов используют Crazy Egg, чтобы понять, что работает на их веб-сайтах (с такими функциями, как тепловые карты, карты прокрутки, карты ссылок и пользовательские записи), исправить то, что не работает (с помощью редактора WYSIWYG), и протестировать новые идеи (с помощью надежного A / B Инструмент тестирования).
Если вы ищете вдохновение для дизайна целевой страницы, я подготовил для вас сегодняшний пост. Я собираюсь показать вам 23 примера дизайна целевой страницы, которые конвертируют, а затем покажу вам, как создать такой дизайн самостоятельно.
Зачем вам создавать целевую страницу или много целевых страниц? Потому что они одни из самых мощных инструментов конвертации в вашем заднем кармане.Вы можете создать целевую страницу для каждого источника рефералов.
Например, целевая страница для людей, которые переходят по ссылке из Twitter, может отличаться от целевой страницы для людей, которые прочитали ваш гостевой пост в другом блоге.
Мы рассмотрим несколько примеров дизайна целевых страниц, которые покажут вам, насколько они эффективны.
23 примера дизайна посадочных страниц, которые вы захотите украсть в 2018 году
Прежде чем я перейду к своему списку примеров дизайна целевой страницы, поймите, что термин «целевая страница» стал намного шире, чем, скажем, пять лет назад.Для многих предприятий домашние страницы служат целевыми страницами.
Это не обязательно, но вы должны признать, что многие люди находят ваш бизнес, выбирая вашу домашнюю страницу на страницах результатов поиска (SERP). В этом случае вам понадобится твердая цель, чтобы вы знали, куда направлять посетителей.
Если вы новичок, посмотрите видео, которое я снял о создании конверсионных целевых страниц. Это быстрые часы, которые описывают мой процесс работы с собственными компаниями или с клиентами.
Давайте копнем.
1. Moz Pro
Мне нравится целевая страница Moz Pro, потому что на ней быстро указывается УТП продукта. Клиенты могут рассчитывать на более высокие рейтинги, качественный трафик и измеримые результаты. Тогда у вас есть призыв к действию — «Начни мою бесплатную пробную версию» — отраженный на панели навигации и на изображении героя одним и тем же ярким цветом.
2. Twago Enterprise
Почему бы не стать большим, смелым и ярким? Целевая страница Twago Enterprise одновременно проста и энергоэффективна.У вас есть USP крупным шрифтом, за которым следует краткое описание продукта.
CTA — Запросить демонстрацию — имеет цвет, который не отображается в другом месте на странице.
При разработке целевой страницы вы должны иметь в виду цель. В случае Twago Enterprise они хотят, чтобы люди запрашивали демонстрацию.
Вам нужно помнить о своей цели. Когда он у вас есть, убедитесь, что вы дали много контекстных и визуальных подсказок, чтобы посетители знали, куда вы хотите, чтобы они щелкнули.
3.180fusion Даллас
Здесь у нас есть целевая страница, в которой большое внимание уделяется социальному доказательству. У вас есть список достижений в виде маркера слева и логотипы крупных брендов справа. Тем не менее, у нас есть смелый призыв к действию на ярком фоне.
Вы увидите, что этот шаблон повторяется по всему списку, потому что это один из лучших способов привлечь внимание посетителей.
4. Flickr
Если вы ожидали, что целевая страница Flickr будет посвящена фотографии, вы не ошиблись.Изображения героев менялись каждые пару секунд с тем же заголовком, основным текстом и призывом к действию.
Обратите внимание, здесь не так много конкуренции за внимание. Призывы к действию при регистрации дважды отображаются на целевой странице, а заголовок точно сообщает нам, что Flickr означает
.
5. Unbounce для агентств
Целевая страница услуг Unbounce на уровне агентств действительно популярна. Яркие синие акценты в сочетании с ярко-оранжевыми CTA работают визуально, чтобы передать последовательное сообщение.
Вы увидите, что на этой странице на самом деле два призыва к действию. Один предлагает посетителям ознакомиться с конструктором, а другой предлагает поболтать со специалистом агентства.
Конкурирующих призывов к действию могут сработать против вас, если вы не будете осторожны. Ниже я объясню, как Crazy Egg Recordings может помочь вам понять, нужно ли вам удалить призыв к действию или создать более визуальное разделение на странице.
6. Писатели Upwork
Upwork объединяет предприятия и профессионалов во многих сферах обслуживания.Целевая страница для писателей-фрилансеров хорошо продумана и прекрасно использует социальное доказательство.
Обратите внимание, что человек, которого они выделили, не является фотомоделью. Он настоящий писатель из кадрового резерва Upwork. Эти логотипы внизу помогают убедить потенциальных клиентов в том, что Upwork — это не просто пустяк.
7. Codecademy Pro
Это очень просто. Codecademy, скорее всего, нацелена на существующих пользователей с этой страницей, поэтому компании не нужно вдаваться в подробности.Фиолетовый цвет в CTA отражается в слове PRO рядом с логотипом Codecademy, который визуально хорошо работает.
Мне также нравится использование слова «разблокировать» в начале основного текста. Это необычное слово в данном контексте и поэтому привлекает внимание.
8. Веснушка
Я большой поклонник простоты, как вы, возможно, уже знаете, и Freckle хорошо справляется со своими целевыми страницами для классов K–2. Существуют противоречивые призывы к действию, но главный из них выделяется своим размером.
9. Площадь
Это пример дизайна целевой страницы для торговой точки Square. Вы можете видеть, что это просто, но эффективно, с точным заголовком и призывом к действию, который, возможно, может быть немного больше для большего воздействия.
Прокрутив вниз, вы увидите, как Square работает с POS-системами. Это хороший способ познакомить потенциальных клиентов с продуктом.
10. BuildFire
Иногда дизайн целевой страницы — это только начало.В случае BuildFire потенциальные клиенты могут выбрать один из двух вариантов на целевой странице «Начало работы». Затем вы попадаете в форму, в которой вас спрашивают о том, что вам нужно и чего вы хотите достичь.
Это нормально, если на целевых страницах люди проходят через ряд других страниц, если вы все время поддерживаете их заинтересованность. BuildFire достигает этого с помощью коротких страниц и настраиваемых иллюстраций.
11. Бар Hello
Я ни за что не собирался создавать список примеров дизайна целевой страницы, не включив страницу регистрации для Hello Bar.Как я уже упоминал выше, я большой поклонник простоты.
Форма короткая и понятная, и у вас есть несколько вариантов регистрации, что увеличивает вероятность того, что люди будут ее заполнять.
12. Полоса
Дизайн целевой страницы платежей для Stripe красивый и функциональный. Это отличный пример удачной работы двойных призывов к действию. Очевидный CTA имеет темный фон с белым текстом. Он предлагает вам создать учетную запись. Гораздо труднее увидеть конкурирующий призыв к действию.
Эти два призыва к действию хорошо работают в тандеме, потому что они нацелены на два разных типа посетителей: тех, кто хочет зарегистрироваться сразу, и тех, кто хочет узнать больше.
13. Образовательный центр Нойгауза
Этот пример дизайна целевой страницы имеет красивую цветовую схему, привлекательные изображения и двойной призыв к действию. Некоммерческим организациям часто трудно заставить людей подписаться на их услуги и пожертвовать свое время и деньги, поэтому оба призыва к действию должны быть на главной странице.
Образовательный центр Нойхаус начинает с твердого заявления: «Содействие успеху чтения для всех.«Он точно сообщает посетителям, в чем состоит его миссия и чего он пытается достичь.
14. Air Canada
Домашняя страница Air Canada служит прекрасным примером дизайна целевой страницы. Он ориентирован на конкретный сезон, использует великолепные изображения и позволяет посетителям искать авиабилеты и другие предметы первой необходимости еще до того, как им придется прокручивать страницу.
15. Революция в дрессировке собак Зака Джорджа
Это целевая страница книги Зака Джорджа «Революция в дрессировке собак».Это бестселлер и всего лишь один из ее продуктов. Вы получаете логотипы мест, где можно купить книгу, и заголовок, пробуждающий любопытство. Симпатичная обложка тоже не повредит.
16. Costco
Вот пример дизайна целевой страницы, который не должен работать. Он не похож на те, что мы видели раньше, но он принадлежит одной из самых успешных компаний в мире.
Использование видео здесь улучшает целевую страницу членства в Costco. Видео добавляет значительный визуальный интерес к целевой странице, а также обеспечивает слуховой ввод.
17. Асана
Вот еще один пример дизайна целевой страницы, который отличается простотой. Вместо изображения героя у нас простой белый фон. Два призыва к действию отражают друг друга, а заголовок точно объясняет, почему существует Асана.
18. HostGator
Целевая страница общего веб-хостинга
HostGator великолепно разработана с множеством нарисованных от руки элементов. Он подчеркивает бизнес-план, который является самым дорогим вариантом, и его милые названия для других планов.Здесь хорошо работают цвета, призывы к действию и выделение скидок.
19. Веганское общество
Страница пожертвований для The Vegan Society использует смелые, комплиментарные цвета и убедительный язык, чтобы привлечь внимание читателя. Некоммерческая организация предлагает несколько вариантов пожертвований, которые могут увеличить конверсию.
20. Dropbox
Dropbox известен тем, что создает потрясающие целевые страницы. Сегодня я хотел выделить их относительно новую целевую страницу Dropbox для Android.Он просто и убедительно выделяет приложение и дает вам возможность опробовать его.
21. Дракон, говорящий естественным образом
Nuance, создатель Dragon Naturally Speaking, предлагает отличный пример дизайна целевой страницы на своей странице Dragon для ПК. Он включает в себя приятное изображение главного героя, простой заголовок и список УТП в основном тексте.
22. Инвестопедия
Investopedia предлагает разновидность бумажной торговой игры, которую инвесторы могут использовать, чтобы замочить ноги.Целевая страница регистрации работает очень хорошо, особенно с лентой Free to Play в правом верхнем углу. Форма короткая, и цвета прекрасно сочетаются друг с другом.
23. Фитбит
Целевая страница «Что нового» для Fitbit уникальна и стильна, с несколькими категориями на выбор и элегантным сочетанием текста и иллюстраций.
Рекомендации по дизайну посадочных страниц
Теперь, когда вы увидели почти два десятка примеров дизайна целевых страниц, как вы примените эти примеры к своим собственным целевым страницам? Очевидно, вы не хотите копировать что-либо слово в слово или изображение в изображение.
Под каждым снимком экрана я назвал то, что мне понравилось в целевой странице, будь то сочетание цветов, использование призывов к действию или контент. А теперь давайте рассмотрим несколько передовых методов, чтобы убедиться, что вы подходите к созданию целевой страницы с помощью своей A-игры.
Создайте лендинг для вашей целевой аудитории
Это кажется очевидным, но многие предприниматели не думают о своей целевой аудитории при разработке целевых страниц. Вместо этого они думают о том, как лучше всего продавать свои товары или услуги.
Это неправильное мышление.
Давайте посмотрим на два основных текста, чтобы помочь вам лучше понять, что я имею в виду. Прочтите обе версии и решите, какая из них с наибольшей вероятностью привлечет посетителей.
Версия 1:
«Наши виджеты — самые быстрые, легкие и многофункциональные на рынке. Они завоевали награды во всем мире и являются продуктом более 20 прототипов. Мы потратили часы на создание прототипа, чтобы предложить вам лучший виджет за ваши деньги.Возьми в руки одну прямо сейчас! »
Версия 2:
«Вы забыли запустить посудомоечную машину, составить список покупок или положить белье в машину? Ты не одинок. Мы создали виджет, который меньше дебетовой карты и позволяет устанавливать напоминания для этих и других задач. Организуйте свою жизнь, уменьшите стресс и проживите свою жизнь для более важных моментов. Получите виджет сегодня же! »
Понятия не имею, какой продукт я здесь описал, но он мне нравится.Более того, какая версия копии с большей вероятностью будет преобразована?
Версия вторая, конечно. Он ориентирован на аудиторию: решение проблем, снижение стресса и достижение целей. Первая версия была посвящена самому продукту и компании, стоящей за ним. Это не только неубедительно, но и скучно.
Помните, что никого не волнует, как появился ваш продукт или услуга. Они хотят знать, что это может для них сделать.
Выделите предложение визуально
Чем больше визуальное впечатление от целевой страницы, тем лучше она работает.В наши дни мы легко отвлекаемся, поэтому не будем тратить время на поиски того, чего хотим.
Обратите внимание, что на многих из вышеперечисленных целевых страниц продаются товары, а на самом деле показывает товар . Даже компании SaaS создают визуальные представления о том, что они продают.
Используйте изображения, иллюстрации, видео и полужирные призывы к действию, чтобы привлечь внимание и привлечь посетителей.
Определите конкретную цель дизайна целевой страницы
У каждой целевой страницы должна быть одна конкретная цель.Дизайн должен соответствовать этой цели и помогать убедить посетителей совершить конверсию.
Допустим, вы продаете очень простой инструмент SaaS, который решает небольшую проблему. Он крошечный, но по-своему могущественный.
Вы можете выбрать упрощенный дизайн, ориентированный на то, чтобы люди могли регистрироваться как можно быстрее и проще. Используйте маркированный список, чтобы выделить лучшие характеристики продукта.
Выберите один из лучших инструментов для целевой страницы
Инструменты могут сделать вашу жизнь намного проще.Инструмент целевой страницы позволяет создавать желаемый дизайн с меньшим напряжением и без знаний кодирования.
Unbounce, GetResponse и MailChimp — хорошие примеры. Попробуйте несколько, прежде чем выбрать тот, который подходит для вашего бизнеса.
Узнайте, как понять, что работает, а что нет.
Когда вы создаете свою целевую страницу, вы вздыхаете с облегчением. Работа сделана, да?
Это далеко не так.
После того, как вы построите лендинг, вам нужно следить за ним.Используйте такие инструменты, как Google Analytics и Crazy Egg, чтобы выяснить, насколько хорошо ваша целевая страница работает с вашей аудиторией. Куда переходят посетители? Как долго они остаются на странице? Они кажутся сбитыми с толку или расстроенными?
Записи — отличный способ наблюдать за движениями мыши и другими взаимодействиями на вашей странице. Вы можете видеть, пропускает ли посетитель вашу форму регистрации или не замечает ваш CTA. Кроме того, вы увидите последнее взаимодействие перед тем, как посетитель либо совершит конверсию, либо уйдет.
Инструменты поведения пользователей одинаково полезны, потому что они визуально представляют взаимодействия ваших посетителей.Чем больше вы тестируете, тем больше данных собираете. Последовательно запускайте записи и инструменты поведения пользователей, чтобы вы могли быстро настроить и избежать пропущенных конверсий.
Заключение
Примеры дизайна целевых страниц
могут дать вам вдохновение, необходимое для украшения ваших собственных целевых страниц — или в первую очередь для их создания. Я работал со многими компаниями, у которых были целевые страницы, но мне не удалось их оптимизировать.
Проверьте целевые страницы, которые я выделил выше, создайте свою собственную и следите за ее успехом.Каждая эволюция приближает вас к вашим целям конверсии, если вы обращаете внимание на данные.
8 лучших советов по созданию эффективной целевой страницы | by SteelKiwi Inc.
Отрасли промышленности по всему миру переместили свои маркетинговые кампании в онлайн. Целевые страницы помогают компаниям создавать эффективные маркетинговые стратегии для продвижения товаров и услуг. Целевая страница является важной частью процесса разработки дизайна и направлена на то, чтобы привлечь посетителей и продвинуть их дальше по воронке конверсии.Дизайн целевой страницы должен быть безупречным, и именно об этом мы и поговорим в этой статье. Как создать целевую страницу, которая будет достаточно эффективной, чтобы привлекать посетителей и побуждать их покупать или подписываться?
Содержание вашей целевой страницы должно быть по существу, подчеркивая ваше уникальное ценностное предложение (UVP). Предлагаемый вами контент будет зависеть от типа продукта или услуги, которые вы продаете. Помните, что у вас есть примерно восемь секунд, чтобы убедить пользователей в том, что ваше предложение заслуживает внимания.Избыточная информация может ошеломить посетителей и заставить их немедленно покинуть страницу. Говорите со своей аудиторией простым языком и расскажите, как вы можете сделать их жизнь лучше.
Вот 5 текстовых элементов с наибольшей конверсией.
Заголовок
Заголовок — это первый текст, который видят ваши посетители. Это одна из ваших первых возможностей повлиять на коэффициент конверсии. Используйте заголовок, в котором четко указаны самые большие преимущества, которые предлагает ваш продукт. В заголовке расскажите вашим посетителям, что они могут получить на вашей целевой странице.
Подзаголовок
Наиболее эффективные целевые страницы показывают, что предлагается с заголовком, и используют подзаголовок для дальнейшего объяснения предложения и распространения UVP. Подзаголовки могут показать все, что вы предлагаете, в новом свете. Некоторые целевые страницы предпочитают помещать свои ценностные предложения в заголовок и использовать подзаголовок для обсуждения реальных предложений.
В одном из наших проектов, показанных ниже, вы можете увидеть, как подзаголовок дополняет заголовок. Когда пользователи попадают на страницу, они четко понимают, что делает служба, и могут сразу же нажать кнопку с призывом к действию.
Источник: KidSmart, скоро появится приложение.
Призыв к действию
Обеспечьте захватывающие и интерактивные кнопки призыва к действию (CTA), которые побуждают посетителей совершить покупку, зарегистрироваться, запросить демонстрацию или сделать что-то еще. Наилучший вариант — разместить призывы к действию вверху и внизу страницы, чтобы пользователям не приходилось прокручивать страницу до конца, чтобы нажать. Или вы можете добавить плавающую кнопку с призывом к действию, которая всегда видна. Ваши кнопки с призывом к действию будут хорошо выглядеть, если они меняют цвет или включают анимацию, чтобы развлекать посетителей, добавляя к общему впечатлению, которое стремится создать ваш бренд.
Еще раз проверьте, что ваше сообщение в CTA и заголовок целевой страницы соответствуют. Если заголовок читается иначе, чем ваш призыв к действию, это может привести к путанице, в результате чего посетители будут сомневаться, связан ли CTA не с той страницей. Устраните всю путаницу и убедитесь, что ваш текстовый контент отражает то, что вы обещали в своем призыве к действию — и наоборот. Если в вашем призыве к действию есть преднамеренная ловушка (например, отсутствие бесплатной пробной версии), вы потеряете доверие пользователей.
В другом проекте, над которым мы работали, есть кнопка CTA, которая текстуально и логически связана с заголовками и подзаголовками.Более того, у него есть приятная анимация, чтобы заинтересовать посетителей. Зарегистрированные пользователи могут просто нажать кнопку регистрации в правом верхнем углу, чтобы перейти на сайт.
Источник: Мевенто, платформа скоро появится.
Преимущества
Совершенно необходимо, чтобы ваше уникальное ценностное предложение было ясным и убедительным. Для этого вы можете перечислить свои преимущества, используя формат маркированного списка. Маркировка преимуществ — это краткие описания продукта или услуги, которые выделяют их. Сначала укажите самые сильные преимущества вашего продукта, а в конце — самые слабые, представив вашей целевой аудитории так называемую иерархию ценностей.Ваш маркированный список не должен быть длинным: достаточно пяти-семи пунктов, чтобы не перегружать пользователей.
Платформа Marketplace, которая представляет собой пример списка преимуществ для предприятий и клиентов с поддерживающими изображениями:
Источник: snaapy.com
Формы привлечения потенциальных клиентов
При разработке целевой страницы делайте формы краткими и запрашивайте только самое необходимое Информация. Как маркетолог, вы хотите собрать как можно больше данных. Однако когда дело доходит до создания хорошего дизайна целевой страницы, придерживайтесь принципа «меньше значит больше».Помните, что вы всегда можете запросить дополнительную информацию на странице благодарности. Пользователи обычно не возражают предоставить свои имена и адреса электронной почты. Однако если вы попросите указать номера телефонов или дату рождения, когда это не обязательно, это может помешать посетителям заполнять эти поля из-за страха навязывания текстовых сообщений и телефонных звонков. Лучший способ определить, какая длина формы лучше всего подходит для вашего бизнеса, — это проверить ее самостоятельно.
Хороший дизайн целевой страницы — минималистичный и привлекательный, с ненавязчивым представлением информации.Чтобы не отвлекать людей от лишних визуальных элементов, используйте чистый, простой дизайн с большим количеством белого пространства, которое удерживает людей на вашем продукте и призывает к действию. Выберите крупный шрифт, чтобы посетители могли легко прочитать и понять, о чем ваша целевая страница. Также убедитесь, что ваш дизайн не увеличивает время загрузки страницы.
Проверьте макет своей страницы при разных разрешениях, чтобы убедиться, что даже люди со старыми мониторами смогут видеть ваш заголовок и призыв к действию без прокрутки.И обязательно проверьте, как ваш макет отображается на мобильных устройствах.
Большинство посетителей, скорее всего, прокрутят вниз для получения дополнительной информации, поэтому не бойтесь добавлять блоки, которые отображаются при прокрутке страницы.
Новое приложение под названием Your Living-room Trainer, которое применяет минималистский дизайн и пустое пространство, чтобы сделать целевую страницу светлой и помочь пользователям сосредоточиться на том, что предлагает услуга.
Источник: ylt-trainer.com
Фотографии могут улучшить взаимодействие посетителей с вашим предложением так же, как текст.Навык визуального мышления позволяет людям обрабатывать и интерпретировать значение того, что они видят. Визуальные подсказки могут передать вашим посетителям дополнительную информацию. Делайте качественные снимки, демонстрирующие лучшие стороны вашего продукта или услуги. Убедитесь, что вы нанимаете фотографа, который знает визуальные приемы, чтобы предложить вам преобразованные фотографии.
Приложение для люксового бренда, в которое мы добавили фоновое изображение часов на мужском запястье, чтобы подчеркнуть шикарный характер компании и создать впечатление изысканности.
Источник: Roman-mayer.ch, платформа скоро появится.
Включите все возможные сигналы доверия, чтобы показать посетителям, что ваше предложение и бренд надежны. Большинство сайтов демонстрируют социальное доказательство в виде списка клиентов, упоминаний в прессе, статистики использования и отзывов.
На хороших целевых страницах широко используются отзывы, знаки доверия и значки. Отзывы считаются классическим сигналом доверия, который успокаивает посетителей. Значки доверия включают логотипы известных брендов, с которыми вы работали, одобрения и признания, которые вы получили, а также групп и коалиций, в которых вы состоите.Все эти знаки одобрения придадут вашим клиентам больше уверенности в вашем бренде и побудят их двигаться вниз по воронке конверсии.
При демонстрации логотипов как сигналов доверия держите их чистыми и целенаправленными. Сделайте логотипы квадратными и отобразите их в оттенках серого, чтобы сосредоточить внимание на своем предложении.
Недостаточно просто создать целевую страницу. Вам также необходимо проверить, работает ли он правильно. Чтобы проверить, может ли ваша целевая страница стимулировать конверсии, вам необходимо выполнить A / B-тестирование, чтобы собрать ценную аналитику о том, как пользователи взаимодействуют с целевой страницей.
Что именно тестировать, зависит от источника вашего трафика, ваших конечных целей, которые вы можете установить в своем инструменте тестирования. Например, вы можете проверить, как часто посетители нажимали кнопку, смотрели видео или отправляли форму для лида. Кроме того, вы можете видеть, как пользователи попадали на вашу страницу и какое устройство они использовали. Чтобы понять, конвертируется ли ваша целевая страница, вы можете использовать Google Analytics или инструмент Hotjar.
Вы можете выполнить A / B-тестирование для следующих объектов:
- Заголовки
- CTA
- Изображения и графика
- Кнопки (внешний вид, текст и расположение)
- Сигналы доверия
- Цитаты из прессы
- Размещение элементов страницы (блоки)
- Навигационные ссылки
Чтобы расширить свой охват, бренды приняли стратегии, ориентированные на мобильные устройства, поскольку половина всей веб-активности приходится на мобильные устройства.Ваша целевая страница должна иметь адаптивный дизайн, чтобы повысить коэффициент конверсии. Эффективная целевая страница должна отлично смотреться на мобильных устройствах, быстро загружаться и быть ультра-кликабельной.
Включите значки социальных сетей, чтобы ваши клиенты могли рассказать о вашем бренде. Иконки социальных сетей становятся своего рода рекламной кампанией из уст в уста. Чтобы не загромождать вас, используйте кнопки только тех социальных платформ, которые использует ваша целевая аудитория. Не забудьте добавить опцию пересылки электронной почты, поскольку люди по-прежнему любят делиться информацией по электронной почте.
Целевые страницы с видео используют встроенные видеоролики, чтобы проиллюстрировать уникальное ценностное предложение. Видеоконтент не является обязательным, но он может дать вам полный обзор вашего продукта или услуги, чего нельзя сделать с помощью текста и изображений.
Люди положительно реагируют на эмоциональные сигналы, побуждающие зрителей щелкнуть мышью.
Видео предлагают развлечение, вызывают эмоции и несут самостоятельную ценность. Вы даже можете создавать короткие запоминающиеся фильмы, чтобы продвигать свой продукт или услугу и создавать незабываемые впечатления от вашего бренда.
Представители промышленности, а также индивидуальные предприниматели осознают, насколько важно присутствие в Интернете для связи с пользователями. Целевые страницы отличаются от домашних страниц веб-сайтов и предоставляют компаниям уникальную возможность проводить целенаправленные маркетинговые кампании, ориентированные на клиента. Все дело в том, насколько профессионально они созданы. Помните, что технически хорошие целевые страницы также должны иметь хорошо структурированный контент, чтобы повысить коэффициент конверсии. Каждая деталь имеет значение, так как влияет на посетителя.Чем проще и аккуратнее целевая страница, тем больше шансов, что она превратит пользователей в потенциальных клиентов.
Нужна помощь в оптимизации или разработке целевых страниц для вашего бизнеса? Свяжитесь с нами, и мы предоставим лучшую команду разработчиков для создания конверсионных целевых страниц.
Секреты удобного для преобразования дизайна
Кто бы ни сказал, что внешность — это еще не все, он явно не дизайнер целевой страницы.
Нравится вам это или нет, но внешний вид имеет значение, и он играет огромную роль в работе вашей целевой страницы.Однако это не означает, что ваша целевая страница должна быть красивой, чтобы получать хорошие результаты. Хотя эстетичный дизайн может быть полезен, он уступает место более важным факторам.
Разделы и элементы, включенные в макет целевой страницы, играют гораздо большую роль в коэффициенте конверсии, чем чистая красота. Если макет вашей целевой страницы не побуждает посетителей к действию, не имеет значения, насколько хороша страница, ваши коэффициенты конверсии все равно пострадают. Так что, я думаю, можно сказать, что красота в глазах смотрящего.
Но пока хватит клише, есть еще много чего, если вы хотите создать первоклассную целевую страницу.
Наука в макете целевой страницы
Не всегда нужно изобретать велосипед, чтобы создать высокоэффективную целевую страницу. На самом деле все может быть совсем наоборот, потому что за оптимизацией коэффициента конверсии стоит много научных данных. Это означает, что включение некоторых часто используемых разделов почти всегда улучшит ваш коэффициент конверсии. Однако это не означает, что один и тот же макет целевой страницы будет постоянно превосходить другие.
Наиболее распространенные разделы целевой страницы:
- Раздел героев
- Раздел социального доказательства
- Раздел функций
- Как это работает Раздел
- Раздел нижнего колонтитула
Ваша отрасль, тип бизнеса (B2B или B2C) и предложение продукта или услуги будут влиять на то, какие разделы вам нужно включить. Ниже мы подробно расскажем о каждом разделе, чтобы вы могли решить, какие разделы лучше всего подходят для вашей страницы.
Раздел «Герой»
Первое, что видят пользователи при посещении вашей целевой страницы, — это ваш раздел героев. Он всегда будет отображаться в верхней части страницы и содержать наиболее важную информацию на вашей целевой странице. Чтобы разобраться во всем этом, давайте взглянем на главный раздел целевой страницы Bill’s Comfort Systems.
Прежде чем мы углубимся в детали, я расскажу вам немного о системах комфорта Билла. Bill’s Comfort Systems — это компания по отоплению и кондиционированию воздуха, которая заботится о том, чтобы вам и вашей семье было комфортно независимо от температуры на улице.
Теперь, когда вы немного знаете о Системах комфорта Билла, мы можем поговорить о каждом компоненте их раздела о героях и о цели, которой он служит.
Загляните в раздел о героях 👀
Раздел вашего героя обычно включает некоторые, если не все из следующих элементов:
- Основной заголовок
- Подзаголовок
- Призыв к действию (CTA)
- Выстрел героя
Основной заголовок
Ваш основной заголовок часто является самым крупным и наиболее заметным текстом на целевой странице.Чтобы быть эффективным, он должен быстро описывать предложение и представлять уникальное ценностное предложение.
В качестве примера можно использовать заголовок на картинке выше.
«Получите бесплатную проверку кондиционера»
Этот заголовок описывает предложение и уникальное ценностное предложение; это просто, но эффективно. Более того, он попадает в определенную категорию заголовков, называемых заголовками, основанными на ценности. Но это не единственный тип заголовка, который вы можете использовать. Вы можете протестировать несколько разных типов заголовков, чтобы определить, какой из них лучше всего подходит для вашей целевой страницы.
1. Задайте вопрос
Заголовок этого типа обращается к проблеме, с которой ваши клиенты уже сталкиваются, или задает вопрос, о котором они даже не подозревали.
Например, если вы хотите проверить заголовок, основанный на вопросе, он может выглядеть примерно так.
«У вас сломался кондиционер?»
2 . Будь лучшим
Покупатели знают, что у них есть большой выбор, когда дело доходит до совершения покупки.Заголовок, основанный на сравнении или различиях, указывает, почему они должны выбрать вас, а не ваших конкурентов.
Отличный пример, показывающий клиентам, почему вы лучший, может выглядеть примерно так.
« Самый быстрый ремонт кондиционеров в штате Юта»
3. Вдохновлять эмоции
Эмоции — мощная сила, и вашей целевой странице требуется вся сила, которую вы можете собрать, чтобы привлечь посетителей. Попробуйте связать свой продукт или услугу с положительными эмоциями, которые люди испытают, если они конвертируют, или укажут на то, что они могут потерять, не конвертируясь.
Вот пример того, как использовать эмоции в заголовке.
«Держите семью в прохладе этим летом»
4 . Сделайте предоплату
Ценность, а не цена часто является определяющим фактором при любой покупке, и именно это делает этот тип заголовка таким эффективным. Сосредоточьтесь на том, что делает ваше предложение ценным, и определите, что, как, когда и где.
Вы можете использовать приведенный ниже пример, чтобы лучше понять, как применить эту тактику к вашим заголовкам.
«Бесплатная проверка кондиционера может сэкономить вам тысячи»
5. Захватите внимание / используйте юмор:
Не бойтесь выделиться из толпы. Вы можете использовать тон и юмор, чтобы привлечь внимание к своему заголовку и сломать лед среди клиентов.
Пример забавного заголовка для систем комфорта Билла:
«Не переживайте из-за сломанного кондиционера этим летом!»
Подзаголовок
Подзаголовок обычно появляется сразу под основным заголовком, обычно имеет меньший размер шрифта и часто длиннее.Идеальный подзаголовок расширяет основной заголовок и предлагает больше деталей или стимулов.
Например, подзаголовок показан в нашем примере и предлагает более подробную информацию о том, как Bill’s Comfort Systems может помочь клиентам, упоминая «установку от начала до конца», «ремонт» и «диагностику».
CTA (Призыв к действию)
Ваш CTA — это текст, отображаемый на вашей кнопке. Он должен сообщать посетителям, что вы от них хотите, и представлять вашу цель конверсии.Создавая собственный призыв к действию, будьте кратки и просите клиентов выполнить определенное действие. В конце концов, ваш CTA представляет собой общую цель вашей целевой страницы.
В приведенном выше примере раздела героев призыв к действию — «Запросить встречу сейчас», но также есть второй призыв к действию в правом верхнем углу «Поговорить с реальным человеком». Поскольку нашему клиенту нужны и звонки, и электронные письма, это нормально, но в целом один CTA часто работает лучше всего.
После тестирования сотен целевых страниц для наших клиентов мы обнаружили, что одни призывы к действию работают лучше, чем другие.Поэтому мы создали несколько формул, которые помогут вам создать свой собственный высокоэффективный призыв к действию.
Вот несколько из них, которые вы можете попробовать:
- Попробовать
- Попробовать (продукт / услуга) сейчас
- Пробная версия (продукт / услуга) бесплатно (Срок действия пробной версии)
- Начало работы
- Начните сегодня
- Получите (особенность / выгода) сейчас
- Получи бесплатно (предложение, консультация и т. Д.)
- Купить сейчас
- Купи мой (продукт) сейчас
- Резервное назначение
- Зарезервировать мою встречу
Это лишь некоторые из множества различных призывов к действию, которые вы могли бы использовать на своей целевой странице или, лучше сказать, тестовой.Посмотрите на реальную выгоду от использования целевых страниц: в первую очередь, это дополнительная возможность проверять различные идеи и видеть, что работает лучше всего. Поэтому, когда дело доходит до повышения производительности вашей целевой страницы, вам следует начать с тестирования различных CTA. Мы наблюдали один из самых значительных приростов производительности от простых изменений призывов к действию.
Изображение героя
Изображение вашего героя — это основное изображение / фоновое изображение, отображаемое в разделе вашего героя. Он должен быть связан с вашим продуктом или услугой и, если возможно, включать в себя направляющие сигналы, которые привлекают внимание посетителей к вашему призыву к действию.
Как видите, в разделе героев находятся некоторые из наиболее важных элементов целевой страницы, такие как заголовок и призыв к действию. Это означает, что раздел вашего героя может как повысить, так и снизить производительность вашей целевой страницы.
Бонусный совет: Элементы внутри раздела вашего героя будут иметь наибольшее влияние на производительность вашей целевой страницы. Попробуйте сначала провести A / B-тестирование, чтобы получить самые быстрые улучшения.
Раздел функций
Вы можете легко переименовать этот раздел в раздел «Почему выбирают нас», потому что его цель — объяснить, почему посетители должны выбрать вашу компанию.Итак, теперь у вас есть шанс подробно рассказать о своем уникальном ценностном предложении и убедить посетителей в том, что вы лучший вариант. Давайте в качестве примера рассмотрим раздел функций системы комфорта Билла.
Особенности и преимущества
Обратите внимание, что они не выделили свои услуги. Вместо этого они говорят о конкретных преимуществах, которые получат клиенты, таких как быстрое обслуживание, опытные технические специалисты и бесплатные оценки.
Еще одним важным элементом в этом разделе является текст описания под каждой функцией.Описание позволяет раскрыть каждое преимущество и уточнить свое сообщение.
О, и не забывайте эти милые маленькие значки, которые говорят больше, чем вы думаете, и помогают разбивать стены текста. Помните, что люди не любят читать, поэтому чем больше вы можете сказать с помощью значков или изображений, тем лучше.
Ваша целевая страница должна быть сосредоточена на ответе на вопрос: в чем заключается наше уникальное торговое предложение (УТП)? Вы можете создать пару фраз, которые касаются этого вопроса, и повторять его на всей целевой странице.Последовательность и единообразие обмена сообщениями — ключ к конверсии.
Отдел наших услуг
Раздел услуг дает вам возможность показать клиентам, какие услуги вы предлагаете, и объяснить, как каждая услуга может помочь. Этот раздел поможет прояснить любые вопросы, которые могут возникнуть у посетителей о том, чем вы занимаетесь.
Как и в других разделах этой целевой страницы, вы заметите, что весь текст написан от второго лица. Кроме того, рядом с каждым элементом услуги есть значок, который помогает привлечь внимание пользователей и улучшить их общее понимание предложения.
Покажите посетителям, какие услуги вы предлагаете
Возможно, вы также заметили, что служебные секции выше следуют шаблону «Z», идущему слева направо и снова обратно влево. Причина, по которой этот шаблон так часто можно увидеть в макете целевой страницы, заключается в том, что он обычно является естественным способом просмотра целевых страниц.
Раздел отзывов
Важной частью социального доказательства является наличие положительных отзывов клиентов в макете целевой страницы.Однако это не означает, что каждый пятизвездочный отзыв хорошо подходит для вашей целевой страницы.
Лучшие разделы с отзывами включают изображения ваших клиентов рядом с подробным предложением. Поскольку исследования показали, что взгляд на человеческие лица увеличивает доверие и делает заявления более правдоподобными, в том числе фотография особенно важна.
Когда дело доходит до самого предложения, постарайтесь выбрать такое, которое дает точный пример проблемы, с которой столкнулся клиент, и того, как ваша компания ее решила.
В приведенном ниже примере отзыв в крайнем левом углу является наиболее убедительным, поскольку он подробно описывает ее опыт. В частности, по ее словам, «они вышли в тот же день» и «Два дня спустя они установили нашу новую систему».
Отзывы уменьшают беспокойство и укрепляют доверие
. Вы также заметите, что в этом разделе под каждым именем клиента используется пять золотых звезд, иллюстрирующих рейтинг, который они дали Bill’s Comfort Systems. Это еще один пример того, как на целевой странице можно использовать значки и изображения для быстрой передачи сообщения.Один взгляд на пять золотых звезд, и посетители могут с уверенностью предположить, что эти клиенты остались довольны, даже не читая их отзывов.
Раздел социального доказательства
Наличие отзывов клиентов на целевой странице абсолютно необходимо, но это не единственный способ добавить социальное доказательство. Вы можете украсить свою целевую страницу наградами, логотипами клиентов, сторонними обзорами и даже логотипами известных брендов, которые вы обслуживаете.
Демонстрация брендов, которые предлагает Bill’s Comfort Systems, добавляет социальное доказательство благодаря ассоциации с известными брендами.Это также устраняет любые сомнения потенциальных клиентов относительно их способности работать с различными марками кондиционеров.
Демонстрация известных или «надежных» брендов, которые вы рекламируете, информирует посетителей и помогает установить взаимопонимание.
Есть бесчисленное множество способов добавить социальное доказательство на вашу целевую страницу, и им не всегда нужен отдельный раздел. Так что проявите творческий подход и постарайтесь аккуратно добавить социальное доказательство по всему макету целевой страницы.
Нижний колонтитул
Наконец, у вас есть нижний колонтитул.Этот раздел — ваш последний шанс привлечь посетителей, так что качайтесь за заборы и не забудьте включить призыв к действию. Кроме того, вы должны использовать тот же призыв к действию, который вы использовали в разделе своего героя.
Разделы нижнего колонтитула
— хорошее место, чтобы напомнить покупателю, что вы хотите, чтобы он сделал с CTA
.
Вокруг нижнего колонтитула меньше ажиотажа по сравнению с разделом героев, но на самом деле они очень похожи. Как и ваш главный раздел, ваш нижний колонтитул должен быть ориентирован на одну цель — конверсии.
То, что подходит вам, раздел героя работает и в вашем нижнем колонтитуле. Это не означает копирование и вставку, но у них действительно есть одни и те же элементы. Это означает, что вы можете применить аналогичные принципы для создания высокопроизводительного нижнего колонтитула.
Даже если вам, возможно, придется увеличить масштаб или надеть очки для чтения, чтобы увидеть раздел выше, важно, чтобы вы включили его на все свои целевые страницы. Да, вы прочитали это правильно в первый раз из всех рассмотренных нами разделов, это один из немногих, который вам всегда нужно включать.Его можно рассматривать как часть нижнего колонтитула, но нам нравится называть его разделом об авторских правах.
Разделы авторских прав должны включать ссылки на условия и положения вашего веб-сайта и политику конфиденциальности.
Важно включить, потому что это показывает посетителям (возможно, вашим конкурентам), что вы заявляете об авторских правах на содержание своей целевой страницы. Что еще более важно, он должен содержать ссылки на вашу политику конфиденциальности и страницы условий на вашем веб-сайте. Технически Google Реклама требует наличия этих ссылок, и они обратят на это особое внимание, если вы работаете в медицинской отрасли или в другой сфере, где важна конфиденциальность.
Вы можете украсить раздел об авторских правах, добавив свой логотип, но не хотите отвлекать внимание от более важных элементов в разделе нижнего колонтитула.
Приземление элитного хиропрактика «Ломаем»
Мы знали, что одного примера макета целевой страницы будет недостаточно, поэтому мы проведем оставшуюся часть этой статьи, разбивая вторую целевую страницу для одного из наших клиентов Elite Chiropractic.
Чтобы дать вам краткую справку, Elite Chiropractic — это многопрофильная клиника хиропрактики, ориентированная на восстановление здоровья и правильного функционирования пациентов.
Раздел «Герой»
Мы уже объясняли различные элементы раздела о героях ранее в этой статье. Вместо этого мы поговорим о том, как можно и нужно A / B тестировать различные элементы в разделе героев.
Вот две разные версии целевой страницы Elite Chiropractic.
CTA № 1
В первом варианте, показанном выше, мы использовали расплывчатый призыв к действию «Продолжить», в отличие от более конкретного CTA, подобного тому, который мы видели во втором варианте.Однако это небольшое изменение — единственное различие между этими двумя целевыми страницами. И по уважительной причине, если мы внесем слишком много изменений одновременно, мы не сможем определить, какое изменение приводит к увеличению или снижению производительности.
CTA № 2
В нашем втором варианте используется очень специфический призыв к действию «Зарезервировать сейчас».
Чтобы проверить, какой из них обеспечит более высокий коэффициент конверсии, мы запускали эти две страницы бок о бок, пока не собрали достаточно данных, чтобы выбрать победителя.
Сможете угадать, какая страница выиграла?
Если вы угадали первое, то похлопайте себя по плечу.Первый вариант выиграл с огромным успехом, превзойдя более конкретный CTA на 300%. Это тоже не совпадение: в Linear мы заметили, что нечеткие призывы к действию, как правило, лучше подходят для целевых страниц лидогенерации.
Раздел «О нашем местонахождении»
Elite Chiropractic — это местный бизнес, поэтому имело смысл включить раздел о местоположении вместе с некоторой динамической заменой текста. Это позволило нам автоматически отображать ближайшее к тому месту, где ищут потенциальные клиенты, без создания нескольких целевых страниц.
Совет: О разделах можно использовать динамическую замену текста.
Вы можете использовать конструктор целевых страниц, например Instapage, для добавления динамического текста на целевые страницы. Это может повысить коэффициент конверсии и сэкономить много времени и усилий по созданию целевой страницы для каждого местоположения.
Почему секции хиропрактики Elite
Хотя здесь нет надписи «Почему именно элитный хиропрактик», в этих разделах объясняется, почему вам следует посетить их клинику. Вы должны сделать эти разделы легко просматриваемыми, чтобы наиболее важные детали были выделены жирным шрифтом, легко читаемым текстом заголовка.Это позволяет читателям быстро получать самую важную информацию и должно значительно улучшить ваши показатели конверсии.
В этом разделе следует объяснить, почему ваши услуги лучше, чем у конкурентов.
Изображения вашего продукта или услуги, подобные изображенным в этом примере, помогают проиллюстрировать, чего клиенты могут ожидать, гораздо эффективнее, чем просто текст.
Дополнительный совет: По возможности делайте откровенные снимки сами, а не используйте стандартные фотографии. Мы обнаружили, что это особенно важно для предприятий здравоохранения и местных услуг.Фотографии ваших сотрудников и местоположения сделают вашу страницу более личной и дружелюбной, даже если они не идеальны.
Отдел отзывов клиентов
Хорошо, я знаю, о чем вы думаете. Это много текста, разве вы не сказали нам, чтобы он был коротким и приятным?
Хотя целевые страницы с меньшим количеством текста обычно работают лучше, из этого правила есть некоторые исключения.
Вы можете использовать A / B-тестирование, чтобы выяснить, предпочитают ли посетители более длинные отзывы или более короткие и сжатые отзывы.После проверки вы поймете, что лучше всего подходит для вашей страницы, но никогда не предполагайте, что будет работать лучше всего. Вместо этого думайте о своем предположении как о гипотезе. Вы можете подумать, что один вариант превзойдет другой, и это нормально, скорее всего, вы правы, но вы никогда не узнаете наверняка, пока не проверите его.
Люди верят тому, что говорят другие люди, похожие на них, — больше, чем они верят тому, что вы говорите о себе
И это именно то, что мы сделали для Elite Chiropractic, и оказалось, что посетителям больше нравились более длинные отзывы.Это небольшое изменение увеличило конверсию с полной прокруткой на 110%. Несомненно, стоящий тест.
Нижний колонтитул
Нижний колонтитул «Элитной хиропрактики» заканчивается так же, как и начинается, и это то, что вам нужно. Использование одного и того же призыва к действию в нижнем колонтитуле и разделе героев будет держать посетителей сосредоточенными на одной цели или на том, что мы называем соотношением внимания 1: 1.
Коэффициент внимания — это количество действий, которые вы можете сделать на одной целевой странице, по сравнению с количеством действий, которые вы хотите, чтобы клиенты делали.Чем жестче вы будете поддерживать это соотношение, тем выше будет коэффициент конверсии.
Заголовки в нижнем колонтитуле
должны резюмировать, что клиенты могут ожидать, нанимая вас или покупая ваш продукт.
Наконец, обратите внимание на заголовок, используемый в нижнем колонтитуле для Elite Chiropractic. Он повторно использует слово «Боль» и передает то же сообщение, что и в разделе героев страницы. Это помогает укрепить ожидания посетителей и добавляет эмоций.
Заключение по макету посадочной страницы
Первое правило макета целевой страницы — это отсутствие правил макета целевой страницы.
Трудно усвоить урок…
Ладно, шучу, вроде…
Существуют передовые практики и множество отличных идей для тестирования, поэтому вам не придется каждый раз начинать с нуля. Я пытаюсь подчеркнуть, что каждая страница уникальна и требует отдельного набора инструментов для максимальной производительности. Поэтому важно не зацикливаться на одной и той же тактике, если она не работает. Вместо этого вам следует расставить приоритеты по наиболее важным элементам вашей страницы и работать в первую очередь над ними.
Копия целевой страницы является наиболее важным аспектом вашей страницы, и если бы мы сузили ее еще больше, ваш главный заголовок и CTA были двумя наиболее важными элементами на вашей странице. Поэтому потратьте некоторое время на разработку и тестирование этих элементов, прежде чем переходить к другим разделам целевой страницы.
На очереди ваше социальное доказательство. По возможности убедитесь, что у вас есть отзывы и отзывы реальных людей и фотографии.
Наконец, если есть сомнения, проверьте это! Никогда не знаешь, как что-то будет работать, пока не попробуешь.Я оставлю вам несколько идей по тестированию, которые помогут вам начать работу.
- CTA — Протестируйте различный текст призыва к действию, цвет кнопки и размещение.
- Основной заголовок — проверьте заголовки разных типов, от вопросов до вдохновляющих или предлагающих скидку.
- — Попробуйте использовать длинные формы вместо коротких и одношаговые вместо многоступенчатых.
- Social Proof — Тестируйте обзоры с фотографиями и без, а также с длинными и короткими отзывами.
- Макет целевой страницы — проверьте длину страницы и попробуйте добавить новые разделы, удалить разделы и изменить порядок их расположения.
Формы
Мы будем рады услышать о вашем опыте работы с макетами целевых страниц, поэтому не забудьте оставить нам комментарий ниже.
9 советов по дизайну целевой страницы для повышения конверсии
Включите подробную информацию о продукте
Целевые страницы, особенно те, которые предназначены для того, чтобы помочь вам продавать больше товаров, дают вам прекрасную возможность выделить конкретный товар и рассказать вашим клиентам, почему они им нужны. Включите описательную информацию о продукте и не забудьте подробно остановиться на важных характеристиках продукта, например о размерах или размерах.Расскажите своим клиентам, что делает ваши продукты — и ваш бизнес уникальными, включая социальные доказательства. Помните: рассказывание историй часто приводит к обращению.
Напишите убедительное описание продукта
Один из самых важных элементов любой страницы продукта — это хорошо написанное описание продукта, в котором четко указано, что вы продаете и почему покупателю это просто необходимо. Как и в случае со всем вашим маркетингом, копия на странице вашего продукта должна быть брендовой и иметь отношение к вашей аудитории, чтобы иметь возможность превращать посетителей в клиентов, но есть еще несколько вещей, о которых следует помнить, когда вы пишете описание своего продукт.
Прямой
Исследование показало, что 79% людей склонны сканировать веб-страницу, а не читать ее полностью, поэтому первое описание, которое клиенты увидят на странице вашего продукта, должно быть четким и точным.
Ответьте на вопросы, которые могут возникнуть у покупателей о вашем продукте
Перед совершением покупки покупатели должны убедиться, что они точно знают, что они покупают. Хотя вы, вероятно, не сможете предвидеть все возможные вопросы, которые могут возникнуть, вам нужно убедиться, что у клиентов достаточно информации, чтобы покупать с уверенностью.
Если вы, например, продаете предмет одежды, расскажите покупателям, какой это тип ткани и как они могут рассчитывать, что этот предмет подойдет.
Оживите свой продукт с помощью изображений
Покупатели не могут физически взаимодействовать с товарами во время совершения покупок в Интернете. Это означает, что они полагаются на фотографии ваших товаров, чтобы убедить их совершить покупку. Фактически, 92% потребителей говорят, что визуальные эффекты являются главным влиятельным фактором, влияющим на решение о покупке, поэтому убедитесь, что изображения на вашей странице передают текстуру, размер, запах или любые другие аспекты вашего продукта, которые могут быть интересны для вас. клиенты.
Несколько изображений лучше, чем одно
В своем отчете по исследованию потребителей за 2018 год Salsify обнаружил, что 73% людей хотят видеть 3 или более изображений при рассмотрении покупки. К счастью, большинство мобильных устройств оснащены отличными камерами (а также встроенными инструментами редактирования), поэтому, даже если вы не являетесь профессионалом в области фотографии, легко сделать как можно больше красивых, высококачественных и привлекательных изображений для своего интернет-магазина. как вам нужно.
Показать под разными углами
Помогите своим клиентам визуализировать, как товар выглядит лично, используя изображения с разных точек зрения или с разных точек зрения.
Планируя свои фотографии, обязательно включите хотя бы одно масштабное изображение; 42% людей попытаются определить размер и масштаб по изображениям на странице продукта.
Но убедитесь, что не снижаете время загрузки вашего бизнес-сайта.
Используйте образы образа жизни
Изображения
Lifestyle — отличный способ рассказать историю вашего продукта и помочь вашим клиентам представить, как они могут использовать его в своей повседневной жизни.