Услуги
Работы
О студии
Блог
Контакты
Услуги
Работы
О студии
Блог
Контакты
Получите бесплатную консультацию

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

Кейс: разработка лендинга под ключ для онлайн-школы вокала

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

Этапы разработки лендинга:
  • Первоначальное интервью;
  • Маркетинговые исследования;
  • Создание прототипа;
  • Подготовка дизайна;
  • Вёрстка лендинга в тильде;
  • Результаты сотрудничества.

Срок: 20 дней.

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

Этап № 1 — Заполняем бриф на разработку лендинга с заказчиком


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

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

Этап № 2 — Маркетинговые исследования для разработки продающего лендинга


1. Анализ целевой аудитории компании


Источники информации о целевой аудитории:
  • Интервью с текущими клиентами и теми, кто покупал за последние полгода;
Фрагмент анкетирования текущих клиентов

  • Отзывы в социальных сетях прямых и косвенных конкурентов;
  • Провели интервью с заказчиком;
  • Изучили материалы от заказчика;
  • Прослушали звонки отдела продаж;
  • Поисковые запросы.

В ходе анализа мы определили:
  • Основные факторы принятия решения о покупке;
  • Страхи и возражения целевой аудитории;
  • Часто задаваемые вопросы;
  • Определили три основных сегмента целевой аудитории и подробно их разобрали и описали.
определение целевой аудитории проекта
Описание текущих клиентов.

Результатом этапа стали 3 подробных портрета целевой аудитории, под которые будет разрабатываться лендинг.
анализ целевой аудитории компании
Более подробное описание портретов мы приняли решение не публиковать:)

2. Проведение анализа конкурентов



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

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

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


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

Критерии анализа сайтов:
  • Вид рекламной выдачи;
  • Ключевые запросы, по которым рекламируются конкуренты;
  • Локация;
  • Рекламное объявление (собрали скриншоты);
  • УТП/оффер;
  • Призывы к действию на сайте;
  • Структура сайта;
  • Структура главной страницы;
  • Структура продуктовых страниц;
  • Наличие лид-магнитов, калькуляторов, квизов;
  • Позиционирование;
  • Оценили уровень и проработанность сайтов конкурентов;
  • Проанализировали социальные сети конкурентов.

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


Наблюдение: всего лишь у двух сайтов была страница «Спасибо»‎

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

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

Результат этапа: Проанализировано 38 сайтов, из них подробно и углубленно изучили 10. Эти компании мы разобрали «под микроскопом» и всю информацию собрали в подробную сводную таблицу.

3. Маркетинговый анализ продукта


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

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

Этап № 3 — Составление структуры продающего лендинга


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

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

структура продающего лендинга
Прототип первого экрана лендинга

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

Этап № 4 — Разработка дизайна лендинга


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

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

Параллельно с отрисовкой дизайна, иллюстратор готовила авторские иллюстрации для проекта:

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

А вот что получилось по итогу:
лендинг онлайн школы пример
Готовые иллюстрации для лендинга

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

Этап № 5 — адаптивная верстка лендинга на тильда


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

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

Результаты сотрудничества


  • Провели маркетинговые исследования и предоставили все подробные отчеты заказчику;
  • Процесс разработки лендинга под ключ составил 20 дней — https://muskool.ru/;
  • Рекламой занимается наш партнер.

разработка лендинга под ключ
Кейсы Полезное