Фраза «Сделайте красиво, стильно, современно, как у Apple» — главная причина сорванных дедлайнов на полгода, судебных споров и сайтов, которые приходится переписывать с нуля. Без инженерного технического задания заказчик ожидает увидеть одно, дизайнер рисует второе, а программист верстает третье.
Коротко. Профессиональное ТЗ на разработку сайта — это юридический и технический стандарт проекта, фиксирующий логику интерфейсов, состояния форм, нефункциональные требования (PageSpeed > 90, LCP < 2.5s) и регламент приемки. Качественное ТЗ исключает субъективные оценки («красиво / некрасиво»), заменяя их проверяемыми спецификациями и прототипами. Порядок оплаты в договоре жестко привязывается к актам сдачи конкретных этапов ТЗ.
Полноценное ТЗ защищает бюджет заказчика: любые дополнительные «хотелки», возникшие в процессе работы, тарифицируются как доработки по согласованной ставке нормо-часа.
Зафиксируйте структуру страниц и карту переходов (User Flow)
Разработчик не должен догадываться, куда попадает пользователь после клика на кнопку «Подробнее» или что отображается при пустом результате поиска.
Что сделать. Составьте карту сайта (Sitemap) в виде древовидной схемы или таблицы с перечнем всех уникальных шаблонов страниц, всплывающих модальных окон и системных состояний (ошибка 404, страница благодарности «Спасибо за заявку»).
Как проверить. Пройдите сценарий покупки или заказа от первого экрана до финального подтверждения: в документе не должно остаться «тупиковых» экранов без ссылки возврата или закрытия.
Типичная ошибка. Описание только главной страницы с припиской «остальные страницы сделаем по аналогии». Именно на внутренних разделах обычно вскрываются основные архитектурные несоответствия.
Опишите поведение форм и валидацию данных
Форма захвата — самый чувствительный узел коммерческого сайта. Если валидация настроена некорректно, компания ежедневно теряет входящие заявки.
Что сделать. Пропишите для каждого поля: обязательность заполнения, маску ввода (например, телефон только РФ `+7 (XXX) XXX-XX-XX`), валидацию Email по RFC, поведение кнопки при отправке (блокировка от повторного клика, показ лоадера), текст ошибки и чекбокс согласия с 152-ФЗ.
Как проверить. Попытайтесь отправить форму с пробелами, буквами в поле номера и спецсимволами: система обязана подсветить проблемное поле понятной подсказкой без перезагрузки всей страницы.
Типичная ошибка. Отсутствие антиспам-защиты. Форма без скрытого honeypot или Cloudflare Turnstile за неделю заполняется тысячами бот-сообщений.
Задайте жесткие нефункциональные требования к скорости и адаптивности
Сайт может выглядеть эффектно на мониторе дизайнера в разрешении 4K, но безбожно тормозить и ломаться на экранах бюджетных смартфонов.
Что сделать. Зафиксируйте в ТЗ контрольные контрольные точки адаптивности (360px, 768px, 1024px, 1440px, 1920px) и требования к метрикам Core Web Vitals: Largest Contentful Paint (LCP) < 2.5 сек, Cumulative Layout Shift (CLS) < 0.1, оценка Google PageSpeed Insights для мобильных — не ниже 85 баллов.
Как проверить. Проверьте тестовый стенд через инструмент PageSpeed и Google Chrome DevTools в режиме эмуляции медленного 4G: верстка не должна дергаться при загрузке шрифтов и баннеров.
Типичная ошибка. Приемка сайта только на компьютере руководителя без тестирования на реальных смартфонах разного формата.
Определите порядок передачи прав и доступов
Нередки случаи, когда после завершения разработки подрядчик отказывается передавать исходный код или привязывает проект к собственному личному хостингу.
Что сделать. Пропишите в ТЗ пункт о передаче исключительных авторских прав на дизайн-макеты (Figma) и программный код (репозиторий Git). Зафиксируйте развертывание проекта строго на сервере и домене заказчика.
Как проверить. Проверьте владение доменом и доступ к панели управления сервером: заказчик обязан иметь права суперадминистратора без скрытых зависимостей от студии.
Типичная ошибка. Согласие на закрытую самописную CMS агентства, из-за которой дальнейшая поддержка сторонними разработчиками становится невозможной.
| Участок | Действие | Контроль |
|---|---|---|
| Карта сайта | Описать все шаблоны страниц, поп-апы и системные состояния | Отсутствие экранов без четкого пользовательского сценария |
| Формы захвата | Задать маски ввода, валидацию и антиспам honeypot | Невозможность отправки пустых или битых заявок |
| Производительность | Зафиксировать PageSpeed Mobile > 85 и адаптивность 360–1920px | Прохождение аудита Core Web Vitals в зеленой зоне |
| Авторские права | Зафиксировать передачу исходников Figma и репозитория Git | Заказчик обладает 100% доступов к серверу и коду |
Чек-лист перед запуском
- Цели и задачи сайта сформулированы в измеримых бизнес-метриках (конверсия, глубина).
- Описана интеграция с CRM, сервисами аналитики и Telegram-ботом оповещений.
- Согласованы требования к SEO: генерация robots.txt, sitemap.xml, canonical и ЧПУ.
- Зафиксирован гарантийный срок бесплатного устранения дефектов (от 60 дней в Landix.Pro).
- Составлен график поэтапной оплаты с критериями подписания промежуточных актов.
- Подготовлены текстовые и графические материалы (контент) для первичного наполнения.
Часто задаваемые вопросы
Кто должен составлять ТЗ — заказчик или студия?
Заказчик заполняет маркетинговый бриф и формулирует бизнес-требования. Составление инженерного технического задания — прямая задача агентства. В Landix.Pro проектирование ТЗ выделяется в первый оплачиваемый этап разработки, результатом которого становится готовый документ на 25–40 страниц.
Можно ли вносить изменения в проект после утверждения ТЗ?
Да, но любые изменения, выходящие за рамки утвержденного документа (Change Requests), оформляются дополнительным соглашением с перерасчетом сроков и стоимости.
Сколько страниц должно занимать качественное ТЗ?
Для посадочной страницы (лендинга) достаточно 10–15 страниц с описанием каждого экрана и логики калькуляторов. Для сложного корпоративного портала или сервиса объем ТЗ обычно составляет от 30 до 70 страниц.
Нужен сайт без сюрпризов и срывов сроков? Получите консультацию — поможем составить технические требования, спроектируем прототип и рассчитаем смету реализации.
Читайте также
Разработаем индивидуальный конверсионный сайт для вашего бизнеса под ключ: продающая структура, премиальный дизайн, интеграция с Telegram и CRM.
