01 — сайт бригады
Сайт ремонтной бригады, который соберёте вы, а не подрядчик
Замерщик нужен сегодня, смета меняется трижды, а фото работ лежат в галерее между чеками. Соберите страницу, где цены, объекты и форма вызова стоят рядом.
- Услуги с ценами «от» — без звонка ради одной цифры.
- Работы, отзывы и кнопка замера на одном экране.
- Файл ваш: правки формулируются словами.
5 млн токенов бесплатно — после слова «старт».
Первый экран: визитка, цены и кнопка вызова
Почему заявки уходят к соседней бригаде
Дело не в качестве ремонта, а в том, что заказчику негде за пять минут понять, кто вы.
Пишет в 21:40: «Сколько стоит санузел под ключ?» Вы обещаете набрать завтра, а к обеду он договорился с теми, у кого написано «замер бесплатно».
Позиции в блокноте, правки в переписке, чеки в галерее. Плитки куплено лишних две пачки, итог разошёлся — и заказчик решил, что его обсчитали.
Сто фото вперемешку с чеками. Клиент листает, не находит похожей квартиры и уходит на чужой сайт, где объекты подписаны площадью.
Одна ссылка в чате, визитке и объявлении: цены, три объекта «до/после», отзывы с районом и форма, которая сразу пишет заявку в таблицу.
Шесть блоков, которых хватает бригаде
Только то, что помогает решиться на замер. Каждый блок включается и выключается отдельно.
Первый экран
Название, район выезда, сроки, фото команды и кнопка «Вызвать замерщика». Видно с телефона сразу.
Услуги с ценами
Санузел, плитка, электрика, штукатурка: цена «от», единица и список работ.
Работы
Объект, район, площадь, срок, кадры «до/после» и применённые услуги.
Отзывы
Имя, район, дата, оценка. Отзыв привязывается к объекту и подкреплён фото.
Контакты
Телефон, мессенджер, часы звонков, география выездов. Звонок в один тап.
Форма заявки
Имя, телефон, адрес, что сделать, время замера. Заявка падает в админку со статусом «новая».
Черновик видят только вы, пока не нажмёте «Опубликовать». Фото, цены и заявки хранятся в файле страницы.
Шаблон делает вас похожим на сто других бригад
Конструктор хорош, пока задача типовая. У бригад всё наоборот: санузлы, электрика, отделка новостроек. Шаблон заставляет подгонять рассказ под чужие блоки, а нужный блок оказывается платным.
Сборка по промпту идёт от вашего случая: услуги, цены, объекты. Страница получается с вашими блоками, а не с галереей «три колонки».
Правки тоже короче: вместо поиска поля — фраза «уберите блок про ипотеку, добавьте гарантию два года». Файл тот же, заявки на месте.
HTML знать не нужно: вы описываете словами, что должно быть на странице.
Три способа получить один адрес
Без цен и фамилий подрядчиков: важно, что остаётся у вас через месяц.
| Что сравниваем | Нанять разработчика | Купить подписку | Собрать самому этот вариант |
|---|---|---|---|
| Деньги | Десятки тысяч рублей: дизайн, вёрстка, хостинг. | Платёж каждый месяц и доплаты за блоки. | 5 млн токенов на старте, платы за страницу нет. |
| Срок | Недели согласований. | Час на шаблон из готового набора. | Один вечер: промпт, ответы, файл. |
| Правки | Новая оценка и очередь. | Только то, что разрешил производитель. | Словами в чате: «поднимите цену на плитку». |
| Кому принадлежит | Код чаще у подрядчика. | Доступ закрывается с оплатой. | HTML-файл ваш: работает без интернета. |
Подписка удобна, пока вы в ней. Свой файл не спрашивает оплату.
Пять причин собрать самому
- Экономия без потери содержания
Вместо счёта за разработку и подписки — 5 млн токенов на старте, хватает на сборку и правки.
- Страница принадлежит вам
Один HTML-файл: флешка, облако, свой хостинг. Доступ никто не отключит.
- Правки формулируются словами
«Добавьте гарантию», «уберите ипотеку» — просьба в чате меняет тот же файл.
- Не нужно ждать разработчика
Цена на плитку изменилась вечером — вечером она и на странице.
- Нет лимитов тарифа
Форма, галерея, отзывы, админка — одна версия, а не платные уровни.
Семь шагов до готовой страницы
Кнопки названы как в интерфейсе, на каждом шаге — скриншот с подсказкой.
Приложение установлено
Ссылку присылает бот после слова «старт»: откройте установленное приложение.
Нажмите «Открыть веб-интерфейс»
Кнопка открывает проекты и поле сообщения для задачи.
Нажмите «Создать проект»
Отдельный проект, чтобы сайт не смешался с другими задачами.
Впишите название и нажмите «Создать проект»
«Сайт бригады» или название артели — заказчик его не увидит.
Скопируйте промпт и вставьте в сообщение
Промпт в рамке ниже. Скопируйте кнопкой и вставьте через Ctrl+V.
Нажмите «Отправить» ↑ или Enter
Стрелка вверх отправляет сообщение. Дождитесь первого вопроса.
Ответьте на 8–15 вопросов
Сборщик спросит про услуги, цены и районы. В конце — готовый HTML-файл.
Текст для поля сообщения
Скопируйте целиком: это описание вашего сайта. Последнюю строку допишите о своей бригаде.
Ты — senior product designer, UX-архитектор и frontend-разработчик. Помоги мне без технических знаний собрать сайт ремонтной бригады. Сначала задай мне 8–15 простых вопросов (какие услуги и цены, сколько объектов показывать, в каких районах выезжаете, что входит в замер, какие отзывы есть, как принимаете заявки), дождись ответов и только потом собирай страницу. Не спрашивай про фреймворки и архитектуру.
Собери один самодостаточный HTML-файл: CSS и vanilla JS внутри, без внешних библиотек, шрифтов и запросов в сеть. Интерфейс на русском, адаптив от 360 px, крупные кнопки для телефона.
Ниша: сайт ремонтной бригады — отделка квартир, санузел под ключ, плитка, электрика, штукатурка.
Сущности:
1. Секция страницы — заголовок, текст, порядок, видимость, статус.
2. Услуга — название, цена «от», единица (м², точка, объект), срок, что входит в работу.
3. Работа — объект и район, площадь, что делали, срок, фото «до» и «после», применённые услуги.
4. Отзыв — имя, район или дом, дата, оценка, текст, связь с объектом.
5. Заявка — имя, телефон, адрес, услуга, комментарий, удобное время замера, дата создания, статус.
Статусы: секция «черновик → опубликован»; заявка «новая → в работе → закрыта». Статус всегда виден словом, а не только цветом.
Экраны:
- Первый экран: название бригады, город и район выезда, сроки, фото команды, кнопка «Вызвать замерщика» и телефон.
- Услуги: карточки с ценой «от», единицей и списком работ; фильтр по виду ремонта.
- Работы: сетка объектов с фото «до/после», районом, площадью и сроком; клик открывает объект целиком.
- Отзывы: список с именем, районом, датой и оценкой; отзыв раскрывается и показывает связанный объект.
- Контакты и форма: телефон, мессенджер, часы приёма, карта выездов, форма заявки с валидацией и экраном «Спасибо, заявка принята».
- Админка: список секций, услуг, работ, отзывов и заявок; создание, редактирование, удаление с подтверждением, предпросмотр черновика и кнопка «Опубликовать».
Правила: контент и заявки хранятся в localStorage и подставляются при открытии; публичная часть показывает только секции со статусом «опубликован». Пустые состояния — короткая подсказка и кнопка добавления. Проверяй поля форм и не теряй введённое при ошибке. Галерея работ листается свайпом, фотографии открываются крупно. Экспорт страницы — в один HTML-файл. Никаких регистраций и внешних запросов.
Перед выдачей сам пройди сценарии: добавление услуги, публикация секции, отправка заявки с телефона, удаление отзыва, перезагрузка страницы. Исправь найденное сам. Ответ — полный готовый HTML-файл.
Моя бригада: ___ (одна фраза: чем занимаетесь и в каком городе).Перед отправкой допишите город и главную услугу. Остальное сборщик уточнит вопросами.
Что спрашивают до первой сборки
Можно ли повесить страницу на свой домен?
Да: это один HTML-файл, его кладут на хостинг и привязывают домен. Пока домена нет, ссылку от сборщика уже можно отправлять заказчику.
Попадёт ли бригада в поиск по городу?
Страница собирается с заголовком, описанием и разметкой, поэтому индексируется. Но быстрые заявки дают мессенджер, визитка и объявления со ссылкой.
Как отправить сайт тому, кто не любит ссылки?
Отправляйте адрес вместе с фото работ: в чате появится карточка бригады. Ещё вариант — QR-код из админки для визитки или щита в подъезде.
Что увидит заказчик с телефона?
Одну колонку: название, кнопку вызова замерщика, цены, работы и форму. Звонок — в один тап, фото открываются крупно.
Нужен ли хостинг и ежемесячная оплата?
Для старта хватает адреса сборщика. Хостинг понадобится только под свой домен: файл лёгкий, подойдёт дешёвый тариф.
Сколько времени займёт сборка и правки?
Первый вариант — вечер: установка, промпт, ответы. Правки идут по одной и занимают минуты: вы просто пишете, что поменять.
Замерщик приедет к тем, кто показал цены
Промпт, семь шагов и 5 млн токенов готовы. Дальше — вечер и адрес, который не стыдно отправить в чат.
5 млн токенов бесплатно · после слова «старт»
Один HTML-файл: первый экран, услуги с ценами, работы, отзывы, контакты и форма заявки.