Вы здесь: Блог > Как сделать хороший дизайн Landing Page. Особенности, правила и ньюансы

Как сделать хороший дизайн Landing Page. Особенности, правила и ньюансы

217
Как сделать хороший дизайн Landing Page. Особенности, правила и ньюансы
Рейтинг: 5, голосов - 5

Что такое  Landing Page?

Википедия говорит, что Landing Page (целевая страница или «посадочная страница»)  — это веб-страница, основной задачей которой является сбор контактных данных целевой аудитории.

Зачем нужны Landing Page?

Для усиления эффективности рекламы, увеличения аудитории. Лендинг обычно содержит информацию о товаре или услуге.

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

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

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

  • Составить план по созданию лендинга
  • Продумать структуру будущего лендинга
  • Написать содержание лендинга
  • Эффектно оформить лендинг

Теперь рассмотрим каждый пункт по порядку.

План по созданию лендинга

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

  • Какое УТП есть у продукта/услуги? (преимущества/акция/скидки )
  • Краткое описание продукта в 3-4 предложениях
  • Кто является клиентами продукта или услуги, какие у них потребности?
  • Как продукт или услуга помогает Вашим клиентам?
  • Почему стоит купить продукт или услугу?
  • Как работает продукт или услуга?
  • Какие результаты/отзывы есть у продукта или услуги?
  • Как заказать продукт или услугу?
  • Если есть варианты покупки (таблица цен), то какие?
  • Кто предоставляет продукт или услугу? (приведите несколько фактов)

Только после того как Вы ответили на эти вопросы, переходите к следующему этапу.

Структура будущего лендинга

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

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

Есть 4 популярных модели Landing Page, ознакомиться с которыми Вы можете ниже:

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

Содержание лендинга

Вам необходимо написать текст. Просто написать текст, открыть Word, сесть и написать текст.

Несколько советов, как написать хороший текст для лендинга:

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

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

Оформление лендинга

На этом этапе, когда создан план, продумана структура и написан текст переходите к оформлению.

Несколько советов :

  • Старайтесь рисовать сайт в одном стиле
  • Старайтесь использовать не более 3-х основных и нескольких дополнительных оттенков в дизайне
  • Выберите приятный и читабельный шрифт
  • Делайте довольно большие расстояния между элементами
  • Не используйте картинки плохого качества, только качественные картинки с высоким разрешением

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

Открываем фотошоп и создаем в нем файл 1920х5000 пикселей.

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

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

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

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

Добавляем следующий блок.

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

Расскажите о истории Вашего продукта, это повысит доверие к Вам и Вашему товару или услуге.

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

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

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

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

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

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

 

comments powered by HyperComments
Top