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

Джон Дэвисон Рокфеллер

Меню сайта
  • Компьютеры
  • Телефоны
  • Бизнес
  • Свое дело
  • Решение проблем
  • Интернет
  • Новости
  • Новости
    Реклама
    Реклама

    Лучшие практики для отличного дизайна целевой страницы [SlideShare]

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

    Я думаю, вы поняли идею.

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

    Чтобы получить техническую действительно быстро, Wix.com определяет «целевая страница - это отдельная страница с определенной целью: заставить посетителей выполнить действие». Это означает, что ваша целевая страница предназначена для одной аудитории с одной целью: заставить их конвертировать.

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

    Проверьте эту разницу между Достоверные - х домашняя страница и целевая страница ...

    Проверьте эту разницу между   Достоверные - х   домашняя страница и целевая страница

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

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

    Имея это в виду, ваша целевая страница должна ответить четыре вопроса :

    1. Что такое предложение?

    2. Каковы преимущества?

    3. Почему ваша аудитория нуждается в вашем предложении сейчас?

    4. Как они получают предложение?

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

    Просто эти вопросы - первые шаги к созданию вашей страницы Уникальное торговое предложение ,

    Вы можете сделать это через два шага:

    1. Создание последовательной, убедительной копии

    2. Оптимизация 6 основных элементов целевой страницы.

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

    когда создание вашей целевой страницы , рассмотрите вашу аудиторию и ваших конкурентов.

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

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

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

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

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

    Чтобы повысить срочность, сконцентрируйте свою аудиторию на конвертации и продемонстрируйте свое ценностное предложение. следить D Бнонн Теннантс советуйте и используйте то, что он называет «гипнотическими словами»: « вы», «потому что» и «представьте» . Эти три слова стимулируют подсознание к снижению покупательских возражений, что в конечном итоге заставляет вашу аудиторию покупать ваш продукт, а не ваших конкурентов (#conversion!).

    Вот краткое изложение причин, по которым D Bnonn Tennant использует эти слова:

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

    • ПОТОМУ ЧТО - Люди хотят порядка. Мы всегда ищем причину и следствие. Потому что это показатель предстоящего объяснения причины. Слышать или читать слово, потому что сигнализирует привратнику мозга пропустить сообщение в подсознание.

    • ИЗОБРАЖЕНИЕ - Слово « воображение» помогает аудитории представить результат покупки, а не сам процесс покупки, что помогает снизить их сопротивление покупкам. Imagine стимулирует мозг на самом деле думать о том, чтобы владеть продуктом, и заставляет человека задуматься о том, на что будет похожа его жизнь, создавая чувство собственности. Гораздо проще сделать продажу, когда ваша аудитория уже представляет свою жизнь с вашим продуктом. Чувствуя, что у них это уже есть, они захотят сохранить его, то есть совершить фактическую покупку, чтобы исполнить эти желания.

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

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

    Для еще большей помощи по копированию, маркетолог и писатель Teachable, Эшли Хокни написал о ней отличный пост 10 советов для более мощного копирайтинга ,

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

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

    Это не так много времени. Давайте рассмотрим, как максимально использовать эти 8 секунд.

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

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

    Проверять, выписываться Farmigo , Они создали рекламу для своей компании и новую целевую страницу, только для трафика Facebook.

    Проверять, выписываться   Farmigo   ,  Они создали рекламу для своей компании и новую целевую страницу, только для трафика Facebook

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

    Используйте это место, чтобы быть убедительным и объяснить ваше предложение более подробно, как   Trip Tribe   делает

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

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

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

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

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

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

    Думаю об этом. Когда вы в последний раз покупали что-то на Amazon (например, эти классные каблуки Стива Мэддена или новейшую игру Madden PS4) и не читали обзоры? И даже если вы не читали обзоры в Интернете, на ваше решение о покупке, скорее всего, повлиял кто-то, кроме вас.

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

    SpyFu действительно продвигает социальное доказательство с двумя местами размещения на их целевой странице: 1) публикации, в которых они были показаны, и 2) отзывы клиентов.

    SpyFu   действительно продвигает социальное доказательство с двумя местами размещения на их целевой странице: 1) публикации, в которых они были показаны, и 2) отзывы клиентов

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

    Майкл Аагард указывает на то, что в CTA есть два основных элемента.

    1. Копировать : отвечает на вопрос, почему нажмите эту кнопку

    2. Дизайн : визуальная подсказка аудитории, куда нажимать

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

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

    • Заключите текст CTA в коробку . Это делает его похожим на кнопку, и люди хотят нажимать кнопки! Используйте закругленные края. Попробуйте эффект 3D. Когда мышь наводит курсор на кнопку, она меняет цвет / оттенок; это побуждает людей нажимать. Эти маленькие изменения заставляют вашу кнопку переходить от плоской к потрясающей!

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

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

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

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

    Я оставил один пункт из этого списка выше: ставить ли CTA выше или ниже сгиба . Этот вопрос зависит от типа контента, который вы имеете, и продукта, который вы предлагаете. В соответствии с KissMetrics , чем сложнее продукт / предложение и больше информации для переваривания, поместите CTA ниже сгиба. Если предложение простое и не требует большой информации для принятия решения, разместите CTA выше сгиба.

    Читать Как написать и создать свою целевую страницу Call-to-Action для более подробного объяснения по созданию идеального CTA.

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

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

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

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

    Teachable тоже можно настраивать. Помните первое изображение, которое я использовал в этом сообщении, сравнивая домашнюю страницу и целевую страницу? Ну, гуру цифрового скрапбукинга Джессика Спрэг полностью настраивает свои страницы. Мы постоянно получаем письма с вопросом, как это сделать! Если вы заинтересованы, проверьте это сообщение в блоге и вебинар Повторите, где она объясняет, как она сделала это.

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

    Если вы создаете свою собственную целевую страницу, вот несколько замечательных разработчиков целевых страниц: Instapage , Unbounce а также Hubspot , Если хотите подписаться на Teachable чтобы создать целевую страницу убийцы для вашего удивительного курса, это займет всего 10 минут!

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

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

    Что означают все эти цвета ?!

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

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

    Выберите цвета, которые связаны с характеристики Вы хотите источать.

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

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

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

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

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

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

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

    Вот мои любимые сайты для палитры вдохновения:

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

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

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

    • засечка

    • Грузия

    • Times New Roman // Таймс

    • Палатино Линотип // Палатино

    • Книга Антиква

    • Без засечек

    • Verdana

    • Женева

    • Arial

    • Helvetica

    • Tahoma

    • Требушет М.С.

    • Lucida Sans Unicode // Lucida Grande

    • Monospace

    • Курьер Новый // Курьер

    • Lucida Console

    • Монако

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

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

    Еще один способ отличить текст от размера.

    исследование штата Вичита Выяснилось, что основной текст лучше всего составлять из 12 пунктов, поскольку его легче всего читать за наименьшее количество времени. Если ваша аудитория старше, увеличение размера точки до 14 не повредит, чтобы облегчить глаза. Последние новости лучше всего смотреть в 17-25pt.

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

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

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

    Я собираюсь использовать дизайн целевой страницы Teachable для моего примера в этом разделе.

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

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

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

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

    Это также важно для вашей кнопки CTA. Цвет его теряется из-за картинки? Если так, я бы рекомендовал изменить один (возможно, изображение), потому что ваш CTA всегда должен быть в центре внимания.

    При выборе изображения выше, я прошел по крайней мере 4 или 5 различных, прежде чем я остановился на этом.

    Я знаю, что это очень много информации, чтобы думать, когда вы создаете свою целевую страницу. Потребуется время, чтобы сделать его идеальным. (Yay для A / B тестирования!) Но все усилия и мысли стоят того.

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

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

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

    Каков один из самых простых способов увеличить конверсию?
    Какую эффективную тактику заставить потребителей конвертировать в один клик?
    Какой способ заставить всех думать, что ты и твой продукт потрясающие?
    Каковы преимущества?
    Почему ваша аудитория нуждается в вашем предложении сейчас?
    Как они получают предложение?
    Вы смотрели на то, что делают ваши конкуренты?
    Не уверены, какой должна быть ваша точная формулировка?
    Есть ли какое-либо слово или фраза, которую они продолжают использовать в своих сообщениях поддержки или в фэнах, в социальных сетях или онлайн-форумах, когда говорят о вашем продукте?
    Зачем?
    Профиль
    Реклама
    Деловой календарь
    Пн Вт Ср Чт Пт Сб Вс
     
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    Реклама
       
    Sti.lg.ua © 2016