Первый экран
Название школы, направление, город и одна кнопка записи. Человек сразу понимает, туда ли он попал и для какого возраста занятия.
ЗанятияПреподавателиРаботыОтзывыЗапись
Школа на Садовой
подготовка к школе · рисование · город
Небольшие группы, понятное расписание, преподаватель рядом.
Подготовка к школецена по запросу
Рисование, 7–12 летцена по запросу
Лепка и керамикацена по запросу
работа 01
работа 02
Телефон · Telegram · адресЗаписать на занятие
Сайты и лендинги · сайт школы
Сайт школы без подписки: о школе, преподаватели и запись
Расписание живёт в блокноте, цены — в переписке, а запись — в памяти администратора. Родитель спрашивает одно и то же в личку, и каждый раз приходится отвечать заново.
Одна страница снимает эти вопросы: что за школа, чему учите, кто ведёт занятия, сколько стоит и как записаться. Собрать её можно за вечер: бот по очереди спрашивает о группах и ценах, вы отвечаете обычными словами — и получаете готовый HTML-файл.
- 5 000 000 токенов бесплатно
- 7 шагов · один вечер
- HTML-файл остаётся у вас
01
Что на странице
Родитель решает за минуту: подходит ли школа, кто ведёт, сколько стоит и куда нажать, чтобы записаться. Шесть блоков закрывают этот разговор целиком — без меню на три уровня и страницы «о нас» на пять экранов.
Занятия и цены
Три–шесть направлений с ценой «от», за абонемент или «по запросу». Рядом — длительность, размер группы и что взять с собой.
Преподаватели
Имя, предмет, стаж и одна живая строка о подходе. Родителю важно видеть человека, которому доверит ребёнка.
Работы и занятия
Четыре–шесть фотографий: детские рисунки, поделки, сцена из класса. С подписью, что это и чья группа.
Отзывы и контакты
Два–четыре отзыва родителей с источником и блок с адресом, телефоном, мессенджером и часами работы.
Форма записи
Имя родителя, контакт, направление и возраст ребёнка. Заявка сохраняется в списке, а не тонет в переписке.
Три бытовые ситуации, из-за которых школа заводит страницу
- Вечерние вопросы. В 22:40 приходит «а сколько стоит подготовка?». Вы отвечаете голосовым, утром пишете то же самое ещё двоим — и снова считаете цену в уме.
- Двойная запись. В блокноте одна строчка, в таблице другая, в чате третья. На одно место приходят два ребёнка, и разбираться приходится администратору.
- Ушёл преподаватель. Вместе с ним из переписки исчезли расписание его группы, фотографии занятий и список тех, кто хотел продолжить.
02
Почему не конструктор и не «сайт за пять минут»
Конструктор обещает страницу без кода: выбрали тему, перетащили блоки, получили адрес. Для школьной страницы этого хватает ровно до первой правки — когда нужно поставить расписание выше фотографий, а форма записи оказывается в чужой панели с ограничениями тарифа.
Шаблон диктует и внешний вид, и последовательность рассказа. Он не знает, что у вас три возрастные группы, что цена зависит от количества занятий в месяц и что родителю нужен телефон администратора, а не «оставьте сообщение». Приходится подстраивать школу под рамку.
У страницы, собранной под ваш случай, другая логика. Вы описываете занятия, преподавателей и правила записи словами — бот задаёт уточняющие вопросы и делает один файл. Его можно открыть в браузере, показать на педсовете, выложить на хостинг и править без подрядчика.
Школа не должна выглядеть как чужая витрина.Страница собирается под ваши группы, цены и порядок записи.
03
Сколько это стоит
Смотрим не на ценник, а на цену владения: во что обойдётся, сколько ждать, как часто получится менять расписание и в чьих руках останется файл.
| Критерий | Нанять разработчика | Купить подписку | Собрать самому |
|---|---|---|---|
| Деньги | Смета в десятки тысяч рублей, предоплата и отдельный счёт за каждую доработку. | Платная подписка на чужую платформу с её шаблонами и ограничениями. | 5 000 000 токенов бесплатно, дальше — только время на ответы боту. |
| Срок | Дни и недели: бриф, созвоны, согласование текста, вёрстка, правки. | Вечер уходит на выбор темы и заполнение полей, которые предлагает шаблон. | Один вечер по семи шагам, без чужой очереди и согласований. |
| Правки | Каждое изменение цены или расписания — письмо разработчику и счёт. | Пока тариф позволяет: часть блоков и форм закрыта до следующего уровня. | Словами в чат проекта: «добавь группу по вторникам, подними цену абонемента». |
| Кому принадлежит результат | Как запишут в договоре; доступ к коду и хостингу нередко остаётся у студии. | Страница существует, пока списывается платёж. | Вам: HTML-файл на вашем компьютере, без привязки к сервису. |
Дорого не то, что заплатили один раз, а то, что платёж возвращается каждый месяц: в мае с новым расписанием и в августе с набором. У своего файла нет ни счётчика просмотров, ни закрытых разделов после пробного периода.
Пять причин собрать самому
Взамен одного вечера на вопросы и копирование промпта вы получаете страницу, которая не зависит от чужого графика и тарифа.
-
Экономия
Ни макета, ни вёрстки по счёту, ни доплат за новое расписание. Первая сборка укладывается в 5 000 000 бесплатных токенов.
-
Страница принадлежит школе
HTML-файл лежит у вас: передать новому администратору, сохранить в архив, отнести на другой хостинг — всё без чужого разрешения.
-
Правки словами
«Добавь группу для пятилеток, цену сделай по запросу» — так и пишете. Искать нужное поле в глубине панели не придётся.
-
Не нужно ждать разработчика
Захотелось поменять расписание в субботу — поменяли в субботу. Ни отпуск подрядчика, ни чужая очередь задач тут не участвуют.
-
Нет лимитов тарифа на функции
Форма записи, отзывы и галерея работ не спрятаны за апгрейдом: в файле нет платных модулей, всё работает сразу.
04
Семь шагов до страницы школы
На каждом шаге — одно нажатие. Скриншоты показывают нужную кнопку, а промпт лежит ниже и копируется одним кликом.
-
1
Приложение установлено
Ссылку на установку присылает бот @get_ai_access_bot — достаточно написать ему «старт». Поставьте приложение на компьютер или телефон: дальше всё происходит внутри.
Шаг 1 · приложение готово к работе -
2
Нажмите «Открыть веб-интерфейс»
На стартовом экране нажмите «Открыть веб-интерфейс». Откроется рабочая область в браузере — там появятся проекты и чат.
Шаг 2 · переход в веб-интерфейс -
3
Нажмите «Создать проект»
В списке проектов нажмите «Создать проект» — кнопка расположена над списком. У каждого проекта своя папка и свои файлы.
Шаг 3 · новый проект -
4
Впишите название и нажмите «Создать проект»
Введите понятное название, например «Сайт школы», и снова нажмите «Создать проект». Название видно только вам и не попадает на страницу.
Шаг 4 · имя проекта -
5
Скопируйте промпт и вставьте в поле сообщения
Нажмите «Скопировать промпт» в блоке ниже. Вернитесь в проект, кликните в поле сообщения и вставьте: Ctrl+V, на Mac — Cmd+V.
Шаг 5 · промпт на странице -
6
Нажмите «Отправить» ↑
Жмите «Отправить» ↑ или Enter. Текст длинный, это нормально: отправлять нужно целиком, без сокращений.
Шаг 6 · отправка промпта -
7
Ответьте на 8–15 вопросов
Бот спросит о направлениях, преподавателях, ценах и записи. В конце отдаст готовый HTML-файл со страницей школы — его можно открыть в браузере и сразу показать родителям.
Шаг 7 · вопросы и готовый файл
05
Промпт, который собирает страницу школы
Промпт уже адаптирован под школу: в нём описаны секции страницы, занятия, работы, отзывы и заявки, статусы «черновик → опубликован» и все экраны — первый экран, услуги, работы, отзывы, контакты и форма. Копируйте прямо отсюда.
Ты — senior product designer, UX-архитектор и frontend-разработчик. Помоги человеку без технических знаний собрать сайт школы: одну страницу, где родитель находит занятия, знакомится с преподавателями и записывает ребёнка. Код пишешь ты, человек отвечает на вопросы и принимает решения.
Сначала задай 8–15 коротких вопросов с вариантами ответов: чему учите и для какого возраста; какие 3–6 занятий показать; как указывать цены — «от», фиксированная, абонемент или «по запросу»; какие преподаватели есть и что о каждом важно сказать; какие 4–6 работ или фотографий занятий добавить и что в них происходит; какие 2–4 отзыва родителей можно публиковать; как связаться — телефон, Telegram, адрес, часы работы; куда должна приходить заявка; какой тон — тёплый, строгий, академический; что человек должен увидеть на телефоне в первую очередь. Не спрашивай про фреймворки, базы данных и хостинг.
Спроектируй сущности: страница и её секции, занятие, преподаватель, работа, отзыв, заявка, контакт. Свяжи их стабильными ID. У страницы и каждой секции статус «черновик → опубликован»: черновик виден только в редакторе, опубликованное — в предпросмотре и на странице. Занятие: название, описание, возраст, цена (число, «от», абонемент или «по запросу»), длительность, размер группы, порядок. Преподаватель: имя, предмет, стаж, одна строка о подходе, фотография или заглушка. Работа: название, описание, изображение или заглушка, группа, год. Отзыв: имя родителя, текст, источник, разрешение на публикацию. Заявка: имя, контакт, направление, возраст ребёнка, комментарий, дата, статус «новая → обработана».
Экраны: редактор секций со списком и изменением порядка; живой предпросмотр страницы; занятия с ценами; преподаватели; работы; отзывы; контакты и форма; входящие заявки. На самой странице: первый экран с названием школы, направлением и одним действием, занятия с ценами, преподаватели, работы, отзывы, контакты и форма записи. Продумай пустые состояния, подтверждение удаления, сохранение после каждого действия и понятные ошибки формы.
Дизайн: бумажная редакционная сетка, поля, тонкие линии, крупная типографика, аккуратные отступы, один акцентный цвет. Адаптив от 360 px: на телефоне читаемый первый экран, занятия списком, преподаватели карточками в одну колонку, кнопка записи под рукой. Без каруселей, всплывающих окон при загрузке и декоративного шума.
Технически: один HTML-файл, CSS и vanilla JS внутри, localStorage как хранилище, без backend, сборщиков и npm. Раздели слои: storage → сущности → фичи → компоненты → экраны → навигация. После изменения данные сохраняются, интерфейс обновляется сразу. Форма записи сохраняет заявку в localStorage и показывает её в разделе «Заявки»; если указан Telegram, добавь кнопку «Написать в Telegram». Ничего не отправляй на почту без backend.
Добавь демонстрационные данные: 3 занятия, 2 преподавателя, 2 работы, 2 отзыва, 1 заявка — все с пометкой «демо». Сделай кнопку «Удалить демо-данные» с подтверждением. Модальные окна закрываются по Escape и клику на фон. Проверь сценарии: заполнить первый экран, добавить занятие, скрыть отзыв, отправить заявку, опубликовать страницу, перезагрузить браузер, открыть с телефона. Найденное исправь.
Ответ — полный готовый HTML-файл, без «вставьте этот фрагмент». Все следующие правки — тоже полным файлом.
Моя задача: я веду школу и держу дела в блокноте и переписке. Мне нужна одна страница о школе: занятия с ценами, преподаватели, работы, отзывы, контакты и форма записи.Промпт копируется прямо со страницы. Вставьте его в проект, нажмите «Отправить» ↑ — бот начнёт задавать вопросы и в конце соберёт файл.
06
Что спрашивают перед сборкой
Коротко о домене, поиске, телефоне и правках расписания — только то, что страница действительно умеет.
Можно ли повесить страницу на школьный домен?
Да. Файл обычный, HTML: выложите его на статический хостинг и подключите домен так, как советует хостинг. Сам домен — отдельная покупка, в бесплатные токены он не входит.
Найдут ли школу через поиск по городу?
Публичный адрес, заголовок и описание бот закладывает сразу. Дальше индексация зависит от поисковика: страницу добавляют в панель вебмастера и ждут. Адрес школы и название направления в тексте помогают больше, чем десять ключевых слов в подвале.
Как отправить ссылку в родительский чат?
Скопируйте адрес опубликованной страницы и вставьте в сообщение. Родителю не нужно ничего скачивать: страница открывается в браузере телефона, а форма записи отправляет заявку в список на той же странице.
Что увидит мама, которая зашла с телефона?
Версию для узкого экрана, от 360 пикселей: название школы и кнопку записи на первом экране, занятия списком, преподавателей в одну колонку, телефоны и адрес под рукой. Галерея работ тоже открывается без горизонтальной прокрутки.
Нужен ли платный хостинг, чтобы показать страницу?
Проверить и показать на педсовете можно прямо с диска — файл открывается в браузере двойным щелчком. Для ссылки, которая работает у родителей, понадобится статический хостинг; у многих сервисов есть бесплатный тариф. Токены к этой оплате отношения не имеют.
Сколько вечеров уйдёт и кто будет менять расписание?
Первую версию обычно собирают за один вечер. Дальше правки делает тот, кто ведёт школу: «добавь группу по вторникам», «подними цену абонемента», «убери отзыв». Каждая правка — сообщение в том же проекте и полный обновлённый файл.
Покажите школу одной ссылкой
Напишите боту «старт» — в ответ придут приложение и 5 000 000 токенов. Скопируйте промпт, расскажите о занятиях и преподавателях, заберите файл со страницей.
Открыть бота и начать
Без карты · файл ваш · правки словами