Перейти к содержимому
Левицкий Концепт
Инициализация систем000%

Техническое задание на сайт: образец в Word и генератор

Ответьте на вопросы по шагам — генератор соберёт структурированное техническое задание с разделами, которые подрядчик сможет оценить, а вы — принять по чек-листу.

Бесплатно, без регистрации. Данные обрабатываются в вашем браузере и никуда не отправляются.

Скачать бесплатно — образец ТЗ (Word)или заполните онлайн ↓

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

01О проекте
02Структура страниц
Разделы и страницы
03Функции
Что сайт должен уметь
Интеграции
04Дизайн и контент
05Технические требования
Нефункциональные требования
SEO-требования
06Сроки, приёмка, передача
Что передаётся по итогам

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

сайт

Заказчик: [заполните: название компании]

Тип проекта: Корпоративный сайт

Дата составления: —

Версия: 1.0 (черновик)

1. Общие сведения

[заполните: чем занимается компания]

Ответственный со стороны заказчика: [заполните: ФИО и контакты].

2. Цели и задачи сайта

  • [заполните: измеримые цели — заявки, продажи, звонки]

3. Целевая аудитория

[заполните: кто клиенты, их задачи и возражения]

4. Конкуренты и референсы

Конкуренты: [заполните: список сайтов]

Референсы: [заполните: сайты, которые нравятся, и чем именно]

5. Структура сайта

Состав страниц и шаблонов. Финальная структура утверждается по прототипам.

  1. Главная
  2. О компании
  3. Услуги (список)
  4. Страница услуги (шаблон)
  5. Контакты
  6. Политика конфиденциальности и согласие на ПДн
  7. Страница 404

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

Для каждой функции исполнитель в прототипе описывает сценарий: кто, что делает, что видит в результате, куда уходят данные.

  • Формы заявок с отправкой в почту и мессенджер

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

  • Яндекс Метрика

8. Дизайн

  • Фирменный стиль: Есть логотип и цвета.
  • Пожелания: [заполните: стиль, настроение, примеры].
  • Макеты готовятся для мобильной (360 px) и десктопной (1440 px) версий ключевых шаблонов.
  • Дизайн согласуется по этапам: главная → внутренние шаблоны.

9. Контент

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

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

  • Платформа: предлагает исполнитель с обоснованием выбора.
  • Хостинг: Подбирает исполнитель, оформляется на заказчика.
  • Адаптивность: от 360 px до широких экранов
  • Поддержка последних двух версий Chrome, Safari, Firefox, Яндекс Браузера
  • HTTPS и редирект с http и www
  • Защита форм от спама
  • Хранение ПДн граждан РФ на серверах в РФ
  • Админ-панель для редактирования без программиста

11. SEO-требования

  • Редактируемые title, description и H1 для каждой страницы
  • Человекопонятные адреса (ЧПУ)
  • Автоматический sitemap.xml
  • Редактируемый robots.txt
  • Canonical и 301-редиректы

12. Порядок приёмки

  1. Исполнитель разворачивает сайт на тестовом адресе, закрытом от индексации.
  2. Заказчик проверяет страницы и функции по разделам 5–11 этого ТЗ и фиксирует замечания списком.
  3. Ошибки (несоответствие ТЗ) исправляются исполнителем в рамках работ; новые пожелания оцениваются отдельно.
  4. После исправления замечаний сайт переносится на рабочий домен, проверяются формы, аналитика, редиректы и индексация.
  5. Подписывается акт приёмки.

13. Передача проекта

  • Исходный код в репозитории заказчика
  • Доступы к хостингу, домену, админке — на заказчика
  • Инструкция для администратора
  • Гарантийный период на исправление ошибок

14. Сроки и бюджет

  • Желаемый срок запуска: [заполните: дата].
  • Ориентир по бюджету: [заполните: сумма].
  • Календарный план по этапам исполнитель прикладывает к коммерческому предложению.

Составлено в генераторе ТЗ levitsky-c.ru/instrumenty/generator-tz-na-sajt. Поля в квадратных скобках нужно заполнить до отправки подрядчику.

Как пользоваться

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

Зачем техническое задание, если подрядчик «и так понял»

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

Что входит в ТЗ из генератора

РазделЧто фиксируетПочему важно
Цели и аудиторияЗачем сайт и для когоБез целей нельзя понять, удался ли проект
СтруктураСписок страниц и шаблоновОснова оценки трудоёмкости
Функции и интеграцииЧто сайт умеет, с какими системами связанСамая дорогая и самая спорная часть
Дизайн и контентФирменный стиль и кто готовит текстыЧастая причина срыва сроков
Технические требованияПлатформа, хостинг, браузеры, скорость, безопасностьНефункциональные требования забывают чаще всего
SEO-требованияМета-теги, ЧПУ, sitemap, редиректыПеределывать после запуска дороже
Приёмка и передачаКак проверяется результат и что передаётсяЗащищает от зависимости от подрядчика

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

Цель «красивый современный сайт» не поможет ни подрядчику, ни вам. Хорошая цель измерима и связана с бизнесом: «получать 100 заявок в месяц с сайта», «снизить число звонков с вопросом "сколько стоит" за счёт калькулятора», «продавать онлайн 20% ассортимента». Из целей вытекают приоритеты: если главное — заявки, то форма на каждом экране важнее анимаций; если продажи — важнее скорость каталога и удобство оплаты.

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

Функциональные требования описывают, что сайт делает: принимает заявки, фильтрует каталог, принимает оплату. Нефункциональные — каким он должен быть: быстрым на мобильном, защищённым, доступным, работающим в нужных браузерах, с ежедневными резервными копиями. Именно нефункциональные требования чаще всего «подразумеваются» и не записываются, а потом оказывается, что сайт открывается 8 секунд на телефоне или хранит персональные данные на зарубежном сервере. Генератор предлагает типовой набор — снимите лишнее, но не пропускайте раздел.

Приёмка: как проверить, что сделано то, что заказано

Раздел приёмки превращает ТЗ из пожеланий в инструмент. Сайт сначала разворачивается на тестовом адресе, закрытом от поисковиков; заказчик проходит по разделам ТЗ и фиксирует замечания списком. Важно разделять ошибки — несоответствие ТЗ, которое исполнитель исправляет в рамках работ, — и новые пожелания, которые оцениваются отдельно. Это честно для обеих сторон и снимает большую часть конфликтов. Подробный список того, что проверить при сдаче проекта, есть в статье приёмка веб-проекта.

Что должно перейти к вам после запуска

  • Домен и хостинг оформлены на компанию-заказчика, а не на подрядчика или его сотрудника.
  • Исходный код лежит в репозитории, к которому у вас есть доступ владельца.
  • Есть доступы администратора ко всем сервисам: CMS, аналитика, почта, внешние интеграции.
  • Есть инструкция: как редактировать страницы, как восстановить сайт из резервной копии.
  • Зафиксирован гарантийный период, в течение которого ошибки исправляются бесплатно.

Частые ошибки в ТЗ

  • Описание дизайна словами вместо референсов. «Стильно и лаконично» каждый понимает по-своему — приложите примеры.
  • Нет ответственного со стороны заказчика: согласования идут через несколько человек, и решения меняются.
  • Функции без сценариев: «личный кабинет» — это может быть и страница с заказами, и полноценный сервис.
  • Забыли про перенос со старого сайта: без карты редиректов можно потерять позиции в поиске; об этом — статья редизайн без потери позиций.
  • ТЗ написано один раз и не обновляется. Изменения по ходу проекта нужно вносить в документ и согласовывать.

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

Как формулировать требования

Плохо: «Удобный каталог». Хорошо: «Каталог с фильтрами по цене, размеру и материалу; фильтры работают без перезагрузки страницы; выбранные фильтры сохраняются в адресе, чтобы ссылкой можно было поделиться». Вторую формулировку можно оценить и проверить при приёмке.

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

Кто должен писать ТЗ — заказчик или исполнитель?

Лучше вместе. Заказчик знает бизнес и цели, исполнитель — как это реализовать. Генератор помогает заказчику подготовить первую версию, которую исполнитель уточнит при оценке.

Насколько подробным должно быть ТЗ?

Настолько, чтобы подрядчик мог оценить работу, а вы — проверить результат. Для лендинга хватит пары страниц, для сервиса с личными кабинетами нужны сценарии и прототипы.

Можно ли изменить ТЗ после начала работ?

Можно, но это изменение объёма: новые требования оцениваются отдельно и могут сдвинуть сроки. Фиксируйте изменения в документе с новой версией.

Где хранятся мои ответы?

Только в вашем браузере. Документ собирается локально, на сервер ничего не отправляется.

Чем ТЗ отличается от брифа?

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

Можно ли скачать файл бесплатно и без регистрации?

Да. Файлы лежат на сайте по прямой ссылке: нажмите кнопку «Скачать» — ни регистрации, ни e-mail, ни телефона мы не спрашиваем. Файл можно править и использовать в работе без ограничений.

Другие инструменты