---

# Техническое задание на создание сайта «Православная кухня»

## 1. Общая информация о проекте

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

**Название проекта:** «Православная кухня».

**Тип сайта:** одностраничный сайт с меню блюд, каталогом товаров, корзиной и переходом к онлайн-оплате.

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

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

Весь интерфейс должен быть на русском языке.

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

## 2. Визуальный стиль

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

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

### Цветовая палитра

Используй следующие основные цвета:

* Основной фон: тёплый молочный, слоновая кость — #F7F3EA.
* Дополнительный фон секций: светло-бежевый — #EDE4D5.
* Основной текст: тёмно-коричневый — #49382A.
* Акцентный цвет: приглушённое золото — #B69A60.
* Цвет кнопок: тёмный оливково-коричневый — #65533A.
* Цвет второстепенного текста: тёплый серо-коричневый — #817567.
* Цвет границ и разделителей: #DDD2C1.

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

### Типографика

Используй сочетание двух шрифтов:

* Для названия сайта и крупных заголовков — выразительный, но хорошо читаемый шрифт с засечками.
* Для описаний, цен, кнопок и элементов интерфейса — простой современный шрифт без засечек.

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

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

### Декоративные элементы

Допускаются небольшие элементы, связанные с русской православной культурой:

* тонкие золотистые линии;
* неброские растительные орнаменты;
* деликатные мотивы традиционной русской трапезной;
* небольшая стилизованная эмблема с колосом, хлебом или куполом храма.

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

Основной акцент должен оставаться на блюдах и возможности оформить заказ.

## 3. Шапка сайта

Создай компактную шапку сайта.

В левой части размести логотип или текстовый знак «Православная кухня».

Рядом или под названием добавь небольшой подзаголовок:

«Домашние обеды с заботой о ближнем».

В правой части размести:

* телефон для связи — временный заполнитель;
* кнопку или ссылку «Как заказать»;
* иконку корзины с количеством выбранных товаров.

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

Не придумывай реальный телефон, адрес или другие контактные данные. Используй редактируемые заполнители, которые можно будет заменить.

## 4. Первый экран

Создай первый экран с названием проекта, кратким описанием и кнопкой перехода к меню.

Заголовок:

«Домашние обеды на каждый день»

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

«Свежеприготовленные блюда, готовые комплексные обеды и доставка к удобному времени. Выберите меню на завтра и оформите заказ заранее».

Основная кнопка:

«Выбрать обед».

По нажатию кнопка должна прокручивать страницу к меню.

Дополнительная короткая подпись:

«Заказ на следующий день · Доставка по расписанию».

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

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

Не размещай на изображении текст, логотипы и водяные знаки.

## 5. Основной блок меню

Создай главный раздел с заголовком:

«Меню на завтра».

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

«Выберите отдельные блюда или готовый комплексный обед».

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

Меню должно состоять из следующих категорий:

1. Комплексные обеды.
2. Первые блюда.
3. Вторые блюда.
4. Хлеб.
5. Напитки.

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

На компьютере карточки должны располагаться сеткой по 3 колонки, если это позволяет выбранный блок. На планшетах — по 2 колонки, на смартфонах — по 1 или 2 колонки в зависимости от ширины экрана и читаемости.

Не делай карточки чрезмерно крупными или длинными.

## 6. Карточки блюд

Каждая позиция меню должна иметь отдельную карточку товара.

Карточка должна включать:

1. Фотографию блюда.
2. Название.
3. Краткое описание.
4. Вес порции в граммах.
5. Калорийность в килокалориях.
6. Белки в граммах.
7. Жиры в граммах.
8. Углеводы в граммах.
9. Стоимость в рублях.
10. Кнопку «Добавить в корзину».

Пример оформления карточки:

**Суп куриный с лапшой**

Домашний суп на курином бульоне с лапшой, овощами и зеленью.

Вес: 350 г.

Калорийность: 180 ккал.

Белки: 12 г · Жиры: 7 г · Углеводы: 18 г.

Цена: 180 ₽.

Кнопка: «Добавить в корзину».

Все названия, описания, значения КБЖУ и цены в примере условные. Реальные данные должны оставаться редактируемыми.

Фотографии должны быть одинакового формата, с аккуратным кадрированием и единым стилем обработки.

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

Не используй иллюстрации, мультяшную еду или фотографии, не соответствующие названию блюда.

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

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

## 7. Категория «Комплексные обеды»

Размести комплексные обеды в отдельном визуальном блоке перед отдельными блюдами.

Заголовок:

«Комплексные обеды».

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

«Всё необходимое для полноценного обеда в одном заказе».

Предусмотри несколько редактируемых карточек комплексных обедов.

Пример состава комплекса:

* первое блюдо;
* второе блюдо;
* хлеб;
* напиток.

Каждая карточка комплекса должна включать:

* фотографию готового набора;
* название комплекса;
* перечисление входящих блюд;
* общий вес;
* общую калорийность;
* общее содержание белков, жиров и углеводов;
* цену за весь комплекс;
* кнопку «Добавить комплекс в корзину».

Пример:

**Комплексный обед № 1**

Куриный суп, гречка с котлетой, хлеб и компот.

Цена: 450 ₽.

Кнопка: «Добавить комплекс».

Не используй фиксированные значения в качестве окончательных данных — все характеристики и цены должны редактироваться.

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

Покупатель должен иметь возможность заказать комплексный обед вместе с дополнительными отдельными блюдами.

## 8. Корзина

Настрой визуально аккуратную корзину с понятным составом заказа.

В корзине отображаются:

* название каждого блюда;
* количество порций;
* стоимость одной позиции;
* общая стоимость позиции;
* возможность изменить количество;
* возможность удалить позицию;
* итоговая сумма заказа.

Итоговая сумма должна пересчитываться автоматически при изменении количества товаров.

Предусмотри кнопку:

«Перейти к оформлению».

Если корзина пуста, показывай сообщение:

«Вы пока ничего не выбрали».

И кнопку:

«Вернуться к меню».

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

## 9. Оформление заказа

После перехода к оформлению заказа покажи компактную форму.

Заголовок:

«Оформление заказа».

Добавь следующие поля:

* Имя — обязательное.
* Телефон — обязательный.
* Адрес доставки — обязательный для доставки.
* Дата доставки — заказ на следующий день.
* Временной интервал доставки — выбор из заранее заданных интервалов.
* Комментарий к заказу — необязательный.

Примеры временных интервалов:

* 11:00–12:00.
* 12:00–13:00.
* 13:00–14:00.
* 14:00–15:00.

Список интервалов должен редактироваться владельцем сайта.

Добавь блок с краткими условиями:

«Заказы принимаются заранее. Доставка осуществляется на следующий день в выбранный временной интервал. Возможность доставки зависит от адреса и доступности блюд».

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

Не отмечай согласие заранее.

Внизу формы отобрази итоговую стоимость и кнопку:

«Перейти к оплате».

Форма должна передавать реальные данные заказа в подключённую систему оформления заказов.

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

## 10. Оплата через СБП

Предусмотри подключение платёжной системы ЮKassa или другого совместимого с Tilda платёжного провайдера, поддерживающего Систему быстрых платежей.

После заполнения формы и нажатия кнопки «Перейти к оплате» покупатель должен перейти к настоящему платёжному процессу.

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

Предусмотри:

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

Статус оплаты должен определяться подтверждением платёжного провайдера, а не только возвращением покупателя на сайт.

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

## 11. Блок «Как заказать»

Добавь небольшой информационный блок из трёх шагов.

**Шаг 1. Выберите блюда**

Выберите отдельные позиции меню или готовый комплексный обед.

**Шаг 2. Укажите данные доставки**

Введите телефон, адрес и удобный временной интервал.

**Шаг 3. Оплатите заказ**

Оплатите заказ через СБП и дождитесь подтверждения.

Оформи блок с простыми иконками, тонкими линиями и небольшими номерами шагов.

Не используй большие иллюстрации, которые отвлекают от основного меню.

## 12. Блок «Доставка»

Добавь раздел с заголовком:

«Доставка обедов».

В нём должны быть редактируемые поля для следующих сведений:

* территория доставки;
* стоимость доставки;
* минимальная сумма заказа;
* время доставки;
* время окончания приёма заказов на следующий день;
* условия бесплатной доставки, если она предусмотрена;
* телефон для вопросов по заказу.

Не придумывай конкретные условия. Оставь поля с заполнителями, которые владелец сайта заменит на реальные данные.

## 13. Нижняя часть сайта

Создай аккуратный подвал страницы.

В подвале размести:

* название «Православная кухня»;
* контактный телефон;
* адрес или территорию работы;
* график работы;
* ссылку на политику обработки персональных данных;
* сведения об организации-продавце;
* ссылку на условия доставки и оплаты.

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

## 14. Требования к адаптивности

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

Обязательно предусмотрите:

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

На смартфоне меню должно быть доступно без необходимости долго прокручивать декоративные блоки.

## 15. Технические ограничения

По возможности используй стандартные блоки Tilda и штатный каталог товаров.

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

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

Не добавляй выдуманные отзывы, рейтинги, награды, сертификаты или неподтверждённые преимущества.

Не выдумывай реальные цены, контактные данные и пищевую ценность блюд.

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

## 16. Важные ограничения для генератора

Сначала создай визуально завершённую одностраничную страницу со всеми перечисленными разделами.

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

В первую очередь обеспечь:

1. Качественный дизайн.
2. Удобное меню блюд.
3. Понятное отображение КБЖУ и цен.
4. Отдельные и комплексные блюда.
5. Возможность добавлять товары в корзину.
6. Удобную форму доставки.
7. Подготовленность к подключению оплаты через СБП.

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