Задача: разработать лендинг для онлайн-школы вокала. У клиентов уже был старый сайт, который их не устраивал ни по конверсии, ни по качеству входящих заявок.
Этапы разработки лендинга:
- Первоначальное интервью;
- Маркетинговые исследования;
- Создание прототипа;
- Подготовка дизайна;
- Вёрстка лендинга в тильде;
- Результаты сотрудничества.
Срок: 20 дней.
Этап № 1 — Заполняем бриф на разработку лендинга с заказчиком
Каждый проект по разработка лендинга под ключ мы начинаем с подробного интервью с заказчиком, по результатам которого мы совместно заполняем бриф и формируем техническое задание на разработку лендинга.
В ходе интервью мы выяснили что не устраивает заказчиков в их нынешнем сайте, какие задачи они ставят перед новым лендингом. Обсудили их воронку продаж, работу ОП, источники рекламного трафика, целевую аудиторию, конкурентов и маркетинговую стратегию онлайн-школы.
Этап № 2 — Маркетинговые исследования для разработки продающего лендинга
1. Анализ целевой аудитории компании
Источники информации о целевой аудитории:
- Интервью с текущими клиентами и теми, кто покупал за последние полгода;
- Отзывы в социальных сетях прямых и косвенных конкурентов;
- Провели интервью с заказчиком;
- Изучили материалы от заказчика;
- Прослушали звонки отдела продаж;
- Поисковые запросы.
В ходе анализа мы определили:
- Основные факторы принятия решения о покупке;
- Страхи и возражения целевой аудитории;
- Часто задаваемые вопросы;
- Определили три основных сегмента целевой аудитории и подробно их разобрали и описали.
Результатом этапа стали 3 подробных портрета целевой аудитории, под которые будет разрабатываться лендинг.
2. Проведение анализа конкурентов
Всего в процессе анализа конкурентов мы изучили 38 сайтов, из которых отобрано 10 наиболее релевантных и тех, кто занимает лидирующие места в сео и рекламной выдаче поисковиков, а так же кто активно рекламируется в соц.сетях.
Отбор сайтов производится по следующим критериям:
— Разные сайты, отличающиеся друг от друга;
— Сайты, на которые можно обратить внимание и проанализировать;
— Сайты, которые рекламируются на момент проведения исследования;
— Сайты, которые находятся в ТОП-ах по SEO.
То есть это те сайты, которые видят ваши клиенты, когда вбиают поисковой запрос.
Для сравнения с конкурентами мы проанализировали и старый сайт клиента, чтобы показать в чем его посадочная страница уступает конкурентам.
Критерии анализа сайтов:
- Вид рекламной выдачи;
- Ключевые запросы, по которым рекламируются конкуренты;
- Локация;
- Рекламное объявление (собрали скриншоты);
- УТП/оффер;
- Призывы к действию на сайте;
- Структура сайта;
- Структура главной страницы;
- Структура продуктовых страниц;
- Наличие лид-магнитов, калькуляторов, квизов;
- Позиционирование;
- Оценили уровень и проработанность сайтов конкурентов;
- Проанализировали социальные сети конкурентов.
В конце мы комплексно резюмировали и дали оценку сайтам и маркетинговым активностям конкурентов.
Наблюдение: всего лишь у двух сайтов была страница «Спасибо»
Далее мы по средствам услуги «тайный покупатель» оставили заявки всем конкурентами и начали работа по исследованию их отделов продаж и воронок продаж.
Тут нас поразило то, что 8 из 10 конкурентов вообще не перезвонили по оставленным заявкам, оставшиеся два перезвонили на следующий день, учитывая, что заявки мы оставляли в первой половине дня.
Результат этапа: Проанализировано 38 сайтов, из них подробно и углубленно изучили 10. Эти компании мы разобрали «под микроскопом» и всю информацию собрали в подробную сводную таблицу.
3. Маркетинговый анализ продукта
Опираясь на полученную информацию из маркетинговых исследований, мы провели интервью с заказчиком, на котором обсудили как и за счет чего мы можем обходить конкурентов. Мы предложили гипотезы по офферу, по позиционированию, воронке продаж и рекламным кампаниям.
Заказчик получил объемную и полную информацию по целевой аудитории, конкурентам и рекомендации от нашей команды по продвижению, продажам и улучшению сервиса и продукта.
Этап № 3 — Составление структуры продающего лендинга
Четко определившись с позиционирование, торговым предложением и преимуществами школы, мы переходим к следующему этапу - составлению прототипа лендинга.
На этом этапе мы:
- Составляем смысловую структура лендинга;
- Пишем текст для сайта;
- Проектируем формы захвата контактов;
- Прописываем призывы к действиям;
- Спроектировали квиз;
- Сделали прототип страницы «спасибо» и подарочного сертификата;
- Дополнительно пишем несколько вариантов офферов, для тестирования гипотез.
Результат этапа: структурированный прототип с текстом под целевую аудиторию, который отрабатывает страхи, возражения и закрывает боли потенциальных покупателей.
Этап № 4 — Разработка дизайна лендинга
Для того, чтобы сразу достичь взаимопонимания с заказчиком по дизайну и четко определить концепцию сайта, мы составляем таблицу референсов, в которую входят примеры сайтов, которые нравятся заказчику, наиболее интересные и современные сайты конкурентов и примеры, которые собираем мы на основании ожидания заказчика и анализа конкурентов.
Согласовав самые важные моменты дизайна, мы приступили к подготовке дизайн-концепции.
Параллельно с отрисовкой дизайна, иллюстратор готовила авторские иллюстрации для проекта:
А вот что получилось по итогу:
Окончательно завершив дизайн-макет, мы перешли к этапу вёрстки и техническим настройкам сайта.
Этап № 5 — адаптивная верстка лендинга на тильда
Готовый дизайн макет мы перенесли из Figma в Тильда и адаптировали под все современные устройства. Подключили сертификат безопасности, домен, все формы захвата контактов и сервисы аналитики.
По окончанию процесса вёрстки мы записали подробную видеоинструкцию для самостоятельного заполнения и обновления контента на сайте.
Результаты сотрудничества
- Провели маркетинговые исследования и предоставили все подробные отчеты заказчику;
- Процесс разработки лендинга под ключ составил 20 дней — https://muskool.ru/;
- Рекламой занимается наш партнер.
