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

Как сделать сайт архитектора без кода: проекты и промпт

Соберите список проектов с фотографиями и фактами, опишите структуру текстом, и генератор сделает сайт. Портфолио на одной странице стоит 6 кредитов и собирается примерно за минуту, вариант с отдельной страницей под каждый проект стоит 12 кредитов за первые три страницы и по 3 за каждую следующую.

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

Что на сайте архитектора решает, а что мешает?

Решают проекты, показанные крупно и с фактами. Мешает всё, что стоит между посетителем и первым изображением: экран-заставка, длинное манифестное вступление, анимация загрузки.

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

Из этого следует структура. Крупная сетка проектов сразу после короткого первого экрана, фильтр по типу, если проектов больше десяти, страница проекта с фактами, короткая страница о практике и контакты. Раздел новостей и блог полезны, но не в первых трёх экранах.

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

Как устроена карточка проекта?

Из фактов и изображений в предсказуемом порядке. Человек, просматривающий десять проектов подряд, сравнивает одни и те же поля, поэтому единая форма важнее литературности.

Поле Что в нём Частая ошибка
Тип и место Частный дом, интерьер, реконструкция, город Указан только год
Площадь и сроки Квадратные метры, год проектирования и реализации Нет ни одной цифры
Задача Что просил заказчик и в каких ограничениях Описан стиль вместо задачи
Решение Планировка, материалы, ключевой ход Текст про философию без конкретики
Изображения Фотографии реализации, планы, визуализации Только рендеры без подписей
Статус Реализован, в работе, концепция Концепция подана как построенный объект

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

Что писать в промпте?

Назовите тип практики, состав портфолио и порядок блоков. Сформулированное вами станет структурой сайта, недосказанное станет средним по нише.

Сайт частной архитектурной практики. Проектируем частные дома
и интерьеры, работаем в своём регионе.
Структура:
1. Первый экран: одна строка о практике и сразу сетка проектов.
2. Портфолио: карточки с типом, площадью, годом и статусом,
   фильтр по типу проекта.
3. Страница проекта: галерея, факты, задача, решение, планы.
4. Услуги: эскизный проект, рабочая документация,
   авторский надзор, что входит и цена «от».
5. О практике: опыт, публикации, состав, фотография.
6. Контакты: форма с типом объекта, площадью и сроком.
Тёмный текст на светлом, много воздуха, крупные изображения,
без стоковых фотографий, без анимации на загрузке.

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

Если удобнее стартовать с готовой структуры, в наборе 25 шаблонов, и замена текстов в подходящем часто быстрее описания макета с нуля. Обзор набора есть в статье про шаблоны Zugo.

Где хранить тяжёлые изображения?

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

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

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

Чертежи и планы лучше выкладывать картинками, а не тяжёлыми файлами: посетитель хочет посмотреть, а не скачать. Полные комплекты уместнее отдавать по запросу.

Сколько стоит и сколько занимает сборка?

Оплата за действие, а не за количество проектов в портфолио. Одностраничный сайт стоит 6 кредитов, многостраничный 12 кредитов за первые три страницы и по 3 кредита за каждую следующую, правка стоит 3 кредита, режим Hi-Fi вдвое дороже.

Сайт с главной, портфолио, шаблоном страницы проекта, услугами и контактами это 12 плюс два добавочных экрана, то есть 18 кредитов до первой правки. Прибавьте двенадцать правок на подписи, фильтры и вид сетки, и получится 54 кредита. Бесплатный тариф даёт 5 кредитов, чтобы осмотреться, Pro стоит $25 в месяц и даёт 200 кредитов, Business стоит $99 в месяц.

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

Нужен ли отдельный раздел под публикации и конкурсы?

Нужен, если он есть чем наполнить. Публикация в отраслевом издании, участие в конкурсе, преподавание и членство в профессиональном объединении работают как подтверждение квалификации, которое проекты сами по себе не дают.

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

Тот же принцип касается наград. Одна честная строка сильнее блока с шестью иконками, половина которых непонятна даже коллегам.

Как показывать проекты, которые ещё в работе?

Отдельным статусом и честной подписью. Незавершённый объект это нормальное содержание портфолио: он показывает, что практика живая, и заранее снимает вопрос «а вы сейчас работаете».

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

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

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

Где AI-конструктор останавливается для архитектурной практики?

На четырёх вещах, и назвать их лучше заранее.

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

Он не подготовит изображения за вас. Сжатие, кадрирование и единая обработка портфолио остаются ручной работой, и от их качества сайт зависит сильнее, чем от вёрстки.

Нестандартная подача требует итераций. Необычная сетка, сложное поведение галереи или сценарий с прокруткой собираются серией коротких правок, а не одним описанием.

Сложный продукт требует команды. Если из сайта вырастает клиентский портал с документами, согласованиями и правами доступа, Zugo не заменяет разработку. Проект при этом остаётся вашим: исходники выгружаются в GitHub, база живёт в Supabase.

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

← Все статьи