Техническое задание

1. ВВЕДЕНИЕ И ОБЩИЕ СВЕДЕНИЯ

1.1. Информация о проекте

• Название сайта/компании: [Укажите название]
• Тип сайта: [Выберите: корпоративный, интернет-магазин, услуга, другое]
• Доменное имя: [Укажите домен]

1.2. Информация о заказчике

• Ответственное лицо: [ФИО, должность]
• Контактные данные: [Email, телефон]

2. ЦЕЛИ И ЗАДАЧИ ПРОЕКТА

2.1. Основные цели сайта

Перечислите основные бизнес-цели проекта:

• [Цель 1]
• [Цель 2]
• [Цель 3]

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

2.2. Ключевые показатели эффективности (KPI)

• Целевые действия: [Какие действия должны выполнять посетители — заявки, покупки, звонки]
• Ожидаемый трафик: [Предполагаемое количество визитов в месяц]
• Коэффициент конверсии: [Процент посетителей, выполняющих целевое действие — 2-3 %]
• Время загрузки: [Требуемое время загрузки в секундах — рекомендуется < 3 сек]
• Мобильный трафик: [Ожидаемый процент мобильных пользователей — обычно 50-60%]

2.3. Основные задачи

1. [Задача 1]
2. [Задача 2]
3. [Задача 3]

Примеры: Создать удобный каталог товаров, реализовать систему онлайн-платежей, интегрировать с CRM, настроить SEO, автоматизировать процесс обработки заказов, синхронизировать с 1с, привлечь трафик из новых источников (органический поиск, реклама, соцсети), снизить стоимость привлечения клиента, расширить географию продаж/услуг.

3. ЦЕЛЕВАЯ АУДИТОРИЯ

3.1. Сегменты пользователей

Опишите 3-5 основных сегментов целевой аудитории:

Сегмент 1: [Название]

• Демография: [Возраст, пол, доход]
• Задачи на сайте: [Что они хотят найти/сделать]
• Ожидания: [Что они ожидают от сайта]
• Барьеры: [Что может помешать совершить целевое действие]
• Сценарий использования: [Как они приходят на сайт и какой путь проходят]

Сегмент 2: [Название]

[Аналогично заполнить]

3.2. Требования к устройствам и браузерам

• Поддерживаемые браузеры: Chrome, Firefox, Safari, Edge (последние 2 версии)
• Операционные системы: Windows, macOS, iOS, Android
• Разрешения экранов: 320px (мобильные), 768px (планшеты), 1024px (десктоп), 1920px (широкоформатные)
• Мобильная версия: Обязательна, адаптивный дизайн

4. СТРУКТУРА И АРХИТЕКТУРА САЙТА

4.1. Карта сайта (Sitemap)

Главная
├── О компании
│ ├── История
│ ├── Команда
│ └── Сертификаты
├── Услуги/Товары
│ ├── Категория 1/подкатегория11/подкатегория111
│ ├── Категория 2/подкатегория22
│ └── Категория 3
├── Портфолио/Кейсы
│ ├── Проект 1
│ ├── Проект 2
│ └── Проект 3
├── Блог
│ ├── Статьи по теме 1
│ ├── Статьи по теме 2
├── Контакты
├── Политика конфиденциальности
└── Пользовательское соглашение

4.2. Описание основных страниц

Главная страница

Обязательные блоки:

1. Шапка (Header)
   • Логотип компании (кликабельный, ведет на главную)
   • Навигационное меню (основные разделы)
   • Форма поиска (если требуется)
   • Кнопки входа/личного кабинета
   • Контактные данные или кнопка обратной связи
2. Герой (Hero Section)
   • Привлекающий заголовок (h1)
   • Подзаголовок с описанием
   • Основное изображение/видео
   • 1-2 кнопки призыва к действию (CTA)
3. Преимущества (Features)
   • 3-5 основных преимуществ
4. Кейсы/Портфолио
   • 3-6 примеров работ
   • Задача, процесс, результат
5. Отзывы
   • Минимум 3-5 отзывов
   • Фото, имя, должность, компания
   • Рейтинг (звезды)
6. Призыв к действию (CTA блок)
   • Заголовок
   • Подзаголовок
   • Кнопка для целевого действия
7. Подвал (Footer)
   • Навигационные ссылки
   • Контактная информация
   • Социальные сети
   • Информация об авторских правах
   • Ссылки на политику конфиденциальности

Страницы услуг/товаров

• Название услуги/товара
• Детальное описание
• Изображения/видео
• Цена (для товаров)
• Кнопка заказа/добавления в корзину
• Часто задаваемые вопросы (FAQ)
• Рекомендованные товары/услуги
• Форма обратной связи

Блог/Статьи

• Список статей с пагинацией
• Карточка статьи (изображение, заголовок, дата, автор, краткое описание)
• Возможность фильтрации по категориям
• Поиск по статьям
• Возможность сортировки

Страница контактов

• Контактная форма (имя, email, телефон, сообщение)
• Адрес компании с картой (Google Maps)
• Телефоны
• Email адреса
• Часы работы
• Ссылки на социальные сети

5. ФУНКЦИОНАЛЬНЫЕ ТРЕБОВАНИЯ

5.1. Обязательный функционал

• [ ] Адаптивный дизайн (мобильные, планшеты, десктоп)
• [ ] Форма обратной связи
• [ ] Отправка уведомлений на email
• [ ] Автоответчик посетителю
• [ ] Интеграция с аналитикой (Google Analytics, Яндекс.Метрика)
• [ ] Возможность редактирования текстов через админку
• [ ] Возможность загрузки изображений через админку
• [ ] Поиск по сайту
• [ ] Хлебные крошки (breadcrumbs) для навигации

5.2. Дополнительный функционал (по требованию)

• [ ] Учетная система (регистрация, вход, профиль пользователя)
• [ ] Корзина/Каталог товаров (для интернет-магазинов)
• [ ] Система платежей (Яндекс.Касса, Stripe, PayPal)
• [ ] Система рейтинговей/отзывов
• [ ] Подписка на рассылку
• [ ] Фильтры и сортировка товаров
• [ ] Личный кабинет с историей заказов
• [ ] Интеграция с CRM системой
• [ ] Чат поддержки
• [ ] Календарь событий/бронирования

5.3. Интеграции

• Аналитика: Google Analytics, Яндекс.Метрика
• Платежи: [Указать платежные системы]
• Email сервис: [SMTP, SendGrid, другое]
• CRM: [Название CRM системы]
• Соцсети: Кнопки поделиться, интеграция с социальными сетями
• Картография: Google Maps
• Чат: Telegram, WhatsApp, другой мессенджер

6. ТРЕБОВАНИЯ К ДИЗАЙНУ

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

• Цветовая гамма:
  • Основной цвет: [Hex цвет, например #007BFF]
  • Вторичный цвет: [Hex цвет]
  • Цвет акцента: [Hex цвет]

7. ТРЕБОВАНИЯ К КОНТЕНТУ

7.1. Предоставление контента

• Кто предоставляет: Заказчик / Исполнитель
• Форматы: [Word, Google Docs, Excel, PDF]
• Сроки предоставления: [Дата]
• Ответственное лицо: [ФИО]

7.2. Требования к текстовому контенту

• Все тексты должны быть вычитаны и отредактированы перед передачей
• Длина описания товара/услуги: [Количество символов]

7.3. Требования к изображениям

• Оптимизация: Все изображения должны быть оптимизированы для быстрой загрузки

8. ТРЕБОВАНИЯ К ПРОИЗВОДИТЕЛЬНОСТИ И КАЧЕСТВУ

8.1. Показатели производительности

• Скорость загрузки: < 3 секунд на медленном интернете (3G)
• Время отклика сервера: < 200ms
• Core Web Vitals (Google):
  • LCP (Largest Contentful Paint): < 2.5s
  • FID (First Input Delay): < 100ms
  • CLS (Cumulative Layout Shift): < 0.1

8.2. Требования к безопасности

• SSL/HTTPS: Обязательно
• Защита от DDoS: [Если требуется]
• Резервное копирование: [Расписание и место хранения]
• Защита от XSS и SQL-инъекций: Обязательна
• GDPR и политика конфиденциальности: Должны быть реализованы

8.3. Требования к SEO

• Семантическое HTML5 — использование правильных тегов
• Meta-теги: Title, Description, Keywords
• Структурированные данные (Schema.org): Для лучшей индексации
• Sitemap.xml и robots.txt: Должны быть созданы
• Человекопонятные URL: /о-компании, /услуги/веб-дизайн
• Оптимизация изображений: Alt-теги, сжатие
• Мобильная дружественность: Обязательна
• Внутренняя перелинковка: Логическая структура ссылок

9. ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ

9.1. Платформа

• CMS: [WordPress, пользовательское решение]

9.2. Хостинг и сервер

• Тип хостинга: [Виртуальный хостинг, VPS, облачный сервер]
• SSL сертификат: [Let’s Encrypt, платный]

9.3. Дополнительные требования

• Резервное копирование: Еженедельное
• Мониторинг доступности: 24/7

10. ЭТАПЫ И СРОКИ ВЫПОЛНЕНИЯ

10.1. График работ

Этап	Описание	Сроки	Ответственный
1. Подготовка	Сбор требований, дизайн-концепция	[Даты]	[ФИО]
2. Дизайн	Создание макетов всех страниц	[Даты]	[ФИО]
3. Верстка	HTML/CSS разработка	[Даты]	[ФИО]
4. Разработка	Backend разработка, интеграции	[Даты]	[ФИО]
5. Тестирование	QA тестирование, исправление ошибок	[Даты]	[ФИО]
6. Запуск	Размещение на хостинге, SEO настройка	[Даты]	[ФИО]
7. Поддержка	Постпусковая поддержка	[Даты]	[ФИО]

11. КРИТЕРИИ ПРИЕМКИ И ТЕСТИРОВАНИЯ

11.1. Функциональное тестирование

• [ ] Все формы работают и отправляют данные
• [ ] Навигация работает корректно
• [ ] Поиск функционирует
• [ ] Все ссылки активны
• [ ] Галереи и слайдеры работают без ошибок

11.2. Кроссбраузерное и мультиустройственное тестирование

• [ ] Chrome (последняя версия)
• [ ] Firefox (последняя версия)
• [ ] Safari (последняя версия)
• [ ] Edge (последняя версия)
• [ ] Safari на iOS
• [ ] Chrome на Android

11.3. Тестирование производительности

• [ ] Page Speed Insights: минимум 80 баллов
• [ ] GTmetrix: минимум A
• [ ] Lighthouse: минимум 80 баллов

11.4. SEO и техническое аудит

• [ ] Все страницы индексируются в поисковых системах
• [ ] Meta-теги правильно заполнены
• [ ] Нет ошибок консоли браузера
• [ ] Мобильная версия протестирована

12. Гарантия

• Гарантийный период: [30/60/90] дней
• Исправление ошибок: Бесплатно в течение гарантийного периода
• Техническая поддержка: [Периоды работы и способы связи]