ТЗ и бриф на разработку сайта: шаблон и пример

Бриф и ТЗ: чем они отличаются

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

• Бриф (от английского brief, «краткое изложение») — это ваши ответы на вопросы подрядчика: чем занимается компания, кому и что продаёт, зачем нужен сайт, какие у вас есть материалы. Его заполняете вы.
• Техническое задание (ТЗ) — это документ о том, что именно будет сделано: список страниц, функции, технические требования, сроки, порядок сдачи. Его обычно составляет подрядчик на основе брифа, а вы утверждаете.

Для небольшого сайта (визитка, лендинг, сайт на 10 страниц) отдельное толстое ТЗ не нужно. Хорошего брифа на одну-две страницы плюс списка страниц и критериев приёмки достаточно. Большое ТЗ нужно для сложных систем: кабинетов, оплаты, интеграций. Такие проекты у нас начинаются с платной архитектурной сессии за €3 500, где ТЗ и смета превращаются в карту продукта, а сумма засчитывается в проект. Если документ нужен не для сайта, а для мобильного приложения, возьмите шаблон из статьи «Как написать ТЗ на мобильное приложение».

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

Шаблон брифа на сайт

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

1. О компании

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

2. Зачем сайт

• Главная цель одной фразой: заявки, продажи, имидж, проверка банком, запись.
• Что должен сделать посетитель на сайте (позвонить, оставить заявку, купить)?
• Как вы поймёте, что сайт работает: сколько заявок в месяц считаете успехом?

3. Для кого

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

4. Что на сайте

• Список страниц или разделов (подробнее ниже).
• Нужны ли формы, оплата, запись, личный кабинет, блог, языки.
• Куда приходят заявки: на почту, в CRM, в мессенджер.

5. Стиль и примеры

• Есть ли логотип и фирменные цвета?
• Три сайта, которые вам нравятся, и что именно. И два, которые не нравятся.
• Тон: строгий, дружелюбный, экспертный.

6. Материалы

• Что есть: тексты, фото, видео, презентации, отзывы, реквизиты.
• Что нужно подготовить подрядчику.

7. Сроки, бюджет, ответственные

• Когда сайт должен быть готов и почему именно к этому сроку?
• Бюджет или вилка.
• Кто принимает решения с вашей стороны и как быстро отвечает?

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

Пример технического задания на сайт

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

Проект: сайт для студии интерьерного дизайна «Пример Студио»

1. Цель. Получать 15–20 заявок в месяц на бесплатную консультацию из поиска и рекламы.
2. Аудитория. Владельцы квартир 30–50 лет в одном городе, заходят в основном с телефона.
3. Структура. Главная, Услуги (3 страницы: проект квартиры, проект дома, авторский надзор), Портфолио, О студии, Блог, Контакты.
4. Функции. Форма заявки (имя, телефон, тип объекта), заявки приходят на почту и в таблицу; фильтр в портфолио; блог с рубриками; кнопка мессенджера.
5. Языки. Русский и английский.
6. Дизайн. Светлый, спокойный; логотип и палитра переданы; примеры сайтов приложены.
7. Технические требования. Адаптивная вёрстка; защищённое соединение; страницы открываются быстро (ориентир Google — основной контент загружается за 2,5 секунды и быстрее); базовая SEO-настройка (заголовки, описания, карта сайта).
8. Юридическое. Политика конфиденциальности, согласие на cookie, реквизиты. Тексты проверяет юрист заказчика.
9. Этапы и сроки. Структура — 2 дня; дизайн главной — 3 дня; сборка — 5 дней; наполнение и проверка — 3 дня; запуск. Срок отсчитывается с получения материалов.
10. Приёмка. См. критерии ниже.

Для такого проекта по нашему прайсу подойдёт сайт для бизнеса за €2 490: до 10 страниц, блог, 2 языка и SEO-настройка. Сколько стоят другие варианты, смотрите в статье «Сколько стоит сайт в 2026 году».

Как описать структуру сайта

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

• Главная. Кто вы, что предлагаете, главная кнопка, доказательства.
• Услуги или товары. Страница на каждую услугу, которую люди ищут отдельно. Это важно для поиска.
• О компании. Команда, история, реквизиты: на этой странице смотрят банки и партнёры.
• Кейсы или портфолио. Только настоящие работы.
• Блог. Полезные статьи под вопросы клиентов.
• Контакты. Почта, телефон, адрес, форма, карта.
• Юридические страницы. Политика конфиденциальности, условия, cookie.

Если вы не уверены, что включать, посмотрите, как у конкурентов, и спросите себя, на какие вопросы клиента отвечает каждая страница. Лишнее убирайте: меньше страниц — быстрее запуск и ниже цена. Как это связано с тем, на каком конструкторе или платформе делать сайт, разобрано в статье «Конструктор или своя разработка».

Технические и юридические требования: что стоит прописать

Даже если вы не разбираетесь в технике, в ТЗ стоит включить несколько пунктов. Они защищают вас от «красивого, но неработающего» сайта.

1. Мобильная версия. Сайт должен нормально выглядеть и работать на телефоне.
2. Скорость. Google ориентируется на метрики Core Web Vitals: основной контент должен загружаться за 2,5 секунды или быстрее (LCP), страница должна быстро реагировать на нажатие (INP не более 200 миллисекунд) и не «прыгать» при загрузке (CLS не более 0,1). Запишите это как цель, а не как обязательство подрядчика гарантировать цифры на любом телефоне.
3. Защита. Защищённое соединение (HTTPS), защита форм от спама, доступы с двухфакторной защитой.
4. Юридические страницы. Какие нужны в вашей стране. Для сайтов в ЕС обычно это политика конфиденциальности, согласие на cookie и реквизиты компании, для Германии и Австрии ещё и Imprint. Тексты на основе шаблонов должен проверить ваш юрист.
5. Владение. Домен, код и аккаунты оформляются на вас; после запуска вы получаете все доступы.
6. Редактор. Какие тексты и блоки вы правите сами.
7. Аналитика. Что считаем: заявки, источники, цели.

О SEO-требованиях не нужно писать подробно. Достаточно потребовать уникальные заголовки и описания страниц, понятные адреса, карту сайта и подключение Search Console (бесплатный сервис Google, где видно, как сайт показывается в поиске). Позиции в поиске не прописывайте как обязательство: никто честно не может их гарантировать.

Критерии приёмки: когда сайт считается готовым

Приёмка — это момент, когда вы говорите «принято» и оплачиваете финальный этап. Чтобы он не превратился в бесконечные правки, заранее запишите, что значит «готово».

• Все страницы из списка созданы и открываются.
• Сайт корректно выглядит на телефоне, планшете и компьютере в современных браузерах.
• Форма отправляет заявку вам, а клиент получает подтверждение. Проверено тестовой заявкой.
• Юридические страницы на месте, реквизиты указаны.
• Метрики скорости в пределах целей из ТЗ (проверка в PageSpeed Insights).
• Аналитика собирает цели, Search Console подключена.
• Доступы переданы вам, домен и аккаунты оформлены на вас.
• Есть короткая инструкция, как менять тексты и фото.

И ещё два правила: сколько кругов правок входит в цену (у нас, например, два круга в визитке) и что считается правкой, а что новой задачей. Новые задачи лучше оформлять отдельными модулями, чем раздувать первоначальное ТЗ. Как мы организуем работу по шагам, описано на странице «Как мы работаем».

Пять ошибок в брифе и ТЗ

1. «Сделайте красиво». Без примеров и критериев это невозможно проверить. Принесите три сайта, которые нравятся, и объясните, чем.
2. Нет цели. «Нужен сайт, как у всех» не задача. Задача: «хочу получать 20 заявок в месяц».
3. Все страницы сразу. Начните с главного, остальное добавляйте после запуска.
4. Материалы «потом». Тексты и фото задерживают проект сильнее всего. Либо подготовьте их до старта, либо закажите отдельно.
5. Нет ответственного. Если от вашей стороны отвечают пять человек, проект буксует. Назначьте одного.

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

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

Что выбрать в вашей ситуации

• Если сайт нужен срочно за 24 часа, достаточно упрощённой анкеты: компания, чем занимаетесь, контакты, реквизиты, домен. Остальное мы уточним сами. Это «Сайт за 24 часа» за €599.
• Если у вас небольшая компания и сайт до 5–10 страниц, заполните бриф по шаблону выше, это займёт час-два. Полное ТЗ не нужно.
• Если вы делаете сайт для локальной услуги в вашем городе, добавьте в бриф карту, адреса, часы работы и отзывы клиентов.
• Если нужны кабинеты, оплата и интеграции, лучше не писать ТЗ самому. Закажите архитектурную сессию: на выходе будет карта продукта и смета, и они останутся у вас в любом случае.
• Если ничего не готово и вы не знаете, с чего начать, пройдите тест «Готовы ли вы к разработке своего продукта». Он покажет, чего не хватает, а вы получите персональный разбор и скидку на разработку по промокоду, который придёт письмом на вашу почту (кроме «Сайта за 24 часа»).

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