ТЗ на сайт: что писать, а что оставить студии

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

Нужно ли заказчику уметь писать ТЗ

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

Однажды к нам пришёл клиент с ТЗ на сорок страниц: отступы в пикселях, цвет шапки по Pantone, требования к CSS. А на вопрос «кто ваш покупатель и зачем он придёт на сайт» ответа не нашлось. Сайт по такому документу собрать можно. Работать он не будет.

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

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

Как эти документы встроены в общий ход работ, мы описали в статье про процесс создания сайта.

Что студии нужно от вас на самом деле

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

• Какую задачу решает сайт: заявки, продажи, запись, презентация для тендеров. Одна главная цель, не пять.
• Кто ваши клиенты и как они выбирают. «Женщины 30–45, ищут в Яндексе, сравнивают три-четыре компании» — уже отличный вводный.
• Три-пять сайтов, которые нравятся, и пара тех, что раздражают. С пояснением почему — это важнее самих ссылок.
• Список услуг или товаров и примерная структура: что должно быть на сайте обязательно.
• Интеграции: работаете ли с CRM, 1С, нужна ли онлайн-оплата, доставка, запись.

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

Что должно быть в ТЗ на сайт: разделы и примеры

Объём документа зависит от проекта: для лендинга это две-три страницы, для магазина с интеграциями — несколько десятков. Но набор разделов примерно одинаков.

Раздел «Что не входит» часто пропускают, и зря: именно он снимает большую часть споров на сдаче.

Что писать не нужно

Стек технологий, выбор хостинга, требования к вёрстке и базе данных — не мучайтесь. Это наша работа, и именно за неё вы платите. Если подрядчик просит вас самостоятельно выбрать фреймворк — это странный подрядчик. Какую систему управления предложить под задачу, студия решает сама и объясняет выбор; разобраться в вариантах поможет статья о том, как выбрать CMS.

Исключение одно: если у вас уже есть инфраструктура, о которой мы обязаны знать. Корпоративная 1С, действующий договор на хостинг, требования безопасности от головного офиса. Такое пишите обязательно.

Не стоит и рисовать дизайн словами: «шапка синяя, кнопка справа, шрифт покрупнее». Лучше объяснить, какое впечатление должен производить сайт и на кого, а решение оставить дизайнеру.

Как формулировать требования, чтобы их можно было проверить

Главный враг ТЗ — слова, которые каждый понимает по-своему: «современный», «удобный», «быстрый». На приёмке невозможно доказать, выполнено такое требование или нет. Каждый пункт стоит переписать так, чтобы на него можно было ответить «да» или «нет».

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

Как составить ТЗ на сайт: пошагово

1. Сформулируйте одну главную цель сайта и то, как поймёте, что она достигнута.
2. Опишите клиентов: кто они, откуда приходят, что хотят узнать перед обращением.
3. Соберите примеры: сайты конкурентов и просто удачные, с пояснением, что именно нравится и что нет.
4. Составьте список услуг или товарных категорий — это основа структуры.
5. Выпишите системы, с которыми сайт должен обмениваться данными: CRM, 1С, оплата, доставка, телефония.
6. Передайте всё это студии в виде брифа и обсудите на созвоне. После него вы получите вилку цены и срока.
7. Согласуйте прототип: структуру и состав страниц.
8. Прочитайте ТЗ, которое подготовила студия, и сверьте его с чек-листом ниже. Непонятные пункты просите объяснить простыми словами.
9. Утвердите документ и сделайте его приложением к договору.

Зачем фиксировать объём работ и что делать с новыми идеями

Зачем вообще нужна эта бумага, если все всё обсудили голосом? Затем, что зафиксированный объём работ защищает обе стороны. Клиента — от ситуации, когда «сделаем красиво» обернулось не тем, что он представлял. Студию — от бесконечных «а давайте ещё вот это», которые превращают проект на месяц в проект на полгода. Всё, что сверх ТЗ, — отдельная задача с отдельной оценкой, и это честно.

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

Сколько стоит составление ТЗ

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

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

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

• Описывают оформление вместо задач. Пиксели и цвета расписаны, а зачем сайт и для кого — неизвестно.
• Пишут общими словами. «Современный, удобный, продающий» — такие требования невозможно ни оценить, ни принять.
• Копируют чужое ТЗ из интернета. В документе оказываются требования, которые вашему проекту не нужны, а нужных нет.
• Забывают про контент. Сайт готов, а тексты и фотографии никто не заказывал — запуск откладывается на месяцы.
• Не описывают интеграции. «Подключить 1С» без списка данных и направления обмена может означать и день работы, и месяц.
• Не фиксируют, кому принадлежат домен, хостинг и код. Потом выясняется, что всё оформлено на подрядчика. Как этого избежать — в статье про доступы к сайту.
• Нет критериев приёмки. Непонятно, в какой момент работа считается сделанной, и сдача затягивается.
• Подписывают не читая. Документ на тридцать страниц кажется скучным, но каждый непрочитанный пункт — потенциальный спор.

Чек-лист: что проверить в ТЗ перед подписанием

• Записана цель сайта и способ измерить результат.
• Есть полный список страниц и состав типовых страниц.
• Каждая функция описана через действие пользователя и результат.
• Для каждой интеграции указано, какие данные и в какую сторону передаются.
• Понятно, что сотрудники смогут менять в админке сами.
• Указано, кто готовит тексты, фотографии и в каком объёме.
• Домен, хостинг, доступы и исходный код остаются у заказчика.
• Перечислены этапы, сроки и порядок приёмки.
• Есть раздел о том, что в проект не входит.
• Описано, как оцениваются и согласуются изменения по ходу работы.
• В тексте нет пунктов, которые вы не понимаете.

Коротко

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

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