Сайт рождается в диалоге

Как сделать сайт для кофейни: готовый рецепт

Меню, галерея интерьера, отзывы гостей, процесс заваривания и контакты — сайт для спешелти-кофейни собирается из одного диалога. Без студий, без кода, примерно за час. Вот готовый рецепт — скопируйте и получите такой же.

Создать сайт кофейни Скопировать рецепт

Вот что получилось — демо-лендинг Brew & Bloom

Этот лендинг собран в одном диалоге с AI. Ниже — скриншоты того, что видит посетитель, и рецепт, который вы можете скопировать, чтобы повторить результат.

Первый экран — название кофейни, эмоциональный заголовок, локация, четыре ключевых показателя и две кнопки: «Смотреть меню» и «История кофейни».

Меню и карточки напитков — четыре карточки с фото, названием, описанием и ценой. Хит сезона выделен визуально.

Процесс и история — блок «О нас» с живым рассказом владельцев, цифрами (14 сортов, 300+ чашек в день), и путь зерна в 4 шага.

Галерея и контакты — кликабельная галерея с лайтбоксом, три живых отзыва, блок контактов с картой и кнопками Telegram.

Посмотрите лендинг целиком — он опубликован и доступен:

Открыть демо-лендинг

Что будет на сайте кофейни

Рассказываете ассистенту о своей кофейне, меню и атмосфере — он собирает полноценный лендинг со всем необходимым.

Меню с карточками напитков

Фото, название, описание, цена. Карточки с hover-эффектом и выделенным хитом сезона. Меню выглядит так же аппетитно, как сами напитки.

Галерея интерьера и подачи

Кликабельная сетка фото. Нажатие открывает полноэкранный просмотр с навигацией между кадрами. Гости видят атмосферу до визита.

История кофейни

Живой рассказ о том, как и почему открылась кофейня. Цифры и факты. Гости чувствуют связь с местом ещё до того, как переступят порог.

Процесс: путь зерна

Четыре шага: отбор зерна, обжарка, заваривание, чашка. Визуальная история, которая объясняет ценность и разницу с обычной кофейней.

Отзывы гостей

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

Контакты и карта

Адрес, часы работы, телефон, кнопки Telegram и Яндекс.Карты. Плюс блок с бронированием столика. Гость находит и приходит.

Как создаётся сайт — три шага

Рассказываете о кофейне

Пишете в чат: «Кофейня в Москве, варим спешелти, вот наше меню, вот фото интерьера». Голосом или текстом.

→

AI собирает сайт

Ассистент подбирает тёплый кофейный стиль, шрифты, цвета, раскладывает меню, историю и контакты.

→

Сайт публикуется

Смотрите preview, вносите правки в чате, публикуете одной командой. Готово — сайт в интернете.

Готовый рецепт — скопируйте и получите такой же сайт

Отправьте этот текст ассистенту в чат. Он соберёт лендинг, похожий на демо Brew & Bloom. Подставьте свои данные — и сайт готов.

Рецепт сайта

Создай сайт-лендинг для кофейни.

Название: [название кофейни]
Город: [ваш город], [район или улица]

Что варим:
- Капучино — [цена] руб.
- Фильтр-кофе V60 — [цена] руб.
- Авторский раф — [цена] руб.
- Флэт Уайт — [цена] руб.

Расскажи историю кофейни: как открылись, почему кофе,
как выбираем зерно. Включи меню с карточками напитков,
процесс заваривания (от зерна до чашки),
галерею интерьера с полноэкранным просмотром,
отзывы гостей, контакты с картой и кнопками Telegram.
Дизайн — тёплый, кофейный, с анимациями.

Подставьте название, город, напитки и цены — и отправьте ассистенту. Сайт будет готов примерно за час.

Хотите такой же сайт для себя? Вот подробный промпт для повторения

Этот промпт использовался для создания демо-лендинга Brew & Bloom. Он содержит все детали дизайна, анимаций и структуры. Отправьте его ассистенту — и получите такой же стильный лендинг для своей кофейни, адаптированный под ваши данные.

Подробный промпт для AI

Создай креативный лендинг для спешелти-кофейни. Это должен быть современный,
премиальный сайт с анимациями, который вызывает желание прийти и выпить кофе.

Ниша: спешелти-кофейня с собственной обжаркой.
Город: [ваш город].
Название: [название].

ДИЗАЙН:
- Тёплая кофейная палитра: глубокий коричневый (#2C1810), медный (#C67B4B),
  кремовый (#F5E8D3), тёплый фон (#FDF8F3).
- Шрифты: Cormorant Garamond (заголовки) + Space Grotesk (текст).
  Это даёт премиальное ощущение с характером, без банальностей.
- Кастомный курсор (медный круг, следующий за мышью).
- Тёмный градиентный hero на всю высоту экрана с параллакс-зёрнами.

СТРУКТУРА:
1. Hero — фото интерьера с тёмным оверлеем, название, слоган,
   четыре показателя (год, сорта, методы, рейтинг), две CTA-кнопки,
   подсказка скролла вниз.
2. USP-полоса (тёмный фон) — три преимущества: своя обжарка,
   6 методов заваривания, фермерский кофе.
3. Меню — сетка карточек 2x2 с фото, названием, описанием, ценой.
   Одна карточка — хит сезона с бейджем и золотой рамкой.
4. История — двухколоночный блок: фото интерьера + живой рассказ
   с цифрами (сорта, чашки в день, процент возврата).
5. Процесс — тёмная секция с 4 шагами: отбор зерна, обжарка,
   заваривание, чашка. Крупные номера, медные линии.
6. Галерея — 4 фото в ряд, клик — лайтбокс с навигацией,
   стрелки и Escape. Ховер — увеличение и плавная тень.
7. Отзывы — три карточки со звёздами и цитатами.
8. Контакты — адрес, часы, телефон, кнопки Telegram и Карты,
   декоративная «карта» с анимированным пином.
9. CTA-блок — тёмная плашка с призывом и двумя кнопками.
10. Футер — тёмный, с логотипом и ссылками.

АНИМАЦИИ:
- Scroll reveal: блоки появляются снизу с плавным fade+slide.
- Parallax: три размытых зерна в hero двигаются с разной скоростью.
- Counter: цифры в hero и истории анимированно набираются при скролле.
- Lightbox для галереи: плавное появление, стрелки, клавиатура.
- Header: прозрачный -> тёмный с блюром при скролле.
- Пин на карте: плавный bounce.
- Подсказка скролла: исчезает при прокрутке.
- Hover-эффекты на карточках меню и галерее.

ВАЖНО:
- Сгенерируй красивые изображения интерьера, латте-арта,
  заваривания и посадки (4 фото, 16:9).
- Без эмодзи в публичном тексте.
- Адаптив: на мобильном сетки в 1-2 колонки, кастомный курсор скрыт.
- Шрифты из Google Fonts.

Скопируйте этот промпт целиком и отправьте ассистенту Smart-AI24. Подставьте свои данные в квадратные скобки. Ассистент создаст такой же стильный лендинг, адаптированный под вашу кофейню. Бюджет: примерно 2 AI-кредита на картинки и вёрстку.

Сколько стоит сайт для кофейни

Студия или фрилансер возьмут от 30 000 руб. за такой лендинг. У нас — примерно 300 руб., и сайт готов за час.

старт

Стартовый набор

~300 ₽

3 дня платформы + 2 AI-кредита

На полноценный лендинг кофейни с меню, галереей, историей и контактами

Начать за ~300 руб.

36 руб.

/ день платформы

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

Попробовать

~300 руб. — старт: 3 дня платформы (36 руб./день) + 2 AI-кредита (~96 руб./кредит). Далее 36 руб./день за платформу; AI-кредиты — отдельно. Preview бесплатно.

Частые вопросы

Можно ли загрузить свои фото интерьера и напитков?

Да. Отправляете фотографии прямо в чат — ассистент размещает их в галерее и карточках меню. Можно загрузить несколько разом, и AI оформит их в аккуратную сетку с полноэкранным просмотром по клику.

Как часто можно обновлять меню и цены?

В любой момент. Пишете в чат: «добавь в меню сезонный латте за 380 руб», «поменяй цену на капучино» — и изменения публикуются. Сайт растёт вместе с кофейней.

Подходит ли для небольшой кофейни на районе?

Да. Хоть спешелти-кофейня в центре, хоть уютное место на районе с парой столиков. Вы описываете свою атмосферу и меню — сайт адаптируется. Главное — передать характер места.

Можно ли добавить форму бронирования столика?

На сайте будет кнопка связи через Telegram. Можно добавить и форму заявки — гость оставляет имя, телефон и желаемое время. Заявка приходит вам в Telegram.

Создайте сайт кофейни прямо сейчас

Скопируйте промпт, отправьте ассистенту — через час у вас готовый лендинг с меню, галереей, историей и контактами. Без студий, без кода, от ~300 руб.

Создать сайт кофейни Посмотреть демо