7.6 KiB
7.6 KiB
PRD — Семейный справочник: добавки и травы для иммунитета
Проект: immunity-herbs
URL: https://pages.git.vibe42.kz/gulmura_Amurgalyieva/immunity-herbs/
Репозиторий: https://git.vibe42.kz/gulmura_Amurgalyieva/immunity-herbs
Платформа: Vibe42 (статические лендинги, ветка pages)
Версия: 2 (добавлен раздел питания малыша)
1. Обзор продукта
Одностраничный семейный справочник о здоровье: пищевые добавки и лечебные травы Казахстана для иммунитета, а также расчёт питания для малыша 8 месяцев на грудном вскармливании. Цель — собрать в одном понятном месте информацию для всей семьи (мама, папа, дети, бабушки/дедушки), без сложных медицинских терминов.
2. Цели и задачи
- Цель: дать семье быстрый доступ к понятной информации о добавках, травах и питании малыша.
- Задачи:
- Показать состав, показания и противопоказания для каждой добавки и травы.
- Дать готовые домашние рецепты из трав Казахстана.
- Рассчитать суточное питание 8-месячного ребёнка на ГВ по весу.
- Опубликовать сайт за минуты, без бэкенда и регистрации.
3. Целевая аудитория
- Семья пользователя: родители, дети, старшее поколение.
- Люди, интересующиеся натуральной поддержкой иммунитета и аптечными травами Казахстана.
- Молодые родители на грудном вскармливании.
4. Структура страницы (секции)
- Hero — заголовок, подзаголовок, 2 CTA, статистика (8 добавок / 6 трав / 4 правила).
- О сайте — что внутри и как читать карточки (состав / показания / противопоказания).
- Пищевые добавки — 8 карточек:
- Витамин C, Витамин D3, Цинк, Омега-3, Селен, Витамин A, B-комплекс, Пробиотики.
- Каждая карточка: состав, показания, противопоказания.
- Лечебные травы Казахстана — 6 карточек:
- Эхинацея, Шиповник, Солодка, Ромашка, Зверобой, Душица.
- Каждая: состав, показания, противопоказания + рецепт (чай/отвар/настой).
- Иммунитет — 4 правила (сон, движение, питание, меньше стресса).
- Расчёт питания 8 мес на ГВ — интерактивный калькулятор:
- Ползунок веса ребёнка → суточная энергия, объём грудного молока, калории прикорма.
- Примерное меню на день (5 кормлений).
- 3 совета по прикорму.
- Footer — бренд, разделы, напоминание о консультации с врачом.
5. Функциональные требования
- F1. Навигация: sticky-меню с якорями на секции; бургер-меню на мобильных.
- F2. Карточки добавок/трав: три блока с цветовой маркировкой — Состав (зелёный), Показания (янтарь), Противопоказания (красный).
- F3. Рецепты трав: нумерованные пошаговые инструкции в выделенном блоке.
- F4. Калькулятор питания:
- Вход: вес ребёнка (6.5–11 кг, шаг 0.1).
- Формулы: энергия = вес × 95 ккал; молоко = 50% энергии → мл (70 ккал/100 мл); прикорм = остаток.
- Выход: 3 значения + таблица меню. Пересчёт в реальном времени.
- F5. Дисклеймеры: предупреждения «не заменяет консультацию врача» в разделах добавок, трав и питания.
- F6. Адаптивность: корректное отображение на десктопе и мобильных (сетка перестраивается в 1 колонку).
6. Нефункциональные требования
- Технологии: только статика — HTML + CSS + ванильный JS, без сборщиков и зависимостей.
- Дизайн-система: палитра Vibe42 (
design.md), зелёно-растительная тема:--green #1f7a4d,--leaf #6fb98f,--amber #d98a2b,--red #c0492f. - Шрифты: системный стек
-apple-system, Segoe UI, Inter. - Производительность: один файл
index.html, мгновенная загрузка, без внешних запросов. - Доступность: контрастный текст,语义ticая разметка заголовков.
- Публикация: push в ветку
pages→ авто-деплой через Caddy.
7. Out of scope (не входит)
- Бэкенд, базы данных, аутентификация, формы с сохранением данных.
- Интернет-магазин, корзина, оплата.
- Личный кабинет, история просмотров.
- Многостраничность (роутинг) — только одна страница с прокруткой.
8. Будущие итерации (backlog)
- Калькуляторы питания для других возрастов (6, 9, 12 мес).
- Раздел «Контакты семьи» / личная страница.
- Поиск и фильтрация по добавкам/травам.
- Печать и экспорт меню в PDF.
- Тёмная тема.
9. Метрики успеха
- Сайт доступен (HTTP 200) по адресу Pages.
- Все секции рендерятся, калькулятор пересчитывает при изменении веса.
- Адаптив работает на мобильных (320–760px).
- Пользователь понимает, что и где менять для следующих правок.
10. Ограничения и риски
- Медицинская корректность: информация ознакомительная; обязателен дисклеймер о консультации с врачом.
- Дозировки: указаны ориентировочные — риск неверного применения снижается предупреждениями.
- Платформа: статическая песочница, нельзя добавить серверную логику (формы, расчёты на сервере).