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