Ответ
1. Определение целей и аудитории
Четко формулируем бизнес-цели (продажи, лиды, информирование) и целевую аудиторию (демография, поведение).
2. Функциональные требования
- Основные страницы (главная, каталог, контакты).
- Интерактивные элементы (форма заказа, поиск, корзина).
- Интеграции (CRM, платежные системы, аналитика).
3. Технические требования
- Стек технологий (например, React + Node.js).
- Адаптивность (мобильные, десктоп).
- Производительность (загрузка <2 сек, Lighthouse >90).
4. Дизайн и контент
- Референсы или гайдлайны бренда.
- Структура контента (тексты, медиа, SEO-метаданные).
Пример ТЗ для формы заказа:
// Форма должна валидировать email и телефон
<Form>
<Input type="email" required pattern="[^@]+@[^@]+.[^@]+" />
<Input type="tel" required pattern="+7d{10}" />
<Button type="submit">Заказать</Button>
</Form>
5. Дополнительно
- Сроки и этапы.
- Метрики успеха (конверсия, bounce rate).
- Поддержка и документирование.
Документ согласуем с заказчиком и командой разработки.