W-D-M

Мы в социальных сетях:

Создание структуры для Landing Page

Опубликовано: 09.08.2018

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

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

С чего начинается Landing Page?

Посадочная страница начинается с карты вашего потенциального посетителя и клиента.
Зачем она нужна?

Ответьте себе на следующие вопросы:

  • Какой возраст вашего клиента?
  • Какой его достаток?
  • Какие его требования к вашему продукту или услуге?
  • Какие его ожидания от продукта или услуги?
  • Какие цели вашего клиента?
  • Какие его слабости?
  • Что его может заинтересовать?

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

Например ниша окна:

  1. Возраст: 18-25 лет
    Доход:  200-300$ в месяц
    Требования: недорого, качественно
    Ожидания: не будет сквозить, летом не будет насекомых
    Цель: улучшить жилье
    Слабости: скидки, консультации, дешевизна, рассрочка
  2. Возраст: 25-40 лет
    Доход:  400-1000$ в месяц
    Требования: качественно, с гарантией, красиво, функционально
    Ожидания: без шума, без сквозняков, без запотевания, гарантия, вывоз мусора
    Цель: улучшить жилье, под дизайн жилья
    Слабости: консультации, бесплатная доставка, бонусы

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

Разработка структуры

Любой сайт, будь-то посадочная страница или интернет магазин, должны иметь прототип. Да, это может быть обычная зарисовка на листке бумаге или интерактивный прототип в Moqups или других сервисах (Рекомендуем: ninjamock.com - бесплатно).

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

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

Первый экран

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

Например эффективный экран для ниши окна может выглядеть так:

Заголовок: Недорогие окна известных производителей от 150$!

Подзаголовок: Доставка и монтаж бесплатно при заказе до 16 июля.

Форма заявки: (имя, телефон)

Преимущества

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

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

Плохой пример:

  • Мы официальные поставщики
  • Гарантия качества
  • Низкая цена
  • Работаем более 10 лет
  • Более 1000 клиентов

Эти фразы не говорят ничего конкретного, и никак не влияют на выбор именного ваших услуг или товаров.

Хороший пример

  • Вы полчите окна известных производителей
  • Вы получите бесплатную доставку и монтаж
  • Гарантия на установку 2 года
  • Вы получите скидку на профилактику
  • Бесплатная консультация и выезд замерщика
  • У вас не будет шума и сквозняков

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

Товары

Большинство типичный посадочных страниц просто добавляют фото, стоимость и кнопку купить.

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

Например так:

Карточка товара на лендинг пейдж

Блок акции, бонусы

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

В нашем случае роль акции сыграет: Бесплатная доставка и монтаж
В данном блоке лучше использовать открытую форму.

Отзывы, кейсы

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

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

Блок отзывы на посадочной странице

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

Контакты

Данный блок может выглядеть стандартно. Здесь не нужно придумывать что-то сверхъестественное. Укажите адрес компании, телефон, телефон для мессенджеров, ссылки на социальные сети, e-mail.

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

Заключение

Теперь вы знаете, что необходимо учитывать при создании landing page. Это достаточно базовые приемы, но они хорошо себя зарекомендовали на практике. Вам не нужно отталкиваться от конкурентов или думать о дизайне изначально, сначала составьте карту клиента, потом прототип. Только так, а не иначе и вы начнете понимать, что действительно будет работать в вашем конкретном случае! Удачи!

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

W-D-M
Веб-разработка, дизайн и маркетинг.
crossmenu linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram