Перейти к содержимому

Шаблон River Park: сайт жилого квартала с планировками

River Park это готовый шаблон сайта жилого квартала из галереи Zugo. Публичная часть состоит из описания дома, планировок, благоустройства, хода строительства и записи на просмотр, а за входом лежит кабинет покупателя с сохранёнными планировками и ипотечным калькулятором. Клон бесплатный, правка стоит 3 кредита.

Ниже разобрано, из чего собран шаблон, что в нём работает по-настоящему и какими правками он превращается в сайт вашего объекта.

Что внутри шаблона River Park?

Шаблон повторяет структуру, к которой приходят почти все сайты новостроек, и добавляет к ней кабинет. Это редкое сочетание: обычно кабинет покупателя живёт отдельно от продающего сайта.

Раздел Что внутри
Первый экран Обещание места и характер квартала
О доме Четыре аргумента: фасад, глубокие балконы, двор без машин, инженерия
Планировки Четыре варианта квартир с единым подходом к пространству
Благоустройство Двор и общественные зоны как отдельный аргумент
Ход строительства Блок про сроки и текущее состояние площадки
Запись Просмотр по записи и форма обратного звонка
Кабинет Сводка, сохранённые планировки, ипотечный калькулятор, бронь

Раздел про ход строительства обычно недооценивают, а он закрывает главный страх покупателя новостройки. Его стоит не просто оставить, а поддерживать в актуальном состоянии: устаревшая дата на этом блоке вредит сильнее, чем его отсутствие.

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

Что здесь работает, а что показано как интерфейс?

Публичная часть рабочая целиком: навигация, якоря, формы, поведение на телефоне. Её можно публиковать почти сразу, заменив тексты, изображения и планировки на свои.

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

Формы это отдельный важный момент. По умолчанию заявка на обратный звонок никуда не отправляется, и опубликовать сайт в таком виде значит терять обращения молча. Письма подключает коннектор Resend, а сами заявки можно складывать в базу через Supabase. Как это делается, разобрано в статье приложение с письмами через Resend.

Проверьте это до публикации, а не после. Отправьте тестовую заявку и убедитесь, что она дошла туда, где её увидит живой человек. Это пятиминутная проверка, которая окупается первым же звонком.

Кому подходит River Park?

Подходит застройщику, агентству недвижимости и частному инвестору, который продаёт объект: жилой дом, посёлок, апартаменты, коммерческие помещения. Структура «объект, планировки, благоустройство, ход работ, запись» универсальна для любого из этих случаев.

Подходит и для аренды, если заменить покупку на бронирование. Каркас с карточками помещений и калькулятором переживает такую замену без переделки структуры.

Не подходит агентству, которое торгует вторичкой: там нужен каталог с фильтрами и сотнями объектов, а не страница одного дома. Это принципиально другая задача, и начинать её лучше с описания, а не с этого шаблона.

Не подходит и для одного частного объявления: страница на семь разделов вокруг одной квартиры выглядит странно. Более общий разбор задач такого типа есть в статье сайт недвижимости нейросетью.

Взять шаблон или собрать сайт с нуля?

Считать удобно так. Сборка по описанию стоит 6 кредитов и даёт страницу ровно по вашему тексту, включая всё, что вы забыли упомянуть. Клон бесплатный, и платите вы только за отличия от каркаса, который видели работающим в превью.

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

Чистый промпт выигрывает в одном случае: когда объект нестандартный и продаётся иначе. Коворкинг с помесячной оплатой, склады, парковочные места: там планировки и ипотека будут мешать, и каркас придётся разбирать.

Отдельно стоит решить вопрос про число страниц. Если под каждую планировку нужна своя страница с отдельным адресом, это уже платформа: 12 кредитов за первые три страницы и по 3 за каждую следующую. Чем такой формат отличается от одностраничника, разобрано в статье может ли ИИ сделать многостраничный сайт.

Как переделать шаблон под свой объект?

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

  1. Замените название и обещание. Одна правка меняет имя квартала везде и переписывает первый экран.
  2. Подставьте свои планировки. Изображения, площади, число комнат, цены. Это самая ценная часть страницы.
  3. Перепишите аргументы о доме. Четыре блока заменяются на ваши особенности, число блоков меняется тем же запросом.
  4. Обновите ход строительства. Реальная стадия и реальные сроки, иначе блок работает против вас.
  5. Настройте формы. Заявка должна приходить человеку, а не исчезать.
  6. Опубликуйте. Проект живёт на адресе вида имя.zugo.run, свой домен подключается поверх на платных тарифах.

Про ипотечный калькулятор стоит сказать отдельно. Он считает по формуле, а не по ставкам конкретного банка, и оставлять его без проверки нельзя. Либо задайте свои параметры правкой, либо честно подпишите блок как предварительный расчёт.

Сколько стоит довести шаблон до публикации?

Клон бесплатный, счёт начинается с правок. Замена содержимого на своё это обычно от пяти до восьми правок, в зависимости от числа планировок и подробности описаний.

Действие Стоимость
Клон шаблона Бесплатно, без обращения к ИИ
Правка в чате 3 кредита
Сборка с нуля по описанию 6 кредитов
Многостраничная платформа 12 кредитов за первые три страницы, дальше по 3 за страницу
Режим Hi-Fi Вдвое дороже: правка 6, сборка 12

Тарифы: Free даёт 5 кредитов, Pro стоит $25 в месяц и включает 200 кредитов, Business стоит $99 в месяц. Каждая сборка перед выдачей запускается в песочнице, и вариант, который не открылся, вам не отдаётся.

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

Какие правки просят чаще всего?

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

«Сделай шесть планировок вместо четырёх и добавь площадь с числом комнат в заголовок карточки». «Добавь фильтр планировок по числу комнат». «Замени блок про фасад на блок про парковку». «Добавь в ход строительства галерею фотографий с площадки и дату съёмки».

Часто просят про доверие: «добавь блок с реквизитами застройщика и ссылкой на проектную декларацию». Это правильная просьба, и делать её лучше до публикации, а не после первого вопроса покупателя.

Отдельно про язык: одна правка вида «переведи весь сайт и кабинет на русский, включая подписи в калькуляторе и пустые состояния» закрывает вопрос целиком. Пустые состояния упоминаются не случайно: их забывают чаще всего, и потом посреди русской страницы всплывает английская подпись.

Где границы шаблона?

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

Каталог из сотен объектов это другая задача. Шаблон рассчитан на один квартал с несколькими планировками. Фильтры по району, цене и площади для большой базы объектов делаются иначе.

Юридические тексты пишете вы. Проектная декларация, условия бронирования, реквизиты: инструмент их не придумает, и придумывать их за вас никто не должен. На по-настоящему сложном продукте Zugo не заменяет команду разработки, а исходники всегда забираются экспортом в GitHub.

Практический первый шаг: откройте галерею на zugo.dev, клонируйте River Park и подставьте свои планировки вместо демонстрационных. Дальше сразу станет видно, подходит ли вам этот каркас.

← Все статьи