// кейс · сайт «Мастерская Светлячок»

Сайт детской художественной студии с онлайн-записью

Сделали сайт для преподавателя рисования под ключ: родители читают о занятиях и ценах, оставляют заявку в форме, а преподаватель видит все заявки в одной панели и получает копию на почту.

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

Частному преподавателю нужен сайт, который сам принимает заявки

Преподаватель рисования ведёт занятия для детей и взрослых: индивидуально, в группах и на мастер-классах. Родителям до записи важно понять три вещи — кто ведёт занятия, как они проходят и сколько стоят.

Нужен был собственный сайт, который закрывает эти вопросы без переписки и звонков:

  • рассказывает о преподавателе, подходе и форматах занятий;
  • показывает цены открыто, отдельной страницей;
  • принимает заявку в любое время и не теряет её;
  • работает с персональными данными по закону;
  • находится в поиске по запросам про рисование для детей в своём районе.
02 / путь родителя

Разделы идут в том порядке, в котором родитель задаёт вопросы

До записи родителю нужно понять, кто ведёт занятия, как они проходят и сколько стоят. Главная страница отвечает на это по очереди и к моменту формы не оставляет вопросов, ради которых пришлось бы писать отдельно.

главная страница сверху вниз · слева раздел в миниатюре, справа вопрос, на который он отвечает

  1. первый экран«Это рядом с нами и для детей?»

    Заголовок называет занятие и район. Строкой ниже — Коммунарка, выезд на дом, индивидуально и в группах. Кнопка «Записаться на пробное» ведёт сразу к форме.

  2. обо мне«Кто будет заниматься с ребёнком?»

    Фотографии преподавателя, рассказ о себе и опыт работы с детьми.

  3. подход«Чему тут учат?»

    Три карточки простыми словами: уверенность, творческое мышление, художественные навыки.

  4. занятия«Какой формат нам подойдёт?»

    Индивидуальные занятия, группы и мастер-классы, занятия для взрослых — у каждого формата свои условия.

  5. работы«Что получается у детей?»

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

  6. цены«Сколько это стоит?»

    Четыре карточки с ценами, пробное занятие выделено. Полный прайс-лист открывается отдельной страницей.

  7. контакты«Как записаться?»

    Форма заявки. Рядом — прямая ссылка на Telegram преподавателя для тех, кому удобнее написать.

  8. вопросы«А если ребёнок стесняется?»

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

Названия разделов — как в меню сайта. Кнопка «Записаться» стоит в шапке, которая остаётся на экране при прокрутке, и из любого раздела ведёт к форме.
03 / заявка

Путь одной заявки: от формы до строки в панели

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

родитель оставил имя и Telegram · что происходит дальше

Записаться на занятие
Ваше имяМарина
Телефон+7
Telegram@marina_art

По желанию: e-mail, возраст ребёнка, формат, комментарий.

Я согласен(а) на обработку персональных данных

Отправить заявку

Сайт проверяет

  1. Имя не короче двух буквИначе под формой: «Укажите имя».
  2. Есть телефон или TelegramИначе: «Оставьте телефон или Telegram, чтобы я могла ответить».
  3. Согласие отмеченоБез галочки заявка не уходит. Рядом — ссылка на политику обработки данных.
  4. Скрытое поле пустоеЧеловек его не видит, а бот заполняет. Боту сайт отвечает «принято» и ничего не сохраняет.

Если всё в порядке

  1. Заявка записана в базу сайтаСначала сохранение, потом всё остальное. Если сохранить не удалось, форма просит написать в Telegram.
  2. Родитель видит «Спасибо!»На месте формы: «Заявка получена — отвечу в Telegram в ближайшее время».
  3. Преподавателю уходит письмоТема «Новая заявка: Марина», внутри все поля. Если почта недоступна, заявка всё равно остаётся в панели.
ЗаявкиВсего: 3 · Новых: 2
ДатаИмяКонтактыВозрастФорматКомментарийСтатус
10.10.2026, 09:42Марина@marina_art———НоваяОтметить
09.10.2026, 18:15Алексей+7 900 000-00-006 летИндивидуальные занятияУдобно по субботамНоваяОтметить
07.10.2026, 12:03Ольга@olga_draws
+7 900 000-00-01
5 летГруппа / МК—ОбработанаВернуть
  • Новые заявки подсвечены и стоят первыми, сверху — счётчик «Всего» и «Новых».
  • Telegram в строке открывает чат, телефон — звонок, e-mail — письмо.
  • «Отметить» переводит заявку в обработанные, «Вернуть» — обратно в новые.
  • Панель открывается по логину и паролю и закрыта от поисковиков.
Схема формы и панели. Имена и контакты вымышлены; настоящие экраны — ниже.
04 / поиск

Что сайт сообщает поисковикам

Студию ищут по району и виду занятий. Всё, что нужно для этого поисковику, сайт отдаёт сам — из тех же данных, что видит посетитель.

  • title · description · canonicalЗаголовок и описание

    У главной и страницы цен свои заголовки и описания; на главной в них названы район и вид занятий. У каждой страницы указан основной адрес.

  • LocalBusiness · PersonРазметка организации

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

  • OfferCatalogЦены в разметке

    Каталог услуг с ценами строится из того же списка, что и таблица на странице цен, поэтому цифры в них совпадают.

  • FAQPageВопросы и ответы

    Девять вопросов размечены для поисковиков из того же текста, что показан на странице.

  • sitemap.xml · robots.txtКарта сайта и правила обхода

    В карте три страницы. Панель заявок и адрес приёма заявок закрыты от обхода.

  • Open GraphКарточка для соцсетей

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

На сайте стоит счётчик Яндекс Метрики с записью посещений и картой кликов.

05 / как выглядит

Экраны сайта

Раздел «Мой подход» на сайте студии рисования: уверенность, творческое мышление, художественные навыки
Раздел о подходе: чему учат занятия, простыми словами.
Раздел «Форматы работы»: индивидуальные занятия, группы и мастер-классы, занятия для взрослых
Форматы занятий: индивидуально, в группе и для взрослых — с условиями.
Раздел с ценами на занятия рисованием
Цены открыты: родителям не нужно спрашивать стоимость в переписке.
Форма записи на занятие с согласием на обработку персональных данных
Форма записи: имя и один контакт — этого достаточно.
Панель заявок преподавателя: список обращений со статусами «Новая» и «Обработана»
Панель заявок: новые выделены. Данные на снимке — тестовые.
Главная страница сайта студии рисования на экране телефона
Главная на телефоне.
Форма записи на занятие на экране телефона
Форма записи на телефоне: заполнять удобно одной рукой.
06 / кому подойдёт

Такой сайт нужен, если вы принимаете запись

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

07 / под капотом
стек: Next.js, TypeScript · PostgreSQL · Docker
страницы: отдаются с сервера готовыми — быстро открываются и читаются поисковиками
размещение: на сервере студии, под круглосуточным мониторингом

Нужен сайт с записью? Напишите в Telegram

Расскажите о своих занятиях или услугах своими словами — оценим объём и сроки после короткого обсуждения.

Написать в Telegram