ТЗ для сайта: структура страниц, дизайн, админка и критерии приёмки

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

Что такое ТЗ для сайта и почему «сделайте красиво и продающе» не работает

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

Фразы «сделайте красиво», «нужен продающий сайт», «как у топов» — плохое ТЗ. В них нет ни целей, ни страниц, ни контента. Исполнитель вынужден додумывать: он выбирает структуру и наполнение на свой вкус, а вы оцениваете по внутреннему образу. Итог — сайт, который нравится, но не приводит заявки.

Хорошее ТЗ отвечает на вопрос: какое действие должен совершить посетитель и как сайт ему в этом поможет? Если на это есть ответ — целевое действие, страницы, контент — задача поставлена.

Структура ТЗ на сайт

Полноценное ТЗ на сайт состоит из восьми блоков. Каждый критичен: без структуры страниц непонятен объём, без источника контента сайт останется пустым, без адаптива потеряете мобильных посетителей.

1. Цель сайта и аудитория

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

2. Структура страниц и навигация

Какие страницы нужны: главная, услуги, о компании, кейсы, контакты. Как они связаны, что в меню. Приложите карту сайта или список. Это основа объёма работ и оценки.

3. Контент

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

4. Дизайн и фирменный стиль

Есть ли брендбук, фирменные цвета, шрифты, логотип. Референсы: 2–3 сайта, которые нравятся, с пояснением что именно — композиция, цветовая гамма, подача. Антиреференсы тоже полезны.

5. Функционал и админка

Что сайт должен уметь: формы заявок, калькулятор, каталог, личный кабинет. На какой CMS делать и кто будет наполнять сайт после сдачи. Если нужен интернет-магазин — корзина, оплата, доставка.

6. Адаптив и скорость

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

7. Интеграции

С чем связываем сайт: CRM для заявок, системы аналитики, платёжные сервисы, мессенджеры, телефония. По каждой интеграции — есть ли доступы и документация.

8. Сроки и приёмка

Дедлайн и этапы: прототип → дизайн → вёрстка → наполнение → запуск. Критерии приёмки каждой страницы и сайта в целом. Сколько кругов правок заложено.

Раздел ТЗ: что писать и частые ошибки

Мини-пример: фрагмент ТЗ на лендинг

Чтобы было понятнее, вот как может выглядеть реальный фрагмент ТЗ на лендинг:

Цель: собирать заявки на бесплатный замер. Целевое действие — заполнить форму. Аудитория — владельцы квартир 30–50 лет.

Структура главной: оффер с кнопкой, 3 преимущества, примеры работ, отзывы, форма заявки с отправкой в CRM, контакты и карта.

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

Требования: адаптив под мобильные, скорость загрузки меньше 3 секунд, форма отправляет данные в amoCRM, подключена Яндекс.Метрика.

Приёмка: форма отправляет заявку, все блоки отображаются корректно на телефоне и десктопе, скорость в пределах нормы.

Такое ТЗ позволяет исполнителю точно оценить объём, а заказчику — принять сайт по конкретным критериям.

Что уточнит исполнитель

Профессионал не начнёт с фразы «сделайте красиво». Он задаст вопросы:

• Какое целевое действие должен совершить посетитель?
• Какие страницы нужны и кто готовит контент для каждой?
• Есть ли брендбук, фирменные цвета и референсы?
• Какая CMS предпочтительна и кто будет наполнять сайт?
• Какие интеграции нужны — аналитика, CRM, оплата?
• Какие требования к адаптиву и скорости загрузки?

Если заказчик не может ответить на эти вопросы, исполнителю стоит сначала помочь докрутить бриф. Иначе сайт не будет решать бизнес-задачу.

Чек-лист ТЗ на сайт

• Определена цель и целевое действие посетителя.
• Перечислены страницы и навигация.
• Понятно, кто готовит контент.
• Приложены брендбук и референсы.
• Выбрана CMS и понятен функционал.
• Учтены адаптив и скорость загрузки.
• Перечислены интеграции и критерии приёмки.

Если на все пункты можно ответить «да» — ТЗ готово, и сайт будет решать бизнес-задачу, а не просто красиво выглядеть.

Что дальше

Хорошее ТЗ экономит бюджет на разработку, вторая половина успеха — надёжный исполнитель. На Workink заказчик и разработчик фиксируют договорённости в чате заказа — такая переписка имеет силу ТЗ, а деньги защищены безопасной сделкой до приёмки. Комиссия — 11% за заказ и 0% за вывод, действует доработка до результата.

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