Как составить ТЗ для разработки сайта: инструкция, которая спасет ваш бюджет и нервы

Вы нашли подрядчика, обсудили будущий сайт и… через месяц получили не то, что представляли. Знакомая история? В 80% конфликтов между заказчиком и разработчиком виновато не отсутствие совести, а отсутствие четкого Технического Задания (ТЗ).

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

Почему без ТЗ вы играете в русскую рулетку с разработкой?

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

Коротко: ТЗ — это юридически значимый документ, который фиксирует ЧТО, КАК и КОГДА должно быть сделано. Он нужен и вам, и подрядчику.

📝 Структура идеального ТЗ на разработку сайта

Используйте этот план как основу для вашего документа.

1. Общая информация

• Название проекта: (Например, «Корпоративный сайт для бухгалтерской фирмы «Баланс»)
• Заказчик: ФИО, должность, контакты.
• Исполнитель: Название компании/ФИО фрилансера.
• Цели создания сайта: (Самое важное! От этого зависит все). Например: «Увеличить количество входящих заявок на услуги на 30% за 6 месяцев», «Повысить узнаваемость бренда в регионе», «Продавать 50 единиц товара в месяц онлайн».
• Целевая аудитория: Опишите 1-3 портрета ваших клиентов (пол, возраст, должность, боли, задачи). Например: «ИП Петрова А.К., 45 лет, нуждается в сдаче нулевой отчетности без погружения в тонкости законодательства».

2. Требования к сайту

• Тип сайта: (Лендинг, корпоративный сайт, интернет-магазин, каталог).
• Структура сайта: Обязательно! Иерархический список всех страниц.text- Главная
  - Услуги
  - Бухгалтерское сопровождение
  - Восстановление учета
  - Нулевая отчетность
  - О компании
  - Цены
  - Блог (список статей -> карточка статьи)
  - Контакты
  - Политика конфиденциальности
  
• Технические требования:
  CMS (система управления): WordPress, 1С-Битрикс, самописная.
  Адаптивность: Обязательная корректная работа на мобильных, планшетах, десктопах.
  Кроссбраузерность: Отображение в актуальных версиях Chrome, Firefox, Safari, Яндекс.Браузера.
  Сроки загрузки: Страницы должны загружаться не более 2-3 секунд.
  Интеграции: (Что нужно подключить: 1С, CRM (AmoCRM, Bitrix24), эквайринг, сервисы email-рассылок, чат-боты).

3. Требования к дизайну

• Референсы: Приложите 3-5 ссылок на сайты, которые вам нравятся (и укажите, что именно: общий стиль, расположение блоков, анимация, цвет).
• Корпоративный стиль (если есть): Приложите логотип, фирменные цвета (HEX-коды), шрифты.
• Если стиля нет: Опишите пожелания («стиль должен вызывать доверие, быть сдержанным и профессиональным»).
• Особые пожелания: Наличие интерактивных элементов (например, калькулятор услуг), анимации кнопок, hover-эффектов.

4. Требования к функционалу

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

Пример для страницы «Услуги»:

• Заголовок и текст описания.
• Список услуг в виде карточек (иконка, название, короткое описание, кнопка «Подробнее», ведущая на отдельную страницу услуги).
• На странице каждой услуги: Детальное описание, форма заказа услуги (поля: Имя, Телефон, Комментарий), кнопка «Отправить заявку».

Общие функциональные блоки:

• Формы: Какие формы будут на сайте (обратный звонок, заявка, подписка)? Какие поля в них (укажите обязательные/необязательные)? Куда должны приходить данные (на почту, в CRM, в Telegram)?
• Административная панель (админка): Что должен иметь возможность менять заказчик без помощи программиста? (Тексты, цены, фотографии, добавлять новости/товары).
• SEO-требования: Готовность к базовому SEO (возможность прописывать Title, Description, H1, ЧПУ для страниц, добавлять alt-теги к изображениям).

5. Наполнение контентом

• Кто предоставляет контент? (Частый камень преткновения!). Четко пропишите:
  Тексты предоставляет Заказчик/Исполнитель.
  Фотографии/изображения предоставляет Заказчик/Исполнитель (если от Исполнителя — указать количество исходных фото).
  Верстка текстов и загрузка контента входит в стоимость/оплачивается отдельно.

6. Этапы, сроки и порядок приемки

• Поэтапный план работ с дедлайнами:
  Согласование ТЗ – 3 дня.
  Разработка дизайна главной и типовой страницы – 10 дней.
  Верстка – 7 дней.
  Программирование – 14 дней.
  Наполнение контентом и тестирование – 7 дней.
• Порядок согласования: Например, «На каждом этапе Исполнитель предоставляет результат на утверждение Заказчику. Замечания выносятся в течение 3 рабочих дней в виде списка правок. Цикл повторяется до полного утверждения».
• Критерии приемки: Сайт считается принятым, когда он размещен на хостинге заказчика, соответствует всем пунктам ТЗ и подписан Акт сдачи-приемки.

7. Приложения

• Референсы, логотипы, тексты, бренд-бук (если готовы).

🛡️ 5 золотых правил при составлении ТЗ

1. Пишите для незнакомца. Представьте, что читающий не участвовал в ваших переговорах. Все должно быть понятно без дополнительных объяснений.
2. Будьте максимально конкретны. Вместо «красивая галерея» — «галерея в виде сетки с превью, при клике на которое открывается полноразмерное изображение в лайтбоксе с возможностью листать стрелками».
3. Используйте визуализацию. Схемы, скетши, ссылки на примеры (референсы) заменяют тысячу слов.
4. Разделяйте «хотелки» на «обязательно» и «желательно». Это поможет, если бюджет начнет превышать смету.
5. Согласуйте ТЗ с подрядчиком ДО начала работ и подпишите его. Обе стороны должны понимать документ одинаково.

⚠️ Что произойдет, если проигнорировать ТЗ?

Вы получите сайт, который не решает ваши бизнес-задачи, а процесс разработки превратится в бесконечный спор. Вы будете платить за каждую правку, а сроки уйдут в бесконечность.

Деньги, потраченные на этапе составления подробного ТЗ, окупаются сторицей. Это инвестиция в предсказуемый результат и спокойную collaboration с разработчиком.

💡 Сохраните этот образец себе! Дополните его под ваш проект и используйте как основу для общения с любым подрядчиком.
В следующей статье разберем как выбрать хостинг и домен, чтобы ваш идеальный сайт работал как часы. Подписывайтесь, чтобы не пропустить!