Перейти к содержанию
Агентство Блесс Зис

Техническое задание на сайт: из чего оно состоит и как его составить

Коротко о техническом задании на сайт

Техническое задание на сайт (ТЗ) — документ, где заказчик и исполнитель записывают, что именно будет сделано и по каким признакам работу примут. В нём семь частей: цели и аудитория, структура и прототип, функции, контент, дизайн, технические требования, сроки и приёмка. Составляйте его до оплаты.

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

Техническое задание на создание сайта отвечает на вопрос «что именно будет сделано». Допустим, в ТЗ записано: «форма заявки с полями „имя“ и „телефон“, письмо с заявкой приходит на почту отдела продаж». Тогда приёмка сводится к проверке: форма есть, письмо пришло. Если записано «удобная форма», спорить придётся о слове «удобная».

Бриф — анкета, которую заполняет заказчик: чем занимается компания, кто её клиенты, какую задачу должен решать сайт. Он отвечает на вопрос «для кого и зачем», а ТЗ на вопрос «что сделать и как проверить». Поэтому бриф идёт первым, и из его ответов собирается ТЗ.

Заказчику ТЗ нужно по двум причинам. По нему можно сравнить предложения нескольких студий на одной основе. И по нему видно, какая работа входит в цену, а какая считается новой и оплачивается отдельно.

Из чего состоит ТЗ на сайт

Ниже список разделов. Его можно скопировать в документ и заполнять по порядку.

  1. Цели и аудитория: зачем нужен сайт, какое действие должен совершить посетитель (оставить заявку, позвонить), кто эти посетители и что их останавливает.
  2. Структура и прототип: список страниц и порядок блоков на каждой. Прототип (схема страницы из блоков без цвета и картинок) прикладывают к ТЗ.
  3. Функции: форма заявки, обратный звонок, калькулятор, личный кабинет. Каждая функция занимает одну строку и описывает, что происходит после нажатия кнопки.
  4. Контент: какие тексты и изображения нужны, кто их пишет и до какой даты передаёт.
  5. Дизайн: примеры сайтов, которые нравятся, и причина; фирменные цвета и шрифты, если они есть; экраны (компьютер, телефон), на которых проверяют макет.
  6. Технические требования: на чьё имя оформлены домен и сервер, где хранятся данные посетителей (форма с телефоном собирает персональные данные, поэтому подпадает под 152-ФЗ), подключена ли Яндекс Метрика и настроена ли в ней цель на заявку.
  7. Сроки и приёмка: даты каждого этапа, кто и за сколько дней проверяет результат, сколько раундов правок входит в работу, по какому списку принимают сайт.

Раздел, в котором нечего написать, показывает вопрос без ответа. Его лучше закрыть до начала работы. Домен на имя подрядчика разобран отдельно в блоге (статья: домен записан на разработчика).

Как составить ТЗ и прототип самому или с подрядчиком

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

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

У нас порядок такой. Сначала концепт: описываем аудиторию и её боли, строим структуру и прототип, пишем тексты. Дизайн рисуем после, поэтому у каждого блока есть причина стоять на своём месте. Договор и ТЗ вы получаете до оплаты. Если сайт уже работает и не приносит заявок, начните с разбора причин (статья: сайт не дает заявок).

Частые вопросы о ТЗ и прототипе сайта

Как составить ТЗ на разработку сайта?

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

Как сделать прототип сайта?

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

Нужно ли ТЗ для сайта-визитки?

Нужно, но короче. Сайту-визитке достаточно целей, списка страниц, формы заявки, контента и условий приёмки. Без этих пунктов спор о результате возможен и на небольшом сайте.

Обсудить задачу и заполнить бриф по телефону

Оставьте телефон в форме заявки: перезвоним, обсудим задачу и заполним бриф. Целевой срок обратного звонка: до 5 минут.

Как мы строим концепт, прототип и тексты до дизайна, описано на странице разработка концепции сайта.

Перезвоним в течение 5 минут

Перезвоним в течение 5 минут

Если сайт уже есть: начнём с его аудита