Концепт лендинга для онлайн-школы программирования «Кодоград»: квиз вместо выбора наугад

«Кодоград» — онлайн-школа программирования для подростков 12–16 лет с мини-группами до шести человек. Мы спроектировали лендинг, который сам проводит первую консультацию: подбирает трек по интересам ребёнка и записывает на пробный урок в группу нужного уровня.

Концепт-проект: «Кодоград» — вымышленная компания. Результатов работы здесь нет: только решения и гипотезы.

О заказчике

• Отрасль: Дополнительное образование, онлайн-школа программирования
• Город: Занятия онлайн по всей России, команда — в Новосибирске
• Масштаб: 3 трека, 28 преподавателей, около 900 учеников за учебный год
• Клиенты: Родители подростков 12–16 лет; решение чаще принимает мама 35–45 лет
• Модель продаж: Бесплатный пробный урок → абонемент на месяц или семестр
• Средний чек: 7 900 ₽ в месяц — 8 занятий в мини-группе

Задача

«Кодоград» учит подростков 12–16 лет программировать в мини-группах до шести человек. Занятия идут онлайн, с живым преподавателем и включёнными камерами, а каждый модуль заканчивается собственным проектом ученика. Треков три: игры на Python, веб-разработка и чат-боты с элементами ИИ. Экономика простая — бесплатный пробный урок, затем абонемент на месяц или семестр.

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

Сейчас у школы шаблонный сайт на конструкторе: три одинаковые карточки курсов, общий телефон и кнопка «Оставить заявку». Родитель не понимает, чем Python отличается от JavaScript, не может выбрать трек и откладывает решение «до выходных». Менеджеры тратят первый звонок на расспросы о возрасте, опыте и интересах ребёнка — на то, что мог бы спросить сам сайт. Пробные уроки иногда назначаются в группы не того уровня, и часть семей не возвращается на второе занятие.

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

Что мешает купить

«Не понимаю, с чего начать»

Родитель не отличает Python от JavaScript и боится выбрать не то. Квиз переводит интересы ребёнка — игры, сайты, боты — на язык треков и объясняет рекомендацию человеческими словами, без терминов.

«Бросит через месяц, как бросил шахматы»

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

«Онлайн — значит, будет сидеть в телефоне»

Недоверие к формату снимаем фактами: до шести человек в группе, камеры включены, преподаватель видит экран ученика. Рядом — запись урока-образца, чтобы родитель посмотрел сам, а не верил на слово.

«Сколько это на самом деле стоит»

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

«Кто будет учить моего ребёнка»

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

Решение

Главная идея концепта — квиз «Какой трек подойдёт» в самом центре страницы, а не во всплывающем окне поверх неё. Пять вопросов, на которые удобно отвечать вместе: возраст, был ли опыт, чем ребёнок любит заниматься за компьютером, сколько времени есть в неделю и чего ждёт родитель. На выходе — рекомендованный трек с объяснением «почему именно он», первый проект, который ученик соберёт в первом модуле, и ближайшие группы нужного уровня с числом свободных мест.

Страница говорит на двух языках. Первый экран, треки и проекты учеников — для подростка: игры, боты и сайты, собранные сверстниками, яркие карточки, живые формулировки без сюсюканья. Блоки «Родителям», цены и частые вопросы — спокойные и конкретные: сколько человек в группе, как устроен ежемесячный отчёт, что будет при пропуске по болезни, как вернуть деньги за непройденные занятия. Интонации разведены визуально, чтобы родитель быстро находил свои ответы и не продирался через «суперпрокачку навыков».

Доверие строим только на проверяемом: преподаватели с опытом и стажем в школе, пример отчёта, который приходит родителю раз в месяц, запись урока-образца, договор-оферта в один клик. Сайт сознательно не обещает, что ребёнок «станет программистом», «найдёт работу» или «выиграет олимпиаду». Школа продаёт регулярные занятия и привычку доводить проект до конца — и страница говорит ровно это.

Запись на пробный урок сокращена до трёх полей: имя родителя, телефон и удобное время. Возраст, опыт, интересы и рекомендованный трек уже известны из квиза и уходят в CRM вместе с заявкой. Менеджер звонит не выяснять, а подтверждать, а преподаватель приходит на пробный урок, уже зная, кто перед ним.

Посадочная блок за блоком

1. Первый экран. Заголовок «Код, который хочется показать друзьям», подзаголовок с форматом (12–16 лет, группы до 6 человек, живой преподаватель), две кнопки: «Подобрать трек за 2 минуты» и «Пробный урок бесплатно». Фото рабочего места ученика и окно с кодом игры. Зачем: Заголовок цепляет подростка, подзаголовок сразу отвечает родителю на вопросы «для кого» и «как устроено». Главная кнопка ведёт в квиз, а не в форму: сначала польза, потом контакт.
2. Три трека. Карточки «Игры на Python», «Сайты и веб», «Боты и ИИ-проекты»: возраст, нужен ли опыт, что ученик соберёт, длительность трека. Зачем: Даёт ориентир тем, кто хочет сравнить сам, и подводит к квизу для тех, кто после сравнения всё ещё сомневается.
3. Квиз «Какой трек подойдёт». Пять вопросов с ответами-карточками, прогресс-бар, итог: рекомендованный трек, три причины выбора, первый проект модуля, две ближайшие группы со свободными местами и кнопка записи в конкретную группу. Отдельная кнопка «Отправить результат родителю». Зачем: Снимает главный барьер — страх ошибиться с выбором — и превращает анонимного посетителя в заявку с готовой анкетой. Кнопка записи в конкретную группу конкретнее, чем абстрактная «Оставить заявку».
4. Как проходит занятие. Раскладка 90-минутного урока по минутам: разминка, новая тема, практика в своём проекте, показ результата группе. Фото рабочего места дома. Зачем: Отвечает на страх «будет сидеть в телефоне»: родитель видит, что большая часть урока — практика под присмотром преподавателя.
5. Проекты учеников. Четыре карточки проектов с обложками, названием, треком, именем и возрастом автора: платформер, бот-расписание, сайт секции, викторина. Зачем: Главный аргумент для подростка — сверстники уже что-то сделали. Для родителя это наглядный ответ на вопрос «чему научат».
6. Родителям. Пять конкретных фактов о формате и пример ежемесячного отчёта: посещаемость, пройденные темы, статус проекта, комментарий преподавателя. Зачем: Родитель получает свой язык и свои аргументы. Пример отчёта показывает контроль, который он получит, до оплаты, а не после.
7. Преподаватели и отзывы. Три карточки преподавателей с опытом и стажем, три отзыва родителей с именем и городом, строка о лицензии, договоре-оферте и возврате денег. Зачем: Доверие к людям и документам, а не к общим словам. Стоит перед ценами, чтобы к блоку оплаты родитель подошёл, уже поверив школе.
8. Цены. Три варианта: пробный урок за 0 ₽, месяц за 7 900 ₽, семестр со скидкой. Что входит, правила пропусков, возврат, налоговый вычет. Зачем: Прозрачная цена снимает подозрение в «скрытых платежах». Ответы про пропуски и возврат стоят прямо под ценой, в момент сомнения.
9. Частые вопросы. Шесть вопросов из звонков менеджеров: нужен ли мощный компьютер, что если ребёнок не успевает, можно ли сменить трек, как с домашними заданиями. Зачем: Закрывает остаточные возражения и снимает с менеджеров повторяющиеся звонки. Ответы размечены для поисковиков как FAQ.
10. Запись на пробный урок. Форма в три поля с выбором времени и подставленным из квиза треком, ответ «что будет дальше» по шагам. Зачем: Минимум трения в финале: всё, что можно было узнать раньше, уже известно. Объяснение следующих шагов снижает тревогу перед звонком.

Механики заявки

Квиз «Какой трек подойдёт»

Пять вопросов, ответы — крупные карточки с иконками, без полей ввода. Первый вопрос самый лёгкий («Сколько лет ребёнку?»), чтобы включиться без усилия. Микрокопирайт снимает тревогу: «Ошибиться нельзя — трек можно сменить после пробного урока». Контакт квиз не просит: итог показывается сразу.

Итог с объяснением и конкретной группой

Вместо «Вам подходит Python» — три причины на языке родителя («любит игры», «опыта нет — начнём с нуля», «2 вечера в неделю — ровно столько идут занятия»), первый проект модуля и две ближайшие группы со свободными местами. Кнопка «Записаться в группу вт/чт 18:00» конкретнее и честнее абстрактной заявки.

«Отправить результат родителю»

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

Форма в три поля

Имя родителя, телефон, удобное время — и всё. Трек, возраст и опыт подставлены из квиза и видны плашкой, которую можно изменить. Под кнопкой — три шага «что будет дальше»: звонок в течение рабочего дня, ссылка на урок, пробное занятие в группе.

Отчёт родителю как аргумент до покупки

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

Что замеряем после запуска

• Доля посетителей, начавших квиз — Проверяем, работает ли квиз как главная кнопка первого экрана. Если доля низкая — тестируем формулировку и положение кнопки, а не усложняем квиз.
• Дохождение квиза по шагам — Показывает, на каком вопросе люди уходят. Вопрос с аномальным отвалом переписываем или убираем — пять шагов не догма.
• Конверсия итога квиза в запись на пробный урок — Главная метрика концепта. Сравниваем с конверсией прямой формы для тех, кто квиз пропустил, — так поймём, помогает ли подбор трека решиться.
• Доля пришедших на пробный урок — Если квиз и группа выбраны точно, семьи реже теряются между заявкой и занятием. Считаем по данным CRM и расписания.
• Переход с пробного урока в абонемент по трекам — Проверяем качество рекомендаций: если один трек из квиза стабильно хуже переходит в оплату, дерево рекомендаций нужно пересобрать с методистами.
• Использование «Отправить результат родителю» — Проверяем гипотезу, что подростки проходят квиз сами. Если кнопкой пользуются, усиливаем сценарий: отдельный экран для родителя, пришедшего по ссылке.

Стек

Next.js, TypeScript, Tailwind CSS, Headless CMS, amoCRM API, Яндекс Метрика.

Все кейсы · Услуга · Калькулятор стоимости