RezDesigners

Главная / Блог / Как составить ТЗ на дизайн сайта: бриф, референсы и ожидания заказчика

RezDesigners

27.11.2026

Как составить ТЗ на дизайн сайта: бриф, референсы и ожидания заказчика

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

Как составить ТЗ на дизайн сайта_ бриф, референсы и ожидания заказчика.jpg

Бриф и ТЗ: в чём разница

  • Бриф — анкета или описание, где заказчик рассказывает о бизнесе, целях, аудитории, предпочтениях. Это исходная информация для работы.
  • ТЗ (техническое задание) — документ, который фиксирует, что именно будет сделано: состав страниц, функции, требования, этапы, результаты и критерии приёмки.
  • На практике студии часто объединяют их в один документ или проводят сначала бриф, а затем на его основе составляют ТЗ.
  • Главная ценность — договорённость о том, что считается результатом, а не бумага ради бумаги.
  • Хороший документ помогает при расчёте стоимости и сроков и при разрешении споров

Стоимость разработки

Разработка дизайна сайта

Индивидуальные макеты под вашу структуру и бренд

от 600 BYN
от 1-2 недель
Подробнее

Что входит

  • UX-прототип
  • UI-дизайн
  • Адаптив

Разработка дизайна интернет-магазина

UX каталога, карточки товара, чекаут — только макеты

от 1 200 BYN
от 1-2 недель
Подробнее

Что входит

  • UX каталога и фильтров
  • Дизайн чекаута
  • Адаптив

Разработка дизайна корпоративного сайта

Макеты под несколько направлений бизнеса

от 1 400 BYN
от 1-2 недель
Подробнее

Что входит

  • Карта сайта
  • Дизайн-система
  • Адаптив

Что должно быть в документе

РазделЧто описатьЗачем
О компанииЧем занимаетесь, что продаёте, чем отличаетесьДизайнер понимает бизнес
Цели сайтаЧто сайт должен делать и по каким показателям вы оцените успехДизайн решает задачу, а не просто выглядит
АудиторияКто клиенты, что им важно, как они принимают решениеРешения подчинены реальным людям
Конкуренты и примерыКто, что нравится, что нетОриентиры и отличия
Структура и страницыКакие страницы и блоки нужныОбъём работы и стоимость
ФункцииФормы, калькуляторы, личный кабинет, интеграцииВлияет на дизайн интерфейса
БрендЛоготип, цвета, шрифты, брендбукОснова визуального стиля
РеференсыПримеры сайтов и что именно в них нравитсяУточнение ожиданий
КонтентКто готовит тексты и фото, в какие срокиРеалистичные сроки
Организация работыЭтапы, сроки, ответственные, число кругов правокУправляемый процесс
Критерии приёмкиКак проверим, что результат соответствует задачеНет споров по вкусу

Как превратить «хочу современно» в проверяемые требования

  1. Вместо оценочных слов — описание. Не «современный», а «светлый фон, много воздуха, крупная типографика, как на этих примерах».
  2. Вместо «цепляющий» — задача. «Посетитель за несколько секунд понимает, что мы делаем, и видит кнопку заявки».
  3. Референсы с пояснением. Не просто ссылки, а «нравится структура главной, не нравится цветовая схема».
  4. Антиреференсы. Что точно не подходит и почему: это экономит правки.
  5. Приоритеты. Что важнее всего: доверие, скорость понимания, количество заявок, имидж.
  6. Метрики. Если есть, укажите текущие показатели и желаемые изменения.
  7. Ограничения. Бюджет, сроки, технические требования, обязательные элементы.

От чего зависит стоимость и сроки

  1. Количество уникальных типов страниц.
  2. Сложность функций и интеграций.
  3. Готовность бренда и контента.
  4. Количество кругов правок и согласующих лиц.
  5. Необходимость исследования аудитории.
  6. Требования к документации и передаче макетов в разработку.

Как составить документ шаг за шагом

  1. Соберите информацию о бизнесе, целях и аудитории в одном месте.
  2. Найдите три-пять примеров сайтов и запишите, что именно в них нравится и не нравится.
  3. Составьте список страниц и функций, отметьте обязательные и желательные.
  4. Определите, кто готовит контент и когда.
  5. Пропишите этапы работы, сроки согласований и количество кругов правок.
  6. Сформулируйте критерии, по которым вы примете результат.
  7. Обсудите документ со студией и уточните неясные пункты до подписания договора.
  8. Зафиксируйте изменения, если задача поменялась, чтобы они не терялись в переписке

Частые вопросы

Не обязательно. Часто студия проводит бриф и составляет документ вместе с вами. Но чем лучше вы подготовите информацию, тем точнее будет результат.

Хотите, чтобы результат совпал с ожиданиями?

Расскажите о проекте — поможем подготовить бриф и ТЗ и согласовать критерии приёмки

Atom

Кейс Atom: редизайн и разработка сайта

Корпоративный сайтЗакон о персональных данных

Container Deshevo

Кейс Container-Deshevo: личный кабинет

Web разработкаОбновление интерфейса

UI/UX дизайн мобильного приложения

Разбираем, что входит в проектирование мобильного интерфейса

UI/UX дизайн

Разработка коммерческой презентации

Разбираем, что входит в разработку продающей презентации

Дизайн презентаций

Beup

Редизайн ЗОЖ-платформы BeUp: разработка UI/UX дизайна ИТ-продукта под ключ

Корпоративный сайтUI/UX дизайн

Дизайн баннеров и рекламных креативов

Разбираем, что входит в разработку рекламных креативов

Дизайн

Наши актуальные
кейсы в презентации

По любым вопросам

rezdesigners@gmail.com

Скопировано

Либо в Telegram

@rezdesigner

Скопировано

Осталось заполнить
форму и начнем

Моё имя

Моя почта

Мой телефон

Мой телеграмм

Мой проект