Как составить техническое задание на сайт

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

Бриф и ТЗ не одно и то же

Бриф заполняет заказчик. Это ответы на вопросы о бизнесе, целях, аудитории и пожеланиях. Его задача - дать студии понять задачу.

Техническое задание составляет студия на основе брифа и аналитики. Это документ с перечнем страниц, функций, интеграций и требований, который прикладывается к договору. По нему потом принимается работа.

Не пытайтесь написать ТЗ сами, если у вас нет опыта. Лучше хорошо ответить на бриф - остальное сделает студия.

12 вопросов, на которые стоит ответить до созвона

О бизнесе

1. Что вы продаёте и кому? Не «услуги строительства», а «ремонт квартир в новостройках под ключ для семей, которые купили жильё с отделкой white box».
2. Чем вы отличаетесь от конкурентов? Цена, скорость, гарантия, опыт, узкая специализация - что-то, что клиент может проверить.
3. Кто ваши конкуренты? Три-пять сайтов, с которыми вас сравнивают клиенты. Что вам в них нравится и не нравится.
4. Какой средний чек и сколько клиентов вам нужно? Это определяет, сколько имеет смысл вкладывать в сайт и продвижение.

О сайте

1. Какое главное действие должен совершить посетитель? Позвонить, оставить заявку, купить, записаться. Одно главное действие.
2. Откуда придут посетители? Реклама, поиск, соцсети, сарафан. От этого зависит структура.
3. Какие страницы нужны? Список услуг, портфолио, цены, о компании, блог - хотя бы примерно.
4. Кто будет обновлять сайт? Вы сами, сотрудник или студия. От этого зависит, нужна ли админка.

О функциях и контенте

1. Какие функции нужны? Каталог, фильтры, калькулятор, онлайн-оплата, личный кабинет, мультиязычность.
2. С какими системами нужна связь? CRM, 1С, телефония, мессенджеры, службы доставки.
3. Что есть из контента? Логотип, фирменный стиль, фотографии, тексты, отзывы, сертификаты.
4. Какие сроки и бюджет? Даже примерная вилка помогает студии предложить реалистичное решение, а не гадать.

Что должно быть в техническом задании

• Цели сайта и метрики успеха. Например: «заявки с формы и клики по Telegram, цель - 30 заявок в месяц при текущем трафике».
• Структура. Список всех страниц с кратким описанием содержимого.
• Функции. Что делает каждая форма, фильтр, калькулятор. Куда уходят заявки.
• Интеграции. С какими системами, какие данные передаются и в каком направлении.
• Требования к дизайну. Фирменный стиль, референсы, адаптивность, поддерживаемые браузеры.
• Требования к SEO и скорости. Мета-теги, микроразметка, карта сайта, целевая скорость загрузки.
• Админка. Что заказчик сможет редактировать сам.
• Хостинг и домен. Где будет размещён сайт, на кого оформлены доступы.
• Порядок приёмки. Как проверяется результат и что считается готовым.

Ошибки, которые удорожают проект

• «Сделайте как у Apple». Референсы полезны, но объясняйте, что именно нравится: цвет, анимации, структура, подача.
• Новые хотелки после утверждения прототипа. Каждое изменение структуры после дизайна - это переделка дизайна и вёрстки.
• Контент «потом». Сайт, который сдают с «Lorem ipsum» вместо текстов, не запускается. Сбор контента - самая частая причина сорванных сроков.
• Много согласующих. Если макет смотрят пять человек и у каждого своё мнение, проект будет идти в два раза дольше. Назначьте одного ответственного.

Частые вопросы

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

Для лендинга или небольшого сайта - несколько дней вместе с аналитикой. Для веб-сервиса - от недели: нужно описать роли, данные и сценарии.

Нужно ли платить за техническое задание отдельно?

Для сайтов ТЗ обычно входит в стоимость разработки. Для сложных сервисов аналитика иногда оформляется отдельным этапом, результат которого остаётся у вас - даже если дальше вы работаете с другой командой.

Что делать, если я не знаю ответов на вопросы брифа?

Это нормально. Ответьте на то, что знаете, остальное выясним в разговоре - для этого и нужна студия.