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

Вы просите у трёх студий цену на сайт и получаете ответы от 300 тысяч до трёх миллионов тенге. Дело не в жадности или щедрости подрядчиков: каждый из них представил себе свой сайт, потому что задача была описана в двух строках. Техническое задание на сайт убирает эту неопределённость — и в смете, и в сроках, и при сдаче проекта.

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

Многие считают ТЗ бумагой для программистов. На самом деле оно в первую очередь защищает заказчика. Хорошее техническое задание решает четыре задачи.

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

Чем меньше в задании слов «удобный», «современный» и «стильный», тем меньше сюрпризов при сдаче.

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

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

Плохая формулировка: «Нужен сайт для компании». Хорошая формулировка: «Сайт для привлечения заявок на ремонт квартир в Астане из рекламы Google. Главное действие — заявка на бесплатный замер через форму или WhatsApp».

Добавьте, откуда придут посетители: реклама, поиск, Instagram, 2ГИС, визитки. Сайт под рекламный трафик и сайт под SEO устроены по-разному: первому нужен короткий путь к заявке, второму — отдельные страницы под каждую услугу.

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

Приложите 3–⁠5 сайтов конкурентов и 2–⁠3 сайта, которые вам нравятся, даже из другой отрасли. К каждой ссылке — одна строка: что именно нравится или не нравится. «Нравится, как подан каталог» полезнее, чем просто ссылка.

Структура — основа сметы. Перечислите все страницы и разделы списком, например:

1. Главная.
2. Услуги — общий раздел и отдельная страница на каждую услугу (перечислите какие).
3. Портфолио или кейсы.
4. О компании.
5. Цены.
6. Отзывы.
7. Контакты с картой.
8. Политика конфиденциальности.

Для интернет-магазина укажите примерное число категорий и товаров, а также кто и как будет загружать каталог: вручную, из Excel или из учётной системы. Разница в трудоёмкости между «20 товаров вручную» и «3 000 позиций с выгрузкой из 1С» огромная.

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

Самая частая причина сорванных сроков — не программирование, а ожидание контента. Пропишите явно, кто отвечает за каждый тип материалов:

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

Если тексты пишет подрядчик, оговорите, сколько раундов правок входит в стоимость и в какой срок вы даёте исходную информацию. Без этого проект встаёт на недели.

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

• Формы: какие поля, куда приходят заявки (почта, Telegram, WhatsApp, CRM).
• Онлайн-оплата: нужна ли и через какой банк или платёжный сервис.
• Каталог: фильтры (по каким параметрам), поиск, сравнение, избранное.
• Интеграции: amoCRM, Bitrix24, 1С, складская программа, сервис онлайн-записи.
• Личный кабинет: нужен ли и что в нём должно быть.
• Мессенджеры: кнопки WhatsApp и Telegram, виджет чата.
• Калькулятор: что считает и по какой формуле.

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

Не пытайтесь описать дизайн словами вроде «современный и минималистичный» — это ничего не говорит дизайнеру. Вместо этого укажите:

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

Оговорите, сколько вариантов дизайна главной страницы и сколько раундов правок входит в работу. «Правки без ограничений» звучат приятно, но на практике тянут проект бесконечно.

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

• возможность редактировать title, description и заголовки H1 на каждой странице;
• понятные адреса страниц латиницей;
• карту сайта sitemap.xml и файл robots.txt;
• подключение Google Analytics 4, Google Tag Manager и при необходимости Яндекс Метрики;
• настройку целей: отправка формы, клик по телефону, переход в WhatsApp;
• скорость загрузки и сжатие изображений.

Если у вас уже есть сайт с трафиком, отдельной строкой пропишите 301-редиректы со старых адресов на новые. Без них поисковики теряют связь между старыми и новыми страницами, и посещаемость после запуска может просесть. Что ещё стоит заложить для поиска, мы разбираем на странице SEO-продвижение.

Укажите, есть ли у вас предпочтения по платформе. Если нет — опишите, кто будет обновлять сайт и как часто: от этого зависит, подойдёт ли конструктор или нужна CMS. Сравнение двух самых популярных вариантов есть в статье Tilda или WordPress: что выбрать.

Обязательно зафиксируйте:

• на кого оформлены домен и хостинг (лучше — на вашу компанию);
• кому принадлежат права на сайт и исходники после оплаты;
• передаются ли доступы к админке, хостингу и аналитике;
• кто и за какую плату вносит изменения после запуска.

Разбейте проект на этапы с результатом каждого: прототип → дизайн → вёрстка и программирование → наполнение → тестирование → запуск. Для каждого этапа — срок, ответственный и что вы согласуете. Поэтапная оплата по договору привязывается именно к этим точкам.

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

Скопируйте эту структуру в документ и заполните. Если на какой-то пункт нет ответа — так и напишите «не знаю, нужна рекомендация». Это честнее и полезнее, чем угадывать.

1. О компании: чем занимаетесь, город, сайт сейчас (если есть).
2. Цель сайта: главное действие посетителя, источники трафика.
3. Аудитория: кто клиенты, языки сайта.
4. Конкуренты и референсы: ссылки с комментариями.
5. Структура: список страниц и разделов, объём каталога.
6. Контент: кто готовит тексты, фото, переводы.
7. Функции: формы, оплата, фильтры, калькуляторы, кабинет.
8. Интеграции: CRM, 1С, мессенджеры, сервисы записи.
9. Дизайн: фирменный стиль, что нравится и что нет.
10. SEO и аналитика: счётчики, цели, редиректы со старого сайта.
11. Платформа и доступы: кто обновляет сайт, на кого домен и хостинг.
12. Сроки и бюджет: желаемая дата запуска, ориентир по бюджету.

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

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

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

Для ориентира по бюджету: у нас лендинг стоит от 330 000 ₸, корпоративный сайт на 5 страниц — 500 000 ₸, интернет-магазин — от 500 000 ₸; хостинг и домен .kz входят в стоимость. Подробнее о том, из чего складывается цена, — на странице стоимость сайта.

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