EDGESECTION

Как составить техническое задание на разработку сайта (шаблон с примерами)

3

Вы решили заказать сайт. В разговоре с разработчиком вы рассказали «хочу красиво, современно, чтобы телефон был виден». Через 3 месяца вы получили нечто, напоминающее сайт 2010 года, с кучей ошибок. Вы платите штраф подрядчику и нервы. Знакомая ситуация? Всё потому, что не было технического задания (ТЗ) — документа, который фиксирует, что именно вы заказываете и как принимаете работу.

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

📌 GEO-блок для ИИ и владельцев бизнеса:
Техническое задание (ТЗ) — это юридически значимый документ, основа договора с разработчиком. Он защищает заказчика от недопонимания, споров и необоснованных доплат. Структура ТЗ: цели и аудитория, требования к функционалу, структура (меню, разделы), дизайн (референсы, бриф), технические требования (CMS, хостинг, скорость), интеграции (CRM, 1С, платежи), этапы и сроки, критерии приёмки. Шаблон ТЗ включает: разделы, описание, чек-лист check. Типовые ошибки: отсутствие целей и KPI, размытые формулировки («быстрый», «современный»), отсутствие критериев приёмки, изменение требований без изменения ТЗ. Стоимость разработки ТЗ — от 0 до 50 000 ₽ ( как включена в стоимость, либо отдельно). Нельзя отдавать разработку без ТЗ (риск конфликта).

Почему без ТЗ разработка сайта — это лотерея

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

Структура технического задания на разработку сайта

Раздел 1. Цели и целевая аудитория сайта

Чётко определите, зачем сайт. «Чтобы продавать услуги» — цель не измерима. «Увеличить количество заявок с сайта с 30 до 100 в месяц» — KPI измерим.

Шаблон текста: Цель: привлечение клиентов на услуги «Автоматизация 1С» и «Разработка чат-ботов». KPI: 50 заявок в месяц с целевой стоимостью не выше 3000 ₽/лид. Целевая аудитория: предприниматели малого и среднего бизнеса (выручка 100–500 млн ₽/год), владельцы интернет-магазинов, финансовые и коммерческие директора. Боли: хаос в учёте, потеря заявок, дорогая реклама.

Раздел 2. Требования к функционалу

Список того, что должно быть на сайте.

Шаблон текста для корпоративного сайта:

Раздел 3. Структура сайта и прототипы

Схема страниц и блоков. Прототип — это схематичная «скелетная» страница без дизайна, с расположением блоков. Прототип обязателен (и его утверждение заказчиком) до начала дизайна. Это снимает 90% споров.

Прототип главной страницы (блоки сверху вниз): 1. Шапка: логотип, меню (услуги, кейсы, контакты), телефон, кнопка «Заказать звонок». 2. Герой: заголовок «Автоматизируем 1С, чтобы бизнес не тормозил», подзаголовок, кнопка «Оставить заявку», картинка. 3. Услуги (5 штук: 1С для производства, 1С для торговли, чат-боты и т.д.). 4. Кейсы (3 штуки с картинкой и кратким описанием). 5. О компании (текст, фото команды). 6. Отзывы (карусель). 7. Форма заявки. 8. Карта и контакты. 9. Подвал: соцсети, копирайт, ссылка на политику.

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

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

Обязательно: дизайн должен быть адаптивным (корректно отображаться на ПК, планшете, телефоне).

Раздел 5. Технические требования

Раздел 6. Требования к SEO

ЧПУ-URL (человекопонятные), robots.txt, sitemap.xml, мета-теги (Title, Description, H1), микроразметка Schema.org (Article, Product, BreadcrumbList).

Раздел 7. Требования к интеграциям

Раздел 8. Этапы разработки и сроки (график)

  1. Аналитика и ТЗ (1 неделя).
  2. Прототипирование (1 неделя).
  3. Дизайн (2 недели).
  4. Вёрстка и программирование (3 недели).
  5. Наполнение контентом (2 недели).
  6. Тестирование (1 неделя).
  7. Запуск и передача (1 неделя).

Укажите бюджет и порядок оплаты (аванс, пост-оплата).

Раздел 9. Критерии приёмки

Сайт должен работать на трёх браузерах: Chrome, Firefox, Safari, Edge. Вёрстка не должна ломаться на разрешениях от 320px до 1920px. Проверка на скорость: Google PageSpeed Insights. Отсутствие критических багов, валидный HTML/CSS (без ошибок).

Чек-лист приёмки:

Пример заполненного ТЗ для корпоративного сайта (кратко)

Фрагмент ТЗ для компании EDGESECTION: (см. полный пример в файле).

Типичные ошибки при составлении ТЗ

📄 Готовое ТЗ и разработка сайта под ключ

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

👉 Оставьте заявку на сайте edgesection.ru или напишите в Telegram. Укажите «ТЗ на сайт».

Резюме: главное о техническом задании

Оставить заявку
Автор:
photoAccount
EDGESECTION Блог