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

Бриф и ТЗ: в чём разница
- Бриф — анкета или описание, где заказчик рассказывает о бизнесе, целях, аудитории, предпочтениях. Это исходная информация для работы.
- ТЗ (техническое задание) — документ, который фиксирует, что именно будет сделано: состав страниц, функции, требования, этапы, результаты и критерии приёмки.
- На практике студии часто объединяют их в один документ или проводят сначала бриф, а затем на его основе составляют ТЗ.
- Главная ценность — договорённость о том, что считается результатом, а не бумага ради бумаги.
- Хороший документ помогает при расчёте стоимости и сроков и при разрешении споров
Стоимость разработки
Разработка дизайна сайта
Индивидуальные макеты под вашу структуру и бренд
Что входит
- UX-прототип
- UI-дизайн
- Адаптив
Разработка дизайна интернет-магазина
UX каталога, карточки товара, чекаут — только макеты
Что входит
- UX каталога и фильтров
- Дизайн чекаута
- Адаптив
Разработка дизайна корпоративного сайта
Макеты под несколько направлений бизнеса
Что входит
- Карта сайта
- Дизайн-система
- Адаптив
Что должно быть в документе
| Раздел | Что описать | Зачем |
|---|---|---|
| О компании | Чем занимаетесь, что продаёте, чем отличаетесь | Дизайнер понимает бизнес |
| Цели сайта | Что сайт должен делать и по каким показателям вы оцените успех | Дизайн решает задачу, а не просто выглядит |
| Аудитория | Кто клиенты, что им важно, как они принимают решение | Решения подчинены реальным людям |
| Конкуренты и примеры | Кто, что нравится, что нет | Ориентиры и отличия |
| Структура и страницы | Какие страницы и блоки нужны | Объём работы и стоимость |
| Функции | Формы, калькуляторы, личный кабинет, интеграции | Влияет на дизайн интерфейса |
| Бренд | Логотип, цвета, шрифты, брендбук | Основа визуального стиля |
| Референсы | Примеры сайтов и что именно в них нравится | Уточнение ожиданий |
| Контент | Кто готовит тексты и фото, в какие сроки | Реалистичные сроки |
| Организация работы | Этапы, сроки, ответственные, число кругов правок | Управляемый процесс |
| Критерии приёмки | Как проверим, что результат соответствует задаче | Нет споров по вкусу |
Как превратить «хочу современно» в проверяемые требования
- Вместо оценочных слов — описание. Не «современный», а «светлый фон, много воздуха, крупная типографика, как на этих примерах».
- Вместо «цепляющий» — задача. «Посетитель за несколько секунд понимает, что мы делаем, и видит кнопку заявки».
- Референсы с пояснением. Не просто ссылки, а «нравится структура главной, не нравится цветовая схема».
- Антиреференсы. Что точно не подходит и почему: это экономит правки.
- Приоритеты. Что важнее всего: доверие, скорость понимания, количество заявок, имидж.
- Метрики. Если есть, укажите текущие показатели и желаемые изменения.
- Ограничения. Бюджет, сроки, технические требования, обязательные элементы.
От чего зависит стоимость и сроки
- Количество уникальных типов страниц.
- Сложность функций и интеграций.
- Готовность бренда и контента.
- Количество кругов правок и согласующих лиц.
- Необходимость исследования аудитории.
- Требования к документации и передаче макетов в разработку.
Как составить документ шаг за шагом
- Соберите информацию о бизнесе, целях и аудитории в одном месте.
- Найдите три-пять примеров сайтов и запишите, что именно в них нравится и не нравится.
- Составьте список страниц и функций, отметьте обязательные и желательные.
- Определите, кто готовит контент и когда.
- Пропишите этапы работы, сроки согласований и количество кругов правок.
- Сформулируйте критерии, по которым вы примете результат.
- Обсудите документ со студией и уточните неясные пункты до подписания договора.
- Зафиксируйте изменения, если задача поменялась, чтобы они не терялись в переписке
Частые вопросы
Не обязательно. Часто студия проводит бриф и составляет документ вместе с вами. Но чем лучше вы подготовите информацию, тем точнее будет результат.
Хотите, чтобы результат совпал с ожиданиями?
Расскажите о проекте — поможем подготовить бриф и ТЗ и согласовать критерии приёмки
Atom
Кейс Atom: редизайн и разработка сайта
Container Deshevo
Кейс Container-Deshevo: личный кабинет
UI/UX дизайн мобильного приложения
Разбираем, что входит в проектирование мобильного интерфейса
Разработка коммерческой презентации
Разбираем, что входит в разработку продающей презентации
Beup
Редизайн ЗОЖ-платформы BeUp: разработка UI/UX дизайна ИТ-продукта под ключ
Дизайн баннеров и рекламных креативов
Разбираем, что входит в разработку рекламных креативов
Наши актуальные
кейсы в презентации
По любым вопросам
rezdesigners@gmail.com
Либо в Telegram
@rezdesigner