Разработка сайта лендинг: лендинг и все, что с ним связано

Итерации

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

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

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

Как вы можете видеть из реальной целевой страницы Cloud, мы продолжили итерацию по настоящему. Вы даже можете посмотреть видео Live Wireframing, показывающее, как мы работали над добавлением информации о ценах на страницу.

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

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

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

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

Шаблон целевой страницы веб-разработчика для личного сайта

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

Создайте достойное портфолио с помощью страницы веб-разработчика.

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

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

Текущие услуги и проекты веб-разработки

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

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

Легко настройте шаблон целевой страницы веб-разработчика

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

Установите связь с клиентами

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

Попробуйте эту удивительную целевую страницу для веб-разработчиков и запустите свой веб-сайт-портфолио уже сегодня!

Сколько времени нужно, чтобы создать веб-сайт

‍

Рик Месс | 3 июля 2020 г.

‍

‍

‍

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

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

‍

‍

Лендинг — от 1–2 недель

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

Специальное предложение от команды Outcrowd — Посадка через неделю

‍

Веб-сайт — от 4–8 недель

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

‍

Интернет-магазин — от 8–16 недель

На создание Интернет-магазина с дополнительным функционалом и разным макетом страниц уходит не менее 8 недель, а в некоторых случаях требуется до 6–12 месяцев работы.

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

‍

График разработки веб-сайта

График разработки напрямую связан с фазами и этапами разработки.

‍

Этапы разработки (на примере приземления)

‍

‍

‍

Этап 1

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

‍

2 этап

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

‍

3 этап

Разработка дизайна . На основании Технического задания наши дизайнеры создают 2–3 полноценных варианта макета дизайна. Это занимает в среднем от 5 до 7 дней . Срок может увеличиваться до тех пор, пока один из макетов не будет одобрен заказчиком.

‍

Этап 4

Создание макета страницы . Дизайнер макета создает HTML-шаблон для сайта на основе макета, предоставленного веб-дизайнером.Они делают макет динамическим, создают адаптивную версию или другой тип макета, внедряют веб-сайт в CMS, делают сайт кроссбраузерным. Для этого этапа потребуется от 3 до 10 дней . Если создается большой проект с нестандартным функционалом, потребуется дополнительная доработка функций. Это займет еще несколько дней.

На этапе программирования обычно нет взаимодействия с клиентом, поэтому обычно на это не уходит много времени. Создание макета занимает в среднем от 5 дней до 2 недель , в зависимости от выбранной технологии (HTML, CSS, JS или такие платформы, как WordPress или WebFlow) и сложности проекта.

‍

Этап 5

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

‍

Этап 6

Запуск . Запуск сайта может занять от 1 дня до 2 недель .

Специальное предложение от команды Outcrowd — Посадка через неделю

‍

‍

Что влияет на продолжительность разработки сайта?

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

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

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

• Техническое задание на дизайн

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

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

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

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

‍

Как ускорить создание сайта?

1. Найдите компанию профессиональных специалистов.

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

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

‍

2. Четко опишите ваши требования и пожелания в Техническом задании.

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

‍

3. Обеспечьте оперативную обратную связь с вашей стороны.

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

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

‍

Зачем нужны качественные целевые страницы SEO

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

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

Целевые страницы SEO созданы исключительно для того, чтобы привлечь людей на ваш сайт, а затем заставить их остаться. . Мы делаем это, настраивая таргетинг каждой страницы специально для ключевого слова с длинным хвостом и вариантов этого ключевого слова. Мы включаем ключевые слова в содержимое страницы, а также в заголовок (также известный как тег h2), подзаголовок (также известный как тег h3) и мета-описание. Когда страница оптимизирована правильно, она будет хорошо ранжироваться по этому ключевому слову, привлекая трафик от людей, которые ищут это слово.Эти оптимизированные страницы будут привлекать качественный трафик, т. Е. люди, которые ищут ваши продукты или услуги, на ваш веб-сайт.

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

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

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

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

: полное пошаговое руководство

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

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

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

Что мы смотрим в этом списке?

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

1. Подготовка : Все работы по планированию и подготовке, которые входят в создание потрясающих целевых страниц.
2. Создание фреймворка : Как разрабатывать фреймворки, которые упростят и ускорят создание целевых страниц в будущем.
3. Контент целевой страницы : Контенту не уделяется должного внимания, но именно это действительно отличает целевые страницы с высокой конверсией от остальных, поэтому давайте убедимся в этом.
4. Психологические методы : Используйте эти мощные методы для создания убедительного контента и влияния на решения о покупке.
5. Дизайн каждого раздела целевой страницы : Как разработать каждый раздел целевой страницы, сверху вниз.
6. Максимум конверсий : Как оптимизировать целевые страницы для повышения производительности с течением времени.

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

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

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

Планируйте заранее для

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

Шаг 1. Получите достойный конструктор целевой страницы

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

«Компании с 30 и более целевыми страницами генерируют в 7 раз больше потенциальных клиентов, чем компании с менее 10».

Согласно исследованию Preface Studios, компании с 30 и более целевыми страницами генерируют в семь раз больше потенциальных клиентов, чем компании с менее чем 10 — это в три раза больше целевых страниц, генерирующих в семь раз больше потенциальных клиентов.

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

Шаг № 2: Определите свою аудиторию для каждой целевой страницы

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

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

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

Это очень важно для дизайна целевой страницы.

Шаг 3. Определите цели конверсии

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

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

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

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

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

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

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

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

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

Чтобы упростить этот процесс и связать все вместе, как и должно быть (здесь важна последовательность), я рекомендую планировать каждую кампанию в следующем порядке:

1. Выберите цель (цели) конверсии
2. Выберите целевую аудиторию
3. Выберите каналы продвижения (контекстная реклама, обычный поиск, соцсети, электронная почта и т. Д.).)
4. Определите свое ключевое сообщение
5. Сделайте это сообщение единообразным для каждой кампании, включая каналы, которые вы используете для привлечения трафика на свои целевые страницы

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

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

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

Вот несколько советов для начала.

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

Меню навигации может отвлекать пользователей от ваших целей конверсии.

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

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

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

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

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

Источник: Instapage , Getquip.ком

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

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

Есть много причин, по которым этот шаблон является хорошим вариантом:

• Ваши целевые страницы будут одинаковыми с точки зрения дизайна и стилей (выбор шрифтов, стили, размеры, макеты, поля и т. Д.)
• Полноразмерные блоки div заставляют вас создавать краткие сообщения, сосредотачиваясь на одной точке в каждом разделе.
• Это придает каждому сообщению большее воздействие, снижает отвлекающие факторы и упрощает навигацию по страницам.
• Этот формат также сделает сообщение в каждом разделе более запоминающимся
• Полноразмерные макеты по умолчанию являются адаптивными, поэтому целевые страницы в значительной степени оптимизированы для мобильных устройств еще до того, как вы начнете (просто убедитесь, что размер текста и изображений соответствует адаптивному дизайну).
• Одиночные столбцы дают вам много свободного места для работы, делая ваши основные сообщения и кнопку CTA более заметными.
• Вы можете выровнять текст и другие части контента, чтобы сделать ваши призывы к действию более заметными (подробнее об этом в , шаг № 10 ).
• Наличие такого шаблона сделает проектирование будущих целевых страниц быстрее, проще и эффективнее.
• При необходимости вы можете просто добавить новые разделы в существующий шаблон.
• Вы можете оптимизировать каждый раздел по отдельности, чтобы повысить производительность и поэтапно увеличивать конверсию.

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

Шаг № 8: По возможности придерживайтесь трех столбцов

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

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

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

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

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

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

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

Шаг № 9: Выберите, где разместить ваши CTA

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

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

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

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

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

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

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

Шаг № 10: Используйте перевернутую пирамиду для CTA

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

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

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

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

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

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

Шаг № 13: Создайте свои формы

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

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

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

Шаг № 14: Создайте нижний колонтитул целевой страницы

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

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

Теперь вам нужно принять несколько решений:

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

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

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

Вот что вам нужно сделать.

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

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

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

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

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

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

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

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

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

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

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

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

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

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