Сайт фотостудии без кода: залы, бронь и цена аренды
Сайт фотостудии без кода собирается по текстовому описанию: вы перечисляете залы, почасовые цены и что входит в аренду, а Zugo выдаёт опубликованный сайт с карточками залов, прайсом и формой брони. Многостраничная сборка занимает несколько минут и до выдачи проверяется в песочнице.
Ниже разберём, что должно быть на сайте студии, как выглядит порядок сборки, как устроен прайс на аренду, что писать в описании, сколько это стоит в кредитах и где заканчиваются возможности конструктора.
Что ищут на сайте фотостудии?
Арендатор приходит с тремя вопросами, и они всегда одни и те же: как выглядит зал, сколько стоит час и свободно ли нужное мне время. Студия, которая отвечает на них в первом экране, получает бронь, а не переписку из десяти сообщений.
Отсюда структура: карточка на каждый зал с честными фотографиями без широкоугольных искажений, метраж, высота потолка, наличие дневного света, список оборудования в комплекте, почасовая цена с разбивкой по будням и выходным, минимальное время аренды, правила и штрафы, форма брони.
Отдельно стоит блок про оборудование. Фотограф выбирает студию по свету: сколько источников, какие насадки, есть ли циклорама, что доплачивается отдельно. Список конкретных моделей вместо фразы «профессиональное оборудование» экономит вам десятки вопросов в мессенджере.
Стоит написать и про то, что происходит на границах брони. Можно ли зайти за десять минут до начала, входит ли уборка в оплаченное время, как считается переработка. Эти мелочи создают большую часть конфликтов с администратором, и все они решаются тремя строками в правилах.
Как собрать сайт фотостудии без кода?
| Шаг | Что делаете | Что получаете |
|---|---|---|
| 1 | Описываете залы и прайс текстом | План страниц и карточек залов |
| 2 | Запускаете сборку | Версия, прошедшая песочницу |
| 3 | Загружаете фотографии залов | Галерея по каждому залу |
| 4 | Правите текстом | Уточнённые цены, правила, оборудование |
| 5 | Подключаете оплату и письма | Stripe для предоплаты, Resend для подтверждений |
| 6 | Публикуете | slug.zugo.run или свой домен |
Проверка в песочнице означает конкретную вещь: версия, которая не открылась, до вас не доезжает. Она не проверяет, верно ли посчитана стоимость четырёх часов в выходной, поэтому расчёт стоит проверить руками. Порядок работы с многостраничным сайтом разобран в материале многостраничный сайт нейросетью.
Отдельная страница на каждый зал обычно оправдана: у залов разная аудитория, разные фотографии и разные цены. Три зала это как раз многостраничная сборка за 12 кредитов, четвёртый добавляется за 3.
Как устроить прайс на почасовую аренду?
Почасовая аренда это таблица с двумя измерениями: зал и время. Чем понятнее эта таблица, тем меньше вопросов и споров при расчёте на месте.
| Зал | Будни, час | Выходные, час | Минимум |
|---|---|---|---|
| Циклорама | цена | цена | 2 часа |
| Интерьерный | цена | цена | 2 часа |
| Дневной свет | цена | цена | 1 час |
К таблице стоит добавить три строки, которые снимают большинство конфликтов: что входит в час аренды (свет, фоны, гримёрка), что оплачивается отдельно (визажист, доп. фоны, вынос оборудования), и правило по опозданию и переработке. Аренда считается по факту занятого времени, и это лучше написать заранее.
Такую таблицу можно попросить прямо в первом описании сайта, и она соберётся сразу, без отдельной правки на три кредита.
Полезно показать и загруженность в общем виде: какие дни обычно заняты и за сколько времени вперёд стоит бронировать. Это не календарь и не требует базы данных, но снимает вопрос «а есть ли шанс на субботу», который приходит в мессенджер каждый день.
Что писать в промпте?
Описание «сайт фотостудии, стильный и минималистичный» задаёт настроение и ноль решений. Структуру модель придумает сама, и переделывать придётся много.
Рабочий вариант: «Сайт фотостудии на три зала в Санкт-Петербурге. Главная: коротко о студии, три карточки залов с ценой за час и кнопкой. Отдельная страница на каждый зал: галерея, метраж, высота потолка, список оборудования, почасовой прайс будни и выходные, минимум два часа. Общая страница с правилами и штрафами. Форма брони: зал, дата, время, длительность, имя, телефон».
Дальше уточняете по одному запросу: «добавь блок про парковку и вход со двора», «покажи цену за пакет из четырёх часов». Каждая правка стоит три кредита, поэтому подробное описание на старте выгоднее серии уточнений. Структура промпта разобрана в статье как писать промт для ИИ-билдера.
Сколько это стоит в кредитах?
| Что собираете | Кредитов |
|---|---|
| Многостраничная платформа, первые три страницы | 12 |
| Каждая следующая страница | 3 |
| Одностраничный сайт | 6 |
| Одна правка | 3 |
| Сборка в режиме Hi-Fi | 12 |
| Правка в режиме Hi-Fi | 6 |
Практический расчёт для студии на три зала: главная, три страницы залов и страница правил это пять страниц, то есть 18 кредитов, плюс шесть правок по 3, итого 36. Free даёт 5 кредитов, это меньше стоимости одной сборки в 6. Pro стоит $25 в месяц за 200 кредитов, Business стоит $99 в месяц.
Как показать залы, чтобы не было претензий?
Главная претензия к фотостудиям звучит одинаково: «на сайте зал выглядел больше». Она появляется из-за широкоугольной съёмки, которая растягивает пространство. Арендатор приезжает, видит другую комнату, и отношения портятся ещё до начала съёмки.
Работает противоположный подход: снимать зал так, как его увидит человек. Один общий кадр с нормальным фокусным расстоянием, один от двери, один из дальнего угла, отдельно свет и отдельно гримёрка. Плюс обязательно метраж цифрой и высота потолка в описании.
| Что показать | Зачем это нужно |
|---|---|
| Общий план без искажений | Реальный размер зала |
| Кадр от двери | Первое впечатление |
| Свет и оборудование | Главный критерий выбора |
| Гримёрка и зона ожидания | Комфорт съёмочной группы |
| Примеры съёмок в этом зале | Что получается на выходе |
Примеры готовых кадров, снятых именно в этом зале, полезнее любого описания: фотограф сразу видит, какая картинка получается при вашем свете. Попросить такую структуру галереи можно прямо в первом описании сайта, отдельная правка за три кредита не понадобится.
Что делать, если первая сборка промахнулась?
Это ожидаемая часть работы. Описание задаёт задачу словами, поэтому часть решений принимает модель, и полное совпадение с первого раза бывает редко даже при подробном промпте.
Правило одно: один запрос на одну правку. «Добавь блок про парковку» и «покажи цену за пакет из четырёх часов» это две задачи, и по отдельности они выполняются точнее, чем списком из шести пунктов. Каждая стоит три кредита, поэтому объединять их ради экономии бессмысленно.
Если промахнулась структура целиком, дешевле пересобрать с новым описанием: сборка стоит 6 кредитов, четыре правки уже 12. Признак того, что пора: в вашем промпте были общие слова вместо конкретики про залы, метраж и почасовой прайс.
Есть режим Hi-Fi для случаев, когда важна проработка внешнего вида: 12 кредитов за сборку и 6 за правку. Студии он может пригодиться позже, когда структура устоялась: визуальная ниша прощает небрежное оформление меньше, чем сервисная.
Где заканчивается сайт и начинается система бронирования?
Здесь проходит главная граница, и её честнее назвать прямо. Сайт с формой заявки собирается за одну сборку. Настоящая система бронирования, где слот закрывается сразу после оплаты, видно занятость по каждому залу на месяц вперёд и работают переносы, это приложение с базой данных.
Такое приложение в Zugo собрать можно: Supabase даёт базу и вход, Stripe закрывает предоплату, Resend отправляет подтверждения. Но это не одна фраза в описании, а несколько итераций с проверкой каждого сценария: двойная бронь, отмена, возврат предоплаты. Закладывайте на это отдельную работу и запас кредитов.
Вторая граница: специфичная логика доводится правками. Скидка на ночные часы, абонемент для постоянных фотографов, разные цены для съёмки и для мероприятия. Каждое правило формулируется отдельно. На большом продукте конструктор не заменяет команду разработки, он сокращает путь до первой рабочей версии, а код при этом остаётся вашим и экспортируется в GitHub.
С чего начать
Сфотографируйте каждый зал в трёх ракурсах без искажений, выпишите почасовой прайс с минимальным временем и правила по опозданию. Опишите этим сайт на zugo.dev, доведите правками и подключите предоплату. Если вы ещё и снимаете сами, отдельный разбор есть в материале сайт фотографа.