⭐⭐⭐⭐⭐
Рейтинг: 4.8/5
136 - отзывов

Звоните Пн-Пт: 9 - 18

(063) 963-69-69
Заказать звонок сейчас

МЕНЮ САЙТА

Как составить техническое задание дизайнеру: полное руководство

Техническое задание для дизайнера: полное руководство от постановки задачи до приемки работы

Техническое задание дизайнеру — это документ, который фиксирует требования к визуальному решению до того, как началась работа. С юридической точки зрения, оно выступает приложением к договору и определяет, что именно вы заказываете, а дизайнер — обязуется создать. Без грамотного ТЗ невозможно ни оценить сроки и бюджет (в Украине это в среднем 3000–15000 грн за лендинг и от 20000 грн за полноценный сайт), ни принять работу по акту. Этот текст — практическое руководство по составлению ТЗ, которое защитит обе стороны и сэкономит деньги на правках, которых можно было избежать.

Что такое техническое задание на дизайн и зачем оно нужно

Руководство по составлению технического задания дизайнеру: инструк

Любой дизайн начинается с контекста. Техническое задание — это способ передать контекст от заказчика к исполнителю без потерь. Оно решает четыре ключевые задачи:

  • Фиксирует ожидания. Фразы «сделайте красиво» или «просто повторите как у конкурентов, но лучше» исчезают из переписки и превращаются в конкретные требования.
  • Определяет рамки ответственности. Понятно, кто отвечает за тексты, фотографии, логотип в векторе, а кто — за вёрстку макета.
  • Служит юридическим ориентиром. Гражданский кодекс Украины определяет договор подряда, а приложение с ТЗ — неотъемлемая часть договора о создании дизайна.
  • Ускоряет процесс. Чем меньше вопросов у дизайнера на старте, тем быстрее он получит нужные ответы и начнёт работать.

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

Законодательная база Украины: какие нормы защищают стороны

Дизайн-проект в Украине — это объект авторского права (статья 8 Закона Украины «Об авторском праве и смежных правах»). Это значит, что использование макета без согласия автора, плагиат или передача прав третьим лицам без разрешения — нарушение законодательства. Если вы нанимаете дизайнера по договору, в котором предусмотрено создание служебного произведения, имущественные права на него переходят к вам.

Что касается качества, Закон Украины «О защите прав потребителей» (статья 6) устанавливает право заказчика на надлежащее качество услуги. Если в ТЗ зафиксированы конкретные параметры — например, точное соответствие фирменному цвету Pantone или использование определённых начертаний шрифта, — и они не выполнены, у вас есть юридическое основание требовать исправления или возврата предоплаты. Без ТЗ доказать это практически невозможно.

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

Ключевые блоки технического задания

Форма ТЗ варьируется в зависимости от типа проекта: одно дело — айдентика для кофейни в Киеве, другое — проектирование интерфейса мобильного банкинга. Однако существуют базовые модули, которые присутствуют в любом грамотно составленном документе.

Цели и задачи проекта

Первый блок — ответ на вопрос «зачем?». Опишите бизнес-задачу: увеличение продаж, сбор заявок, презентация инвестору, повышение узнаваемости бренда. Измеримая цель позволяет дизайнеру принимать осознанные решения.

Например, если цель — продажа квартир в новостройке, дизайн сайта должен «давить» на доверие: фотографии реальных объектов, схема района, отзывы дольщиков. Если цель — собрать заявки на ремонт холодильников, на первый план выходят кнопка вызова мастера и заметный номер телефона.

Описание целевой аудитории

Дизайнер не обязан сам изучать ваш рынок — вы даёте ему портрет клиента. Опишите:

  • возраст и пол;
  • уровень дохода;
  • географию;
  • типичные «боли» и задачи, которые решает ваш продукт;
  • предпочтения в стиле.

Субъективно: кажется, что дизайнеру всё равно, но разница между минимализмом для IT-специалистов 25–35 лет и «карамельным» стилем для мам в декрете — колоссальна. Если вы не знаете портрета аудитории — это сигнал, что сначала стоит прояснить его у маркетолога.

Структура и содержание

Для сайта или лендинга — это список страниц и блоков. Для логотипа — варианты использования в различных средах: вывеска, визитка, окно приложения, фавикон.

Для веб-дизайна я советую расписать структуру по блокам:

  • шапка сайта (лого, меню, кнопка заявки);
  • первый экран (заголовок, подзаголовок, CTA-кнопка, фото или иллюстрация);
  • блок преимуществ (3–6 пунктов);
  • блок «Как мы работаем» (4 шага);
  • отзывы (количество и формат);
  • контакты и карта.

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

Требования к визуальному стилю

Здесь пропишите:

  • фирменные цвета и шрифты (если у вас уже есть брендбук — просто приложите его);
  • референсы: ссылки на сайты, которые нравятся или не нравятся, с пояснением «почему»;
  • технические параметры: форматы файлов, разрешение, допустимость векторной графики;
  • требования к типографике.

Не пишите «сделайте стильно и по-современному» — это ничего не значит. Лучше: «используйте свободное пространство, крупную типографику (невыеденный заголовок — 36–48px), ограниченную палитру (2–3 цвета), фото на тёплом фоне без явных фильтров». Дизайнеру проще критиковать конкретные решения, чем интерпретировать абстракции.

Функциональные требования

В веб-дизайне критичны:

  • адаптивность под мобильные устройства (перечислите разрешения: 320px, 768px, 1280px, 1920px);
  • количество вариантов макета (обычно 2–3 концепции первого экрана);
  • интерактивные элементы и их поведение (анимации, hover-эффекты, выпадающие списки);
  • интеграции — формы, карты, корзины, онлайн-оплата, аналитика.

Технические ограничения

Сюда входят носители информации о проекте, с которыми придётся работать дизайнеру: CMS (WordPress, Tilda, Webflow, Bitrix), конструктор, требования к скорости загрузки, формат сдачи файлов (PSD, Figma, Sketch, PDF). Пренебрегая этим пунктом, вы рискуете получить макет, который разработчик не сможет реализовать под вашу CMS без переделывания.

Этапность и сроки

Распишите чёткие этапы работы:

  • анализ и ресерч (2–5 рабочих дней);
  • первый вариант концепции (5–10 рабочих дней);
  • этап правок и согласования (5–7 рабочих дней);
  • финальная отдача файлов (2–3 рабочих дня).

Учитывайте, что в украинских реалиях дизайнеры часто загружены проектами на 2–3 недели вперёд. Начинать работу над ТЗ и поиском исполнителя лучше минимум за месяц до дедлайна.

Порядок сдачи и приёмки

Финальный пункт — процедура сдачи:

  • количество раундов правок, включённых в стоимость (обычно 2–3);
  • формат приёмки (акт выполненных работ);
  • перечень файлов, которые вы получаете в финале.

Если дизайнер работает как ФЛП — запросите акт выполненных работ с указанием суммы и услуг. Это важно для налоговой, да и для подтверждения факта оказания услуги в случае спора.

Ошибки при составлении ТЗ, которые дорого обходятся

Разберём на живых примерах то, с чем я сталкиваюсь постоянно.

Переписывание ролей: заказчик решает дизайнерские задачи

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

Отсутствие приоритезации

Попытка объять необъятное: «дизайн сайта, упаковки, флаеров, презентации + баннеры на все случаи жизни». Сроки и бюджет раздуваются, результат страдает. Сконцентрируйтесь на 1–2 главных носителях, остальное — следующими итерациями.

Забытые тексты и контент

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

Игнорирование этапа утверждения

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

Нереалистичные дедлайны

Попытка сжать недельную работу в два дня. Средняя скорость качественного дизайнера — 1–2 полноценных экрана в день, если материалы готовы и нет правок. Лучше закладывать запас в 20–30% времени на согласования и коммуникации.

Чек-лист: что проверить перед отправкой ТЗ

Прежде чем отправить документ дизайнеру, пробегитесь по пунктам:

  1. Вы сформулировали бизнес-цель (продажи, заявки, премиальный статус).
  2. Портрет ЦА конкретен и включает не только демографию, но и боли.
  3. Структура проекта расписана по блокам.
  4. Приведены референсы «Сделать похоже на…» с пояснениями «такой стиль нравится».
  5. Тексты, фото, логотипы и прочие материалы приложены или датированы сроки их предоставления.
  6. Функционал сайта/макета описан.
  7. Прописаны требования к адаптивности и технической реализации.
  8. Количество раундов правок включено в стоимость.
  9. Сроки и этапность реалистичны.
  10. Указан ответственный контакт с обеих сторон.

Практический пример: фрагмент ТЗ на лендинг

Чтобы прояснить вышесказанное, покажу сокращённый пример ТЗ для лендинга небольшой пластиковой оконной компании в Днепре.

1. Цель: сбор заявок на бесплатный замер. Целевой показатель — 20 заявок в неделю с платного трафика.
2. ЦА: владельцы квартир и домов, 30–55 лет; живут в городе и области; задача — замена окон без головной боли; боязнь — развод на деньги из-за скрытых доплат.
3. Структура лендинга: первый экран (оффер + форма заявки + телефон), преимущества (гарантия 5 лет, производство своё, рассрочка 0,01%), блок «Наши работы» (фото до/после, 6 примеров), калькулятор стоимости (3 поля: количество окон, тип открывания, материал), отзывы (4 видео-отзыва реальных клиентов), контакты.
4. Визуальный стиль: светлый фон, фирменный тёмно-синий (#1a2c42) и белый; фото реальных объектов; минималистичный подход; без «воздушных» абстрактных иллюстраций; крупная типографика — заголовки 32–40px.
5. Функциональные требования: форма отправляется в CRM (серверная часть — на стороне заказчика); калькулятор считает ориентировочную цену в грн; полная адаптивность для мобильных устройств; скорость загрузки — до 3 с (сжатие картинок через TinyPNG).
6. Материалы заказчика: логотип (вектор), 12 фото объектов, тексты — предоставит копирайтер до 15 сентября.
7. Этапы и сроки: концепция первого экрана — 20 сентября; вторая итерация по правкам — до 27 сентября; финальный файл в Figma с адаптивом — 5 октября.
8. Правки: 2 раунда включены. Прочие — 500 грн/час обсуждение перед увеличением объёма.
9. Сдача: исходники в Figma + экспорт в PNG, JPG, PDF при необходимости.

FAQ

Чем техническое задание для дизайнера отличается от задания для разработчика?

ТЗ для дизайнера фокусируется на визуальных и структурных аспектах: стиль, настроение, композиция, UX-сценарии, иерархия контента. ТЗ для разработчика — на технических деталях: анимации, функционал, интеграции, СУБД, безопасность. Формально часто составляется общий документ, где дизайн-раздел описывает внешний вид, а продуктовый раздел — поведение системы.

Сколько стоит разработка технического задания у фрилансера?

Продакшн-менеджеры и B2B-агентства берут за подготовку полноценного ТЗ на сайт от 5 000 до 20 000 грн в зависимости от объёма и анализа рынка. Если вы составляете документ самостоятельно, ориентируйтесь на 10–15 часов внимательной работы с материалами и референсами.

Должен ли дизайнер сам составить ТЗ?

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

Что делать, если во время работы выясняется, что исходное ТЗ было ошибочным?

Изменения оформляйте дополнительным письмом к договору (в статусе приложения). Законодательство Украины позволяет расторгать и менять договоры по согласованию сторон. Зафиксируйте новую редакцию ТЗ, пересчитайте смету и сроки — это защитит вас от претензий и взимания необоснованной платы в дальнейшем.

Какие нормы и стандарты Украины стоит учесть при оформлении ТЗ?

Для веб-материалов применяются нормы WCAG 2.1 (доступность для людей с инвалидностью, ориентир — версия AA). По брендингу — рекомендации Украинского института стандартизации по оцифровке цветов (CMYK / RGB). Закон «Об авторском праве» требует явного указания прав на использование шрифтов, фотографий и иллюстраций.


Хорошо составленное техническое задание — это основа, которая экономит вам 20–30% бюджета на правки и нервы. Потратьте на него то время, которое сэкономите на бесконечных переделках. И помните: ТЗ — живой документ, его можно и нужно уточнять при появлении новой информации, лишь бы эти изменения оформлялись письменно и по согласованию сторон.

Выберите куда вам выслать?

Cогласен с условиями политики конфиденциальности данных

БЕСПЛАТНО
И ИНТЕРЕСНО!

Рассчитайте стоимость дизайн интерьера в онлайн-калькуляторе!