Техническое задание на сайт: шаблон и примеры

Техническое задание на сайт — это документ, по которому дизайнер и программист делают ровно то, что вы ждёте, а вы принимаете работу по понятным пунктам. В нём описаны цель сайта, структура, каждая страница, формы, интеграции, требования к скорости и SEO и критерии приёмки. Ниже — шаблон из 10 разделов, примеры удачных и неудачных формулировок и ответы на вопросы, которые задают заказчики на КМВ перед стартом проекта.

Зачем нужно техническое задание на сайт

Без ТЗ проект держится на устных договорённостях. Через месяц никто не помнит, обещали ли онлайн-запись, сколько языков и кто пишет тексты. Отсюда споры, доплаты и сдвиг запуска.

Хорошее ТЗ решает три задачи:

• Фиксирует объём работ. Всё, что не вошло в документ, считается доработкой. Это защищает и заказчика от «это не входило», и исполнителя от бесконечных правок.
• Даёт основу для сметы и сроков. Пока функции не описаны, любая цена — оценка «на глаз».
• Задаёт критерии приёмки. Работу принимают не по ощущению «нравится», а по списку: формы отправляют заявки, страница грузится быстро, Метрика считает цели.

Для небольшого лендинга ТЗ может уместиться на 2–3 страницах. Для интернет-магазина с 1С и личным кабинетом это документ на десятки страниц. Но разделы в обоих случаях одни и те же — меняется глубина.

Бриф, ТЗ и ГОСТ: в чём разница

Эти слова часто путают, хотя у документов разные задачи.

↔ таблицу можно прокрутить

ГОСТ 34.602-2020 действует с 1 января 2022 года и заменил версию 1989 года. Национальные стандарты в России применяются добровольно, если на них не ссылается договор или условия закупки. Для сайта компании малого и среднего бизнеса формат ГОСТа обычно избыточен: удобнее понятный документ с описанием страниц и сценариев.

Начать проще всего с брифа. Наш бриф на разработку сайта занимает 10–15 минут, а по нему мы готовим структуру и черновик ТЗ.

Кто пишет ТЗ на разработку сайта

Есть три варианта, и у каждого свои риски.

• Заказчик сам. Хорошо знает бизнес, но часто не знает технических ограничений. Типичный результат — список пожеланий без описания поведения форм, URL и админки.
• Исполнитель. Знает, что важно для разработки, но может описать проект «под себя», упустив процессы клиента. Поэтому каждое ТЗ от подрядчика нужно читать и задавать вопросы.
• Совместно. Заказчик даёт бриф и отвечает на вопросы, исполнитель оформляет документ, обе стороны его согласуют. Это самый надёжный путь.

На практике мы проводим 1–2 созвона, задаём вопросы по брифу, смотрим конкурентов в выдаче и после этого пишем ТЗ. Если у вас уже есть свой документ, мы его не выбрасываем, а дополняем недостающими разделами.

Шаблон ТЗ на сайт: 10 разделов

Этот шаблон подходит и для лендинга, и для корпоративного сайта. Для простого проекта часть пунктов уложится в одну строку.

1. Общие сведения. Компания, город и регион работы, домен, цель сайта в одном предложении и измеримый результат: заявки, звонки, бронирования, продажи.
2. Аудитория и сценарии. Кто приходит на сайт и что делает. Например, для клиники в Ессентуках: «пациент из другого региона выбирает врача, смотрит цены и записывается на дату приезда».
3. Структура и URL. Дерево страниц с адресами вида /uslugi/lechenie-zubov/. Структуру лучше строить по семантическому ядру, чтобы каждая страница отвечала на свой поисковый запрос.
4. Шапка, меню и подвал. Пункты меню, телефон, мессенджеры, поведение на телефоне, что редактируется в админке.
5. Описание страниц. Для каждого шаблона страницы — список блоков сверху вниз и откуда берётся контент.
6. Формы и заявки. Поля, обязательность, проверка ввода, текст ошибок, сообщение после отправки, куда уходит заявка (почта, CRM, мессенджер), согласие на обработку персональных данных.
7. Функции и интеграции. Онлайн-запись, калькулятор, каталог с фильтрами, оплата, 1С, Битрикс24, чат-бот.
8. Дизайн. Фирменный стиль или его отсутствие, 2–3 сайта-примера с пояснением, что именно в них нравится, требования к фото.
9. Технические требования. CMS, адаптивность, поддерживаемые браузеры, скорость, HTTPS, хостинг, резервные копии, доступы.
10. SEO, аналитика и приёмка. Метатеги, микроразметка, sitemap, редиректы со старого сайта, Яндекс Метрика с целями, Вебмастер и список проверок при сдаче.

Отдельно укажите, кто готовит контент: тексты, фото, цены, описания услуг. Именно контент чаще всего задерживает запуск.

Как описать страницы и формы: примеры формулировок

Главное правило ТЗ: каждую фразу можно проверить. Если формулировку нельзя проверить при приёмке, её нужно переписать.

↔ таблицу можно прокрутить

Описание страницы удобно делать списком блоков. Пример для страницы услуги автосервиса в Пятигорске:

• Первый экран: название услуги, цена «от», кнопка «Записаться», телефон.
• Что входит в работу и сколько она занимает.
• Прайс таблицей с ценами по маркам или классам авто.
• Фото бокса и мастеров, гарантия.
• Отзывы со ссылкой на карточку в Яндекс Картах.
• Форма записи с выбором даты и вопросы-ответы.

Подробнее о том, из каких блоков собирается одностраничник, — в статье о структуре лендинга.

Технические и SEO-требования, о которых забывают

Эти пункты редко пишут заказчики, а потом их отсутствие обходится дороже всего.

• Домен, хостинг и доступы к админке оформлены на заказчика
• Перенос старых страниц с 301-редиректами, чтобы не потерять позиции
• Отдельные title и description для каждой страницы, редактируемые в админке
• Микроразметка организации, услуг и вопросов-ответов
• Файлы robots.txt и sitemap.xml, подключение Яндекс Вебмастера
• Яндекс Метрика с целями на формы, звонки и клики по мессенджерам
• Политика обработки персональных данных и согласие в каждой форме
• Резервное копирование и порядок обновления CMS

Персональные данные — отдельная тема: требования 152-ФЗ к формам и согласиям меняются, поэтому формулировки политики стоит согласовать с юристом. Какие цели настраивать в аналитике, мы разобрали в статье о целях Яндекс Метрики, а технические проверки после запуска — в техническом SEO-аудите.

Сроки и стоимость: как ТЗ влияет на смету

Чем подробнее ТЗ, тем точнее цена. По краткому брифу подрядчик может назвать только вилку, по готовому ТЗ — смету по этапам.

• Лендинг. ТЗ готовится за 1–3 дня. У нас разработка лендинга стоит от 35 000 ₽.
• Корпоративный сайт или сайт услуг. ТЗ — около недели, с созвонами и согласованием структуры. Разработка — от 90 000 ₽.
• Интернет-магазин. ТЗ — от одной до нескольких недель: каталог, оплата, доставка, обмен с 1С. Разработка — от 150 000 ₽.

Итоговая цена зависит от функций и интеграций, а не от числа страниц. Подробный разбор бюджетов — в статье «Сколько стоит сайт», актуальные пакеты — в разделе тарифов.

Некоторые студии продают ТЗ как отдельную услугу. Это разумно, если вы хотите сравнить нескольких подрядчиков по одному документу: каждый оценивает один и тот же объём, и сметы становятся сопоставимыми.

Ошибки в ТЗ, из-за которых сдвигается запуск

• Нет цели и целевого действия — непонятно, по какому показателю сайт считать успешным
• Формы описаны одной строкой «форма обратной связи», без полей, ошибок и адреса доставки заявки
• Не описаны сценарии на телефоне, хотя многие клиенты, особенно приезжие на КМВ, ищут услуги со смартфона
• Нет структуры URL — при переезде теряются страницы, которые уже были в поиске
• Новые функции добавляют устно по ходу работы, без изменения ТЗ и сметы
• ТЗ не приложено к договору и не имеет юридической силы
• Не указано, кто отвечает за тексты и фото и к какой дате их нужно передать

Если правки всё же нужны, оформляйте их как дополнение к ТЗ: что меняется, сколько это стоит и как сдвигаются сроки. Так проект остаётся управляемым, а отношения с подрядчиком — нормальными.

Тем, кто ещё выбирает платформу, будет полезно сравнение Tilda и сайта на заказ: от выбора CMS зависит половина раздела технических требований.

Чек-лист: готово ли ваше ТЗ

• Цель сайта и главное целевое действие описаны одним-двумя предложениями
• Есть дерево страниц с URL
• Для каждого шаблона страницы перечислены блоки
• Каждая форма описана: поля, проверка, ответ, куда уходит заявка
• Перечислены интеграции и указано, кто даёт к ним доступ
• Указано, кто готовит контент и в какие сроки
• Есть требования к скорости, адаптивности, SEO и аналитике
• Есть список проверок для приёмки
• Документ согласован обеими сторонами и приложен к договору

Если на все пункты ответ «да», можно переходить к дизайну. Если нет — лучше потратить ещё пару дней на ТЗ, чем пару недель на переделки.

Вопросы и ответы

Обязательно ли составлять ТЗ по ГОСТ 34?

Нет. Стандарты в России применяются добровольно, если на них не ссылается договор или условия закупки. Для коммерческого сайта достаточно понятного документа с описанием страниц, функций и приёмки.

Чем бриф отличается от технического задания?

Бриф заполняет заказчик: он описывает бизнес, цели и пожелания. ТЗ готовит исполнитель на основе брифа: в нём структура, функции, требования и критерии приёмки.

Можно ли менять ТЗ во время разработки?

Можно, но через дополнение к документу с пересчётом стоимости и сроков. Устные изменения — главная причина споров и затянутых проектов.

Нужно ли ТЗ для лендинга?

Да, но короткое: цель, блоки, форма, куда уходят заявки, аналитика и сроки передачи контента. Обычно это 2–3 страницы.

Сколько времени занимает составление ТЗ?

Для лендинга обычно 1–3 дня, для корпоративного сайта около недели, для интернет-магазина с интеграциями — от одной до нескольких недель.