Создаем лендинг с ИИ

Когда нужно быстро собрать лендинг, ИИ хорошо снимает самую затратную часть работы — старт с пустого листа.

При этом сам лендинг можно собрать с характером — например, передать в визуале спокойную атмосферу Петербурга и тот самый голубо-серо-синий оттенок облаков.

Промпт для Nano Banana Pro:

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



Основной доминирующий оттенок — цвет питерских облаков: сложный голубо-серо-синий. Используй этот оттенок в hero-блоке, в акцентах интерфейса, в иконках.



Структура лендинга:



1. Первый экран

Большой hero-блок на всю ширину экрана с крупной фоновой фотографией современных зданий в холодных светло-серых и голубоватых оттенках. Справа и по центру на фоне — архитектура, слева — текстовый блок.



Текст в hero-блоке:



заголовок в 3 строки:

«Коммерческие площади

в Санкт-Петербурге

для бизнеса»

подзаголовок:

«Аренда, покупка и подбор помещений под задачи компании»

кнопка:

«Подобрать объект»

В верхней части экрана размести горизонтальное меню:

О нас Каталог Этапы работы Отзывы Контакты



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



2. Информационный блок с цифрами и описанием



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



Внутри карточки слева и ближе к центру размести 4 крупных показателя в аккуратной сетке:



15

лет в сфере

2150

успешных сделок

3500

объектов в базе

95%

клиентов обращаются повторно

Справа размести текстовый блок:



заголовок:

«О компании»

описание:

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

Ниже добавь ряд из 5 лаконичных монохромных иконок в тонком контуре, в серо-синем стиле.



3. Блок каталога объектов

Ниже размести секцию каталога.



Слева:

заголовок в 2 строки:

«Каталог

помещений»

короткий текст:

«Подбор коммерческой недвижимости под разные задачи бизнеса»

Справа:

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



Карточка 1:

«Офисные пространства»

4200 предложений



Карточка 2:

«Складские комплексы»

1100 вариантов



Карточка 3:

«Земельные участки»

2100 объектов

Используй реалистичные фотографии:

современное офисное здание,

большой складской комплекс,

вид сверху на земельные участки.



4. Блок этапов работы

Ниже размести секцию с этапами работы.



Слева заголовок:

«Как строится работа»

Ниже или в виде ряда из 4 колонок размести этапы с тонкими линейными иконками сверху и текстом снизу.



Этап 1:

«Первичная консультация»

Специалисты уточняют задачи, формат помещения и ключевые требования бизнеса.



Этап 2:

«Подбор вариантов»

Клиенту предлагают только релевантные объекты с учётом бюджета и локации.



Этап 3:

«Просмотр и анализ»

Организуются показы и предоставляется вся необходимая информация по объектам.



Этап 4:

«Проверка и сопровождение»

Команда сопровождает сделку, проверяет документы и помогает на финальном этапе.



Требования к визуальному стилю:

современный минимализм

светлая палитра

белый фон

тёмно-серый текст

серо-голубые акценты

премиальный и аккуратный вид

крупная, чистая, современная типографика

много воздуха и ровные отступы

лаконичные тонкие иконки

скруглённые карточки и контейнеры

реалистичные фотографии недвижимости

без перегруженности

без ярких кислотных цветов

цельный дизайн лендинга в едином стиле



Формат результата:

один полный desktop-лендинг

статичный макет

высокий экран, как полноценная страница сайта

профессиональная подача в стиле современного UI-дизайна

https://pr-cy.ru/ai-image-generator/

____
@prcynews