Задача
Онлайн-школа ЛогоЙога совмещает миофункциональную терапию и йогу: занятия помогают детям и взрослым с дыханием, прикусом, осанкой и речью. Метод мало кому знаком, и родитель не ищет «миофункциональную терапию». Он замечает отдельные признаки: ребёнок дышит ртом, сутулится, говорит невнятно. Лендинг должен помочь родителю связать эти признаки в одну картину и привести его на бесплатный урок.
Чек-лист «Проверьте ребёнка»
Главный элемент страницы: интерактивный чек-лист из семи признаков: смазанная речь, приоткрытый рот, синяки под глазами, нелюбовь к твёрдой пище, сутулость и другие. Родитель отмечает то, что узнаёт, и сразу видит результат: счётчик, полосу прогресса и вывод.
| Отмечено признаков | Вывод |
|---|---|
| 1–2 | есть на что обратить внимание |
| 3–4 | похоже на миофункциональные нарушения |
| 5–7 | признаки выражены ярко |
Под выводом стоит кнопка записи на бесплатный урок. Ответы нигде не сохраняются и никуда не отправляются.
Структура страницы
- Первый экран и чек-лист.
- «Одна привычка запускает цепочку»: как связаны дыхание, прикус, осанка и речь.
- Программа курса: лекции, занятия, прямые эфиры, сообщество, диагностика, архив уроков.
- Видео о методе.
- «Зайдите бесплатно»: лестница из пяти шагов, первые два бесплатные.
- Результаты до и после, тарифы.
- Автор методики, кураторы-логопеды и врачи.
- Отзывы и частые вопросы.
- Курс для специалистов: отдельный блок для логопедов.
Вход через Telegram-бот
Форм на сайте нет. Все кнопки ведут в Telegram-бот школы, где родитель получает бесплатную лекцию и пробный урок. Так школа сразу получает контакт в мессенджере, а человеку не нужно ждать звонка.
Флаеры и QR-коды для офлайна
Для мероприятий подготовлены печатные флаеры форматов A6 и A4 и набор QR-кодов с логотипом школы в центре. У каждого кода своя метка, поэтому школа видит, с какого флаера или урока пришёл человек.
Как устроено
HTML, CSS и JavaScript без фреймворков. Иллюстрации созданы нейросетью в единой палитре: кремовый, лесной зелёный, терракота. На странице есть микроразметка курса, а правила для поисковых роботов разрешают доступ и ботам нейросетей.
Скриншоты
Частые вопросы
Зачем на лендинге чек-лист вместо обычного описания?
Родитель узнаёт своего ребёнка в конкретных признаках и сам приходит к выводу, что стоит разобраться. Это убеждает сильнее текста о методе.
Как вести людей с сайта в Telegram-бот?
Сделать бота единственным действием на странице: все кнопки ведут в него на бесплатный урок.
Как понять, какой флаер приводит клиентов?
Дать каждому флаеру свой QR-код с меткой, и бот покажет, откуда пришёл человек.
