Сайт репетитора по математике с ИИ: кейс и как сделать свой

Людмила Ситченко преподаёт математику больше 20 лет и сама собрала себе сайт репетитора в конструкторе Lovable: объясняла нейросети обычными словами, какие блоки нужны и что в них написать. Готовый лендинг открыт по адресу grade-ascend-math.lovable.app: родители школьников 4-8 классов читают про подход к занятиям и записываются на бесплатную диагностику. Дальше разбор того, из чего этот сайт состоит, почему он устроен именно так и как собрать похожий для своих занятий.

Сайт Людмила сделала на курсе «Нейросайты» в Submarine School. До курса у неё был опыт преподавания и понимание, кому она помогает, а навыка делать сайты не было. Задача стояла конкретная: страница, по которой родитель, ни разу не видевший преподавателя, поймёт, чем она поможет его ребёнку, и сделает первый шаг к записи.

Как выглядит готовый сайт репетитора по математике

Лендинг называется «Математика: от непонимания к уверенным решениям» и выглядит как одна длинная страница с меню наверху. На 19 октября 2026 года на ней по порядку идут такие блоки:

1. Первый экран: заголовок, кому помогает преподаватель (4-8 классы), три преимущества и две кнопки, «Записаться на бесплатную диагностику» и «Получить подарок в Telegram».
2. «Узнаёте своего ребёнка?»: шесть ситуаций, знакомых родителям, от трудностей с домашним заданием до фразы «я не понимаю математику».
3. «Почему дети начинают понимать математику»: объяснение простым языком, индивидуальный подход, самостоятельность и работа на понимание, а не на заучивание.
4. «О преподавателе»: обращение от первого лица по имени и отчеству, опыт, подготовка к ВПР.
5. «Почему мне доверяют» и блок о том, что получит ребёнок: по шесть коротких пунктов с кнопкой «Хочу такой результат для ребёнка».
6. «Как проходят занятия»: путь от диагностики до регулярной обратной связи родителям в шести шагах.
7. Отзывы родителей.
8. Отдельный блок про бесплатную диагностику: онлайн-встреча на 25-30 минут без обязательств.
9. Подарок: чек-лист для родителей «10 тем перед сентябрём», который выдаётся в Telegram.
10. «Частые вопросы родителей»: девять вопросов, в том числе о цене занятия, ВПР и о том, что делать, если ребёнок боится математики.
11. Финальный призыв с теми же двумя кнопками, а на телефоне ещё и кнопка «Бесплатная диагностика», закреплённая внизу экрана.

В таком наборе нет ничего случайного. Родитель приходит на страницу с тревогой за оценки ребёнка, поэтому сайт начинает с узнавания его ситуации, затем объясняет, почему проблема решаема, и только после этого рассказывает о преподавателе и формате. Цена и детали спрятаны в вопросы, а не вынесены на первый экран: сначала человек должен поверить, что ему здесь помогут.

Зачем на сайте две кнопки записи

Главное решение этого лендинга лежит в двух дверях. Родитель, который уже ищет репетитора, нажимает «Записаться на диагностику», оставляет контакты в короткой форме, и преподаватель связывается с ним сам. Тот, кто пока присматривается и не готов к разговору, забирает бесплатный чек-лист в Telegram и остаётся на связи, а через неделю или месяц, когда в школе появится первая двойка за контрольную, вспомнит, у кого уже есть полезный материал.

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

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

По теме: Обучение с помощью нейросетей: ИИ как личный преподаватель 2026

Как сделать сайт репетитора самому: порядок работы

Путь ниже повторяет то, как устроен проект Людмилы, и подходит любому частному преподавателю: репетитору, логопеду, преподавателю музыки или языка. Если сайт нужен школьному учителю для класса, а не для частных занятий, подойдёт отдельный разбор. Конструктор можно выбрать другой, общий порядок работы с ИИ над сайтом без кода расписан в отдельном пошаговом плане.

1. Соберите материал до того, как открывать конструктор: сколько лет вы преподаёте, с какими классами работаете, как проходит занятие, что получает ребёнок через месяц-два, что входит в первую встречу. Попросите у родителей разрешения опубликовать их отзывы.
2. Придумайте первый шаг для клиента и подарок. У Людмилы это диагностика и чек-лист; у вас может быть пробный урок и список задач для повторения.
3. Откройте Lovable, создайте проект и опишите сайт обычными словами одним подробным сообщением (пример ниже). Первую версию нейросеть соберёт за несколько минут.
4. Правьте по одному блоку за сообщение: «в блоке отзывов сделай карточки с именем родителя и классом ребёнка», «кнопку на первом экране сделай крупнее». Когда в одном сообщении пять просьб, часть из них теряется.
5. Замените всё, что придумала нейросеть, на свои данные: имя, цифры опыта, тексты отзывов. Выдуманные отзывы на сайте преподавателя разрушают доверие быстрее, чем их отсутствие.
6. Решите, куда ведут кнопки записи: в Telegram, WhatsApp, на телефон или в форму на сайте. Про форму и данные родителей ниже есть отдельный раздел.
7. Откройте сайт с телефона. Родители чаще всего смотрят такие страницы со смартфона, поэтому проверьте, что кнопки видны, текст помещается в экран и плавающая кнопка не закрывает важное.
8. Опубликуйте сайт и отправьте ссылку двум-трём знакомым родителям с вопросом: понятно ли, чем вы поможете и что нажать дальше.

Первое сообщение для конструктора может выглядеть так. Подставьте свои данные вместо примера:

Сделай одностраничный сайт для репетитора по математике, 4-8 классы, занятия онлайн.
Аудитория: родители школьников, которые переживают за оценки и контрольные.
Тон: тёплый и спокойный, обращение к родителю на «вы».
Блоки по порядку: первый экран с заголовком и двумя кнопками
(«Записаться на бесплатную диагностику» и «Получить чек-лист в Telegram»);
типичные трудности ребёнка; о преподавателе; как проходят занятия;
отзывы родителей; бесплатная диагностика 30 минут; частые вопросы; финальный призыв.
Кнопку записи закрепи внизу экрана на телефоне.
Тексты отзывов и цифры оставь пустыми местами, я впишу свои.

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

Что обычно приходится править после первой версии

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

• Нейросеть подставляет общие фразы вроде «индивидуальный подход к каждому». Замените их конкретикой: как именно вы находите пробелы и что делаете на первом занятии.
• Цифры в блоке доверия (стаж, число отзывов, оценка) должны совпадать с реальностью и с тем, что написано ниже на странице.
• Кнопки должны вести туда, куда обещают. Нажмите каждую сами: на этом этапе часто находятся ссылки-заглушки.
• Вопросы в FAQ должны быть с ответами. Вопрос «Сколько стоит занятие?» без ответа заставляет родителя уйти искать цену в другом месте.
• Фото преподавателя лучше настоящее: на сайте частного специалиста стоковые лица заметны сразу.

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

По теме: Как сделать сайт-портфолио: структура и проверка в 2026

Если на сайте форма с телефоном родителя

Имя и телефон в форме записи считаются персональными данными, и с 1 сентября 2025 года согласие на их обработку нужно брать отдельным документом, а не пунктом внутри пользовательского соглашения (разбор изменений на Инфостарте). Кроме того, с 1 июля 2025 года данные граждан России при сборе должны попадать в базы на территории России (пояснение Robokassa), поэтому сохранять заявки во встроенную базу зарубежного конструктора рискованно.

Частному преподавателю проще всего, когда кнопка записи ведёт в мессенджер и родитель пишет сам: тогда на сайте нет формы с данными. Если форма нужна (у Людмилы кнопка записи открывает короткую форму: имя родителя, e-mail, телефон и класс), заявки удобно получать через бота, который пересылает их вам в Telegram. Перед запуском отправьте тестовую заявку и убедитесь, что она дошла, а политику конфиденциальности и текст согласия покажите юристу.

Сколько стоит Lovable и как платить из России

Собрать и опубликовать сайт можно на бесплатном тарифе: он даёт 5 кредитов на сборку в день, но не больше 30 в месяц (справка Lovable о кредитах). Сайт тогда живёт на адресе вида имя-проекта.lovable.app со значком Lovable внизу, ровно так, как у Людмилы. Свой домен и отключение значка открываются на тарифе Pro (сравнение тарифов Lovable), на 19 октября 2026 года он стоит от $25 в месяц за 100 кредитов (цены Lovable).

Российская карта при оплате Lovable обычно не проходит, поэтому платную подписку оплачивают картой зарубежного банка или через сервисы-посредники (обзор способов на vc.ru); посредник берёт комиссию и оплачивает подписку со своей карты, а иногда просит доступ к вашему аккаунту, так что выбирайте его осторожно. Если сам сайт Lovable не открывается, работать в нём придётся через VPN. Чтобы собрать сайт и показать его первым родителям, платить вообще не обязательно, а когда понадобится свой домен, его подключают к готовому сайту отдельно.

По теме: Как сделать кейс сайта: структура, доказательства и проверка

Чему научиться, чтобы делать такие сайты

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

Людмила проходила это на курсе в Submarine School. Обучение в школе прошли или проходят более 2 500 человек, основательница Евгения Зеленова работает в онлайн-образовании с 2017 года. Живые проекты выпускников, включая сайт Людмилы, открыты в разделе работ, а отзывы участников собраны в Telegram-канале. Посмотреть, как проект собирают с ИИ вживую, можно на бесплатном мастер-классе школы.

Частые вопросы о сайте для репетитора

Нужен ли репетитору свой сайт, если есть профиль на площадке поиска репетиторов?

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

Сколько времени занимает такой сайт?

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

Писать ли на сайте цену занятия?

Вопрос о цене родители задают почти всегда, поэтому ответ лучше дать на странице хотя бы в виде диапазона или «стоимость обсуждаем на бесплатной диагностике». У Людмилы на вопрос «Сколько стоит занятие?» в блоке частых вопросов ответ такой: стоимость обсуждается на бесплатной диагностике и зависит от класса, целей и формата.

Можно ли сделать сайт репетитора бесплатно?

Да, на бесплатном тарифе Lovable с адресом на lovable.app (справка о кредитах): лимит 5 кредитов в день, поэтому сборку и правки удобно растянуть на несколько дней. Платить придётся, когда захочется свой домен без значка конструктора (цены).