**Техническое задание на разработку одностраничного сайта xxxxxxxxx.**
1. **Общая информация**
- Тип проекта: Корпоративный одностраничный сайт (landing page)
- Компания: XXXXXXXXX
- Локация: XXXXXXXXX
- Основная цель: Презентация IT-компании и автоматизированный сбор заявок через AI-форму
2. **Языковые версии**
- Основной язык: Английский
- Дополнительные версии:
* Арабский
* Китайский (упрощенный)
* Хинди
* Испанский
* Французский
* Русский
- Требования к переводу:
* Использование AI-переводчиков последнего поколения
* Постредактирование носителями языка
* Адаптация контента под культурные особенности регионов
3. **Структура сайта**
- Главный экран:
* Динамичный hero-section
* Краткое представление компании
* Основной призыв к действию (CTA)
- Портфолио проектов (разделить по категориям):
* Enterprise Solutions (до 5 проектов)
* Web Development (до 5 проектов)
* AI Integration (до 5 проектов)
* Network Solutions (до 5 проектов)
* Digital Transformation (до 5 проектов)
* Для каждого проекта: описание, технологии, результаты
* Генерация примеров с помощью AI
4. **AI-форма обратной связи**
- Интеграция:
* Основной вариант: OpenAI GPT-4 или Anthropic Claude
* Альтернативный вариант: определить бюджетные аналоги
- Функционал:
* Интерактивный диалог с пользователем
* Уточнение деталей проекта
* Формирование структурированного ТЗ
* Предварительная оценка бюджета
* Определение сроков
- Результат работы формы:
* Формирование структурированного email
* Отправка на корпоративную почту
* Сохранение в CRM (опционально)
5. **Дизайн**
- Разработать с помощью AI:
* 5 вариантов цветовых схем
* 5 вариантов типографики
* 5 концепций логотипа
* 5 вариантов фирменного стиля
- Требования к дизайну:
* Современный минималистичный стиль
* Адаптивность под все устройства
* Темная и светлая версии
* Плавные анимации
* Интерактивные элементы
6. **Технические требования**
- Frontend:
* React/Next.js
* Typescript
* Tailwind CSS
* Анимации: Framer Motion
* Многоязычность: next-i18next
- Backend:
* Node.js
* Express/Nest.js
* AI API интеграции
- Оптимизация:
* SEO-friendly структура
* Оптимизация загрузки
* Core Web Vitals соответствие
* Кэширование
7. **Дополнительные функции**
- Временная интеграция с Google Maps (для банка)
- Cookie consent
- Переключатель языков
- Переключатель темной/светлой темы
8. **Требования к адаптивности**
- Desktop (1920px и выше)
- Laptop (1366px)
- Tablet (768px)
- Mobile (375px)
9. **Сроки и этапы**
1. Дизайн-концепции: 2-5 дней
2. Утверждение дизайна: 1 день
3. Разработка: до 7 дней
4. Тестирование: 1-2 дней
5. Запуск: 2 дня
10. **Результаты**
- Исходный код
- Документация
- Инструкция по деплою
- Руководство по использованию AI-формы
- Все исходники дизайна
**Дополнительные требования:**
- Высокая производительность
- Безопасность данных
- Масштабируемость решения
- Простота поддержки
- Документирование кода
