Задача: разработать лендинг онлайн-школы для подготовки к ЕГЭ под теплую и горячую аудитории. Нужно было сделать яркий дизайн сайта на тильде с интересной анимацией.
Этапы:
- Первоначальное интервью;
- Маркетинговые исследования;
- Создание прототипа;
- Визуальный анализ конкурентов;
- Отрисовка дизайна;
- Верстка сайта;
- Результаты сотрудничества.
Срок разработки: 10 дней.
Этап № 1 — Знакомство и обсуждение процесса работ
Разработку лендинга на тильда мы всегда начинаем со знакомства с командой заказчика, обсуждения проекта, определяемся с целями и задачами. Обозначаем сроки реализации проекта, а так же каждого этапа в частности.
На этом этапе заказчик предоставил нам свои исследования по целевой аудитории и конкурентам. Рассказал, как они привлекают себе учеников и что хотят улучшить в своей маркетинговой стратегии, и поделился ожиданиями от будущего сайта.
После плодотворного общения по будущему проекту мы приступили к изучению целевой аудитории конкурентов и компании заказчика.
Этап № 2 — Маркетинговый анализ
1. Анализ целевой аудитории онлайн школы
В процессе изучения мы проанализировали:
- Текущих клиентов онлайн-школы;
- Учеников, которые уже прошли обучение и сдали экзамены;
- Сайты отзовики;
- Форумы, где общается целевая аудитория;
- Отзывы в социальных сетях прямых и косвенных конкурентов;
- Социальные сети нашего заказчика (ВК, inst, Youtube).
Мы сразу выделили два четких сегмента: сами выпускники и их родители.
Мы изучили:
- Критерии выбора курсов у родителей;
- Критерии выбора у учеников;
- Возражения родителей;
- Возражения учеников;
- Цели обучения («хоть бы сдать ЕГЭ"/сдать на высокий балл и поступить туда, куда хочет);
- Страхи родителей;
- Ожидания учеников от курса;
- Ожидания родителей от курсов;
- Основные и часто задаваемые вопросы.
Так же мы решили изучить целевую аудиторию частных репетиторов, так как на рынке подготовки к ЕГЭ они борются за одних покупателей.
Так как компания активно занимается контент-маркетингом, который генерируют теплые и горячие заявки, было принято решение делать лендинг онлайн-школы под эти сегменты.
Результатом этого этапа маркетинговых исследований стала майнд-карта, в которой были расписаны все вышеперечисленные факторы принятия решений и предложения, как их отрабатывать на landing page и в контенте в соц.сетях.
Анализ конкурентов на этом проекте мы не проводили, так как заказчик предоставил подробный и качественный материал по конкурентам.
3.Анализ компании
Изучив целевую аудиторию и проанализировав информацию по конкурентам, мы решили провести интервью с маркетологом проекта и руководителем. Подготовили бриф на 39 вопросов и пообщались с каждым.
В результате определились, под какие сегменты целевой аудитории делаем сайт, на каком этапе маркетинговой воронки будет использоваться сайт, и что будет дальше с людьми, которые оставят заявку.
Важно было определиться, что это не просто одностраничный сайт на тильде под рекламу из яндекса или гугла, это посадочная страница, на которую попадают люди, которые прошли уже часть воронки, которые знают компанию, знают спикера и знают услугу. Их просто нужно дожать.
Этап № 3 — Создание структуры продающего лендинга для онлайн школы
Следующим этапом в разработке лендинга для онлайн-школы по подготовке к ЕГЭ у нас идет создание прототипа сайта на тильде.
Проанализировав всю собранную нами информацию по целевой аудитории, конкурентам и компании, мы уже четко понимали, что и как нужно писать на посадочной странице.
- Подготовили 2 варианта оффера для тестирования;
- Для каждой кнопки придумали по 2−3 варианта текста и подводки;
- Продумали порядок смысловых блоков;
- Написали текст для всего landing page;
- Разработали варианты pop-up для каждого целевого действия;
- Подготовили прототипы десктопной и мобильной версий.
Результат этапа: Готовые прототипы мобильной и десктопной версии с продуманной логикой сайта.
Этап № 4 — Подготовка дизайн-концепции лендинга онлайн-школы
Этот этап начинается у нас с визуального анализа конкурентов. Заказчик предоставил нам все сайты своих конкурентов. Пообщавшись с маркетологом заказчика, мы составили таблицу референсов, в которой подробно было расписано, что нравится в сайте конкурента, а что нет.
На основе этой таблицы мы собрали еще одну базу референсов уже не по нише, а по дизайну и функционалу сайта.
Мы подготовили 2 дизайн-концепции на выбор, одна была яркая с различными анимациями, а вторая более сдержанная.
Победил яркий вариант.
Результат этапа: готовый дизайн-макет сайта онлайн-школы на тильде.
Этап № 5 — Адаптивная верстка сайта онлайн школы на тильде
Завершив отрисовку дизайна, мы приступили к процессу верстки. Полностью реализовали все задуманное по анимациям, подключили все формы, настроили оповещение о заявках на почту менеджерам. Проверили на работоспособность сайт, все формы захвата контактов, pop-up окна и отображение на разных устройствах.
Результат сотрудничества
1. Разработали лендинг онлайн-школы за 10 рабочих дней — https://mg.daibob.ru;2. Сайт попал в подборку лучших сайтов на Тильде;
3. Конверсия лендинга — 15%, в некоторые дни конверсия достигала 25−30 процентов;
4. Сайт окупился в первый месяц;
5. Настройкой рекламы занималась сторона заказчика.
Запомнился этот проект тем, что сначала на сайте были формы захвата контактов, и потом отдел продаж уже обрабатывал эти заявки.
НО!
Через несколько дней отдел продаж забил тревогу, а-ля не успеваем, зашиваемся! Останавливать рекламу ребята не хотели, поэтому было решено с посадочной страницы переводить людей на рассылки и там уже обрабатывать.
После такого успеха, мы подготовили для заказчика лендинги по аналогичной структуре для других предметов: обществознание, физика, биология, русский язык, химия и история.
