Как сделать прототип лендинга для продвижения премиального (от 2,5 млн) продукта: от брифа до подготовки к дизайну

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

Как сделать прототип лендинга для продвижения премиального (от 2,5 млн) продукта: от брифа до подготовки к дизайну
Женя Стрижак
Прототипировщик, копирайтер-маркетолог. Помогаю бизнесу расти с помощью конверсионного сайта на основе маркетингового анализа (vk.com/e.strizhak82)

С инженером Алексеем Коноваловым познакомились в сообществе предпринимателей и маркетологов — он искал специалиста для разработки контента сайта своей компании. Компания уже долгое время занимается проектированием и внедрением персонализированных решений Умный дом в республике Казахстан. Работают на современных интеграционных платформах, объединяя решения производителей мирового уровня. В последнее время на системы появился спрос со стороны застройщиков многоквартирных домов, офисов, торговых центров. Пришло время обновить «лицо» компании в интернете и выйти на новый уровень работы.

Обсудить и сформулировать задачу

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

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

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

На первом созвоне выяснила предысторию:

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

До сих пор работали только с b2c (частные загородные дома и коттеджи), но недавно появился запрос на системы от застройщиков многоквартирных домов. Есть все предпосылки, что оборудование новостроек системой Умный дом станет нормой в перспективе 2-3 лет.

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

Задачу сформулировали таким образом:

  • дать на лендинге максимум информации, которая нужна выбранному сегменту ЦА (b2c) для продолжения коммуникации
  • отстроиться от конкурентов — показать преимущества через выгоды
  • продумать лид-магниты и целевые действия для аудиторий разной теплоты
  • представить компанию как абсолютного лидера ниши в Казахстане, повысить узнаваемость бренда

Взять интервью о продукте

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

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

Суммарно созвоны заняли более 5 часов. Только в личной беседе можно найти действительно важные смыслы и концепции, «бумажное» брифование не даст нужного результата.

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

На выходе получилась структурированная ментальная карта (майндмэп).

Информацию после созвона удобно структурировать для дальнейшей работы
Информацию после созвона удобно структурировать для дальнейшей работы

Провести исследование спроса

Основные инструменты исследования спроса — сервисы Яндекс.Вордстат и Google Trends.

Что мы там можем узнать?

  • уровень спроса на товар/услугу по регионам
  • сезонность в нише
  • ключевых конкурентов. Их сразу видно по «добавкам» в запросах
  • необходимость подмены заголовка (и даже контента) на сайте в зависимости от запроса пользователя. Количество целевых действий вырастет, если потенциальный клиент увидит не общее предложение, а именно то, что он искал. Например «Умный дом для коттеджа»
  • сведения о продукте, которые в обязательном порядке должны быть на сайте
  • возражения, которые нужно отработать на сайте
  • примерную структуру сайта. Ориентируемся на частоту запросов. Чем она выше, тем выше в структуре должен быть блок, раскрывающий суть запроса
  • инфоболи — информацию, которой недостает для принятия решения. Инфоболи можно использовать в качестве идей лид-магнитов для касания с аудиторией разной теплоты (готовности к покупке).

В проекте я изучала спрос на умные дома как в Казахстане, так и в РФ.

В РФ чаще всего ищут коробочные беспроводные решения от операторов связи и продукты типа Xiaomi. Ценовой диапазон — до 30 тыс. руб. Набор функций на первый взгляд похож — голосовой помощник, умная розетка, умный пульт, умная лампочка. Минимальная автоматизация, рассчитанная на масс-сегмент.

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

Выводы, которые сделала только на основании исследования спроса:

  • На сайте должна обязательно присутствовать информация о продукте — описание подсистем, общая схема работы умного дома, возможные сценарии использования, видеообзор
  • Нужна отстройка от недорогих коробочных решений
  • Желательно добавить Блог со статьями «Как выбрать компоненты Умного дома», «Преимущества использования систем Умный дом», «Какие виды умных домов бывают и как выбрать»
  • Добавить на сайт прогревающий квиз как точку входа теплой аудитории для повышения вовлеченности
  • Добавить лид-магнит на тему «Как получить максимум пользы от умного дома, не переплачивая за ненужные функции»
  • Добавить лид-магнит на тему «Популярные сценарии работы умного дома»

Проанализировать конкурентов

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

Акцент — на тот канал трафика, который считаем приоритетным. Если это контекст, необходимо проанализировать как минимум 10-15 конкурентов. Что анализируем и сравниваем:

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

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

Можно воспользоваться специальными сервисами анализа сайтов и дополнительно выяснить:

  • по каким запросам продвигаются конкуренты
  • скорость загрузки сайтов
  • сео-показатели, объем трафика
  • источники трафика, поведенческие факторы (время просмотра сайта, процент отказов)

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

В проекте по умным домам конкурентов в Казахстане у нас практически нет, поэтому смотрела представителей в РФ, чтобы:

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

Конкурентов проанализировала сначала в обзорном формате со скринами ключевых моментов, затем сделала выводы и подвела итоги:

Все результаты сравнительного анализа для наглядности перенесла в таблицу:

Таблица сравнительного анализа позволяет наглядно проанализировать сильные и слабые стороны конкурентов
Таблица сравнительного анализа позволяет наглядно проанализировать сильные и слабые стороны конкурентов

Дальше — прозвон конкурентов. Это всегда интересно и крайне полезно для бизнеса.

Прозвон конкурентов позволяет сделать выводы и улучшить работу на этапе продаж 
Прозвон конкурентов позволяет сделать выводы и улучшить работу на этапе продаж 

В итоге увидели ошибки конкурентов, которых лучше избегать:

1. Пытаются продавать в лоб, сразу конечный продукт

2. Не выясняют степень осведомленности — начинают рассказывать о преимуществах Умного дома. А клиент может быть уже на этапе выбора платформы/интегратора

3. Не интересуются, какие варианты еще рассматривает клиент (конкуренты, решения)

4. Задают мало вопросов

Проанализировать потребности аудитории

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

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

Расписываем:

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

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

По итогу составила портрет основного сегмента ЦА и нескольких дополнительных.

Часть майнд-карты с описанием целевой аудитории
Часть майнд-карты с описанием целевой аудитории

Учесть базовые потребности по Маслоу

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

Информация, как продукт закрывает потребности по Маслоу, дополнительно усиливает лендинг
Информация, как продукт закрывает потребности по Маслоу, дополнительно усиливает лендинг

Применить теорию поколений X, Y, Z

Возраст целевой аудитории в проекте Умный дом — 32-45 лет.

Это представители поколения X в основном, и немного «игреков».

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

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

Как отрабатываем на сайте:

1. Добавляем смысл «Мы понимаем, что вы очень заняты, устаете, позвольте себе максимально расслабиться дома, не отвлекаться на домашнюю рутину. Умные приборы все сделают за вас».

Реализация смысла в блоке лендинга
Реализация смысла в блоке лендинга

2. Добавляем смысл «Сделайте ваш семейный досуг более комфортным, не отвлекайтесь на поиск пультов и настройку мультимедиа»

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

Реализация смысла в блоке лендинга
Реализация смысла в блоке лендинга

А еще поколение X не миновало состояния дефицитарности и подсознательно стремится к экономии:

Реализация смысла в блоке лендинга
Реализация смысла в блоке лендинга

Продумать УТП

Есть несколько вариантов сформулировать эффективное УТП — формула 4U, ключевое слово +выгода+выгода, и другие. Уникальности как таковой может и не быть — тогда опираемся на свои преимущества и смыслы, о которых не говорят конкуренты.

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

Главный экран лендинга
Главный экран лендинга

В любом проекте оценить, насколько хорош главный экран, можно так:

  • Я туда попал? «Действительно умный дом»
  • Мне это интересно? Какая выгода? «100+ сценариев, разработанных точно под вас»
  • Этому можно доверять? «Делаем дома умными и безопасными с 2008 г.»

Сформировать структуру лендинга

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

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

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

Пример касания через лид-магнит
Пример касания через лид-магнит

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

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

Обязательно добавляем блоки доверия — отзывы и кейсы, примеры работ, гарантии, показываем команду, награды и сертификаты:

<p>Блок доверия лендинга</p>

Блок доверия лендинга

Я взяла за основу такую структуру:

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

Вот как был реализован блок отстройки:

Блок отстройки от коробочных решений
Блок отстройки от коробочных решений

Выделить ключевые смыслы и написать продающий текст

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

Ключевую мысль проекта, общий посыл сформулировала так:

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

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

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

На каждый пункт из майнд-карты я обычно формулирую тезис в виде Вы-выгоды.

Пример формулирования Вы-выгоды
Пример формулирования Вы-выгоды

Продумать конверсионный слой

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

Для получения лид-магнитов это могут быть призывы скачать «Топ-10 ошибок…», «Как сделать…», «Почему …. не работает», «Как не ошибиться с выбором….».

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

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

На лендинг добавила несколько конверсионных точек:

1. Для «горячей» аудитории призыв к действию — «Запишитесь на встречу с опытными специалистами».

Мотивацию подкрепляем смыслами — зачем нужно оставить заявку:

Форма обратной связи
Форма обратной связи

2. Для тех, у кого готов проект электрификации дома, предлагаем профессиональную экспертизу оценки проекта.

Точка касания с теплой аудиторией
Точка касания с теплой аудиторией

3. Для «холодных» — предложение скачать лид-магнит «Получите полное описание возможностей Умного дома».

Точка касания с холодной аудиторией
Точка касания с холодной аудиторией

Разработать служебные страницы

Служебные страницы благодарности, 404, модальных и всплывающих окнах помогут продолжить контакт и утеплить клиента.

В моем проекте страница благодарности выглядит так:

Служебная страница благодарности
Служебная страница благодарности

Разработать утепляющий квиз-сайт

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

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

Первый экран утепляющего квиза
Первый экран утепляющего квиза
Второй экран утепляющего квиза
Второй экран утепляющего квиза

Подготовить ТЗ на фотосессию и комментарии для дизайнера

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

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

Резюме — давайте еще раз посмотрим, что нужно для прототипа:

  • Обсудить и сформулировать задачу
  • Взять интервью о продукте
  • Провести исследование спроса
  • Проанализировать конкурентов
  • Проанализировать потребности аудитории
  • Продумать УТП
  • Сформировать структуру лендинга
  • Выделить ключевые смыслы и написать продающий текст
  • Продумать конверсионный слой
  • Разработать служебные страницы
  • Разработать утепляющий квиз-сайт
  • Подготовить ТЗ на фотосессию и комментарии для дизайнера

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

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

Алексей Коновалов, генеральный директор компании Eliot:

Как сделать прототип лендинга для продвижения премиального (от 2,5 млн) продукта: от брифа до подготовки к дизайну
Как сделать прототип лендинга для продвижения премиального (от 2,5 млн) продукта: от брифа до подготовки к дизайну
<p>Отзыв заказчика о работе</p>

Отзыв заказчика о работе

Посмотреть прототип можно по ссылке:

***

Поделитесь в комментариях, применяете такой подход в своем бизнесе?

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

3535
51 комментарий

2,5 🍋 за прототип сайта. не тем я в жизни занялся.

9

2,5 - это стоимость продукта)) Прототип чуть дешевле стоил. Двусмысленный получился заголовок, поправила, спасибо

2

Комментарий недоступен

1

Комментарий недоступен

5

Марина, сайт собираем, цифры будут чуть позже - добавлю в статью

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

А где мобильная версия то? по ссылке ток десктоп расписан и в тексте только такое упоминание

2

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

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

2