125

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

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

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

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

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

Предварительные приготовления

Прежде чем приступать к разработке LP, убедитесь, что вы подготовлены. Результат будет зависеть от того, насколько точны были вы на первом этапе. Существует несколько основных этапов:

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

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

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


ПРИМЕЧАНИЕ. Не выполняйте дизайн LP до тех пор, пока копирайт не будет выполнен. В результате копирайта вы получаете легкую структуру тезисов, разбитую на отдельные блоки. Затем вы можете приступить к созданию прототипа LP.


Дизайн прототипа LP

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

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

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

Добавьте блок CTA в каждый третий блок.

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

Отметьте расположение всех частей (заголовков, текстов, значков, списков, инфографики, кнопок и т. Д.) В прототипе LP.

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

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

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

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

Дизайн LP

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

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

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

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


Используйте большие шрифты для заголовков.

Размер текста должен быть в интервале 14-16px.

Интервал между строками должен быть как минимум в 1,5 раза больше размера шрифта.

Цвет фона и цвет текста должны быть контрастными.

Избегайте темного фона, если текст длинный.

Избегайте абзацев длиной более 5 строк.

Используйте более маркированные или пронумерованные списки.

Избегайте слишком большой капитализации.

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

4. Графика. Одна картина стоит тысячи слов. И неважно, будет ли это картина, показывающая некоторые факты или значок на кнопке заказа. Существует также набор правил, которым вы должны придерживаться:

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

Не накладывайте текст на изображения: это вредит восприятию текста.

Не используйте изображения с безликими мужчинами.

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

5. Состав и цвет. Обратите внимание на следующие моменты:

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

Цвет кнопок не важен, но убедитесь, что цвет кнопок и цвет фона контрастны.

Избегайте плоских кнопок, поскольку не всегда ясно, является ли это кнопкой или нет.

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

Избегайте стандартных значков: фотографии намного лучше.

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

Визуально отдельные блоки друг от друга.

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


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

0 комментариев

Написать сообщение

Пожалуйста, оцените по 5 бальной шкале