Полный обзор: Как составить техническое задание на создание сайта

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

Что такое техническое задание (ТЗ) и зачем оно нужно?

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

Зачем нужно ТЗ:

• Упрощает коммуникацию между заказчиком и исполнителем
• Помогает избежать недопонимания и переделок
• Защищает интересы обеих сторон (особенно при работе по договору)
• Позволяет точно оценить сроки и стоимость проекта

Структура хорошего технического задания

Ниже — универсальная структура ТЗ, которую можно адаптировать под любой сайт: от лендинга до сложного интернет-магазина.

1. Общие сведения о проекте

Краткое описание проекта, его цели и целевая аудитория.

Пример:

«Создание корпоративного сайта для строительной компании "СтройДом". Цель — представить услуги компании, показать портфолио, привлечь новых клиентов. Целевая аудитория — частные лица и застройщики.»

2. Тип сайта и его особенности

Укажите, какой тип сайта нужен:

• Лендинг (одностраничник)
• Корпоративный сайт
• Интернет-магазин
• Портфолио
• Блог / новостной портал
• Веб-сервис / SaaS

Дополнительно:

• Нужно ли администрирование?
• Нужна ли регистрация пользователей?
• Будет ли личный кабинет?

3. Структура сайта (карта страниц)

Список всех страниц сайта и их иерархия.

Пример:

• Главная
• О компании
• Услуги
  • Ремонт квартир
  • Ремонт офисов
• Портфолио
• Отзывы
• Контакты

Совет: можно приложить схему (mind map) или таблицу.

4. Функциональные требования

Что должен уметь сайт? Пропишите каждую функцию.

Примеры:

• Форма обратной связи
• Онлайн-заявка / заказ
• Поиск по сайту
• Фильтры по товарам
• Интеграция с CRM (Bitrix24, amoCRM)
• Подключение онлайн-оплаты
• Личный кабинет пользователя
• Импорт/экспорт товаров

5. Требования к дизайну

Уточните, нужен ли уникальный дизайн или использование шаблона.

Уточните:

• Есть ли фирменный стиль?
• Предпочтения по цветам, шрифтам
• Примеры сайтов, которые нравятся
• Будет ли адаптивность (мобильная версия)?
• Нужна ли анимация?

Пример:

«Дизайн должен быть в фирменных цветах (синий и белый), минималистичный стиль. Пример: https://example.com»

6. Контент

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

Варианты:

• Контент предоставляет заказчик
• Контент создаёт подрядчик (копирайтинг, фотосъёмка)
• Часть контента уже есть, часть нужно доработать

7. Технические требования

Опишите, какие технологии и платформы вы предпочитаете (если это важно).

Примеры:

• CMS: WordPress / Bitrix / Tilda / Webflow / без CMS
• Язык: PHP, JavaScript, Node.js и т.д.
• Хостинг: есть или нужно подобрать
• SSL-сертификат (HTTPS)
• SEO-настройка (мета-теги, карта сайта, robots.txt)

8. SEO и аналитика

Уточните, нужно ли базовое продвижение и подключение аналитики.

Пример:

• Установка Google Analytics и Яндекс.Метрики
• Настройка целей
• Создание sitemap.xml
• Подключение к Google Search Console

9. Сроки и этапы работы

Разбейте проект на этапы и укажите сроки.

Пример:

1. Подготовка ТЗ — 3 дня
2. Дизайн — 7 дней
3. Верстка — 10 дней
4. Программирование — 10 дней
5. Тестирование и запуск — 5 дней

10. Бюджет

Если есть ограничения по бюджету — укажите их. Это поможет избежать нереалистичных предложений.

Пример:

«Максимальный бюджет: 150 000 руб. Возможна поэтапная оплата.»

11. Дополнительные условия

• Гарантийный срок
• Поддержка после запуска
• Передача прав на сайт
• Обучение по админке

Пример шаблона ТЗ

# Техническое задание на разработку сайта

## 1. Общая информация
Название проекта: Сайт компании "СтройДом"
Цель: Привлечение клиентов, онлайн-заявки
ЦА: Частные лица, застройщики

## 2. Тип сайта
Корпоративный сайт, 10-12 страниц

## 3. Структура сайта
- Главная
- О компании
- Услуги
- Портфолио
- Отзывы
- Контакты

## 4. Функции
- Форма заявки
- Слайдер на главной
- Галерея работ
- Карта Google

## 5. Дизайн
- Уникальный дизайн
- Цвета: синий, белый
- Примеры: site1.com, site2.com

## 6. Контент
- Тексты предоставляет заказчик
- Фото — частично

## 7. Технические требования
- CMS: WordPress
- SSL, адаптивность, SEO-настройка

## 8. SEO и аналитика
- Google Analytics, мета-теги, sitemap.xml

## 9. Сроки
Начало: 10 мая  
Завершение: 10 июня

## 10. Бюджет
До 150 000 руб.

## 11. Дополнительно
- Поддержка 1 месяц
- Передача всех прав

Советы по составлению ТЗ

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

Заключение

Хорошо составленное техническое задание:

• Делает проект прозрачным
• Помогает исполнителю точно понять задачу
• Упрощает оценку сроков и бюджета
• Минимизирует риски