Как составить ТЗ для дизайнера: пошаговый план, примеры, шаблоны

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

А ещё советуем попробовать OkoCRM. В ней есть таск-трекер для проектного управления — в нем можно ставить задачи дизайнеру, разработчику, копирайтерам и кому угодно. Так в разы проще контролировать выполнение и управлять работой сотрудников.

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

Если нужен рекламный креатив, баннер или сайт, задание усложняется. В отдельном документе нужно описать что будем рекламировать, какие цвета и шрифты использовать, добавить ссылки на референсы.

Всё зависит от типа задачи.

Простая задача. Нарисовать иллюстрацию к статье или поменять цвет кнопки на сайте — простая задача. В таком случае созданием ТЗ для дизайнера может заняться ответственный сотрудник. Например, статью пишет копирайтер → ТЗ к картинкам составляет он. Маркетолог решил поменять цвет кнопки → он и ставит задачу.

Сложная задача. Разработать логотип или выполнить редизайн сайта — задача посложнее. Тут не обойтись двумя строчками. Поэтому обычно такие ТЗ составляет руководитель, иногда в помощь берёт маркетолога или менеджер проекта.

Например, нужно составить техзадание для логотипа. Руководитель хочет, чтобы на логотипе были его инициалы → он пишет в ТЗ свои требования: какие буквы, каким шрифтом написать, посередине или сбоку. Маркетолог или менеджер проекта добавляет информацию:

• чем занимается компания и кто ЦА
• какие цвета использовать
• указывает стиль
• добавляет примеры

Техзадание для дизайнера — инструкция, что и как надо сделать. Если правильно составить ТЗ, вероятность получить хороший дизайн намного выше. Представьте: предприниматель запускает новый проект, хочет сдавать в аренду велосипеды. Пишет знакомому дизайнеру задание↓

Дизайнер собирает такой лендинг.

Предпринимателю не нравится результат, он хотел что-то более яркое. Находит в интернете пример и пишет дизайнеру: нужно что-то похожее.

Дизайнер переделывает, финальный результат предпринимателю нравится чуть больше, но всё равно что-то не так.

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

А чтобы все задачи выполнялись вовремя, для их постановки и управления процессом обычно используют OkoCRM.

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

❌ Плохой вариант задания. Дизайнер будет действовать наобум. Не факт, что заказчик получит должный результат.

✔️ Хороший пример ТЗ для дизайнера. Описано, какой нужен стиль, приложены примеры, что нравится и нет. Дизайнер сделает несколько вариантов и, скорее всего, попадёт в точку.

Если дизайнер не получает ТЗ, но и не хочет по 10 раз переделывать задачу, он может отправить заказчику бриф с вопросами. Клиент ответит на вопросы → дизайнер получит техзадание.

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

Шаблон для рекламных иллюстраций →

Шаблон для сайта →

Дальше расскажем, что должно быть в ТЗ.

Заголовок

В заголовке стоит указать проект, для которого составлено техзадание, исполнителя и дедлайн. Так дизайнер сразу поймёт: к какому сроку и что нужно сделать.

Исходные данные, цель и итоговый результат

Стоит описать, для каких целей нужен дизайн, кто его увидит. Если нужен сайт, в ТЗ описываем:

• для чего нам сайт → собирать трафик или продавать
• какой продукт будем рекламировать
• целевую аудиторию → кто будет заходить на сайт, чем эти люди увлекаются
• какой текст нужно вставить и куда
• ссылка на сайт, соцсети

Ожидаемый результат

Стоит описать, чего вы ожидаете от дизайна:

• чтобы люди вступали в группу
• чтобы переходили на сайт
• чтобы покупали
• чтобы подписались на рассылку
• чтобы зарегистрировались на мероприятие и т.д.

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

Общие требования к дизайну

Для иллюстраций и баннеров нужно указать формат, размер, требования к разрешению, шрифтам, цветам. В случае с сайтом требований больше, поэтому в ТЗ нужно составить список всех страниц и требования к каждой из них.

Например, вот как составить ТЗ для дизайнера для главной страницы сайта:

• опишите, какой должна быть шапка: где разместить логотип, какие разделы в главном меню, нужны ли контакты, какой шрифт и цвета использовать
• требования к главному экрану: что на нём изображено, какие есть элементы
• требования к блоку 1
• требования к блоку 2
• требования к блоку 3
• требования к футеру

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

Если нужна рекламная иллюстрация для определённой площадки, нужно указать название площадки и список требований к размеру и формату картинок. Добавить личные требования к шрифтам, цветам, фону. Дополнительно можно указать и то, что запрещено публиковать на рекламной площадке.

Подберите аналоги

В техзадание стоит добавить референсы или ссылки на примеры. Можно собрать то, что нравится и то, что не нравится. Ещё можно добавить ссылки на работы конкурентов. Если добавить подробное описание, что нравится и не нравится, специалисту будет проще понять вкусы заказчика.

Другая важная информация: сроки, контакты, ссылки

Здесь нужно указать дополнительную информацию:

• к какому сроку сдать первые макеты
• кому писать по разным вопросам
• нужно ли размещать какие-то логотипы и т.д.

Так выглядит заполненное техзадание для создания баннера в ВК.

Техзадание для карточек на Вайлдберриз:

1. Размер слайда 1200х1600px.
2. Тип товара: вечернее платье.
3. ЦА: девушки и женщины, 22-30 лет.
4. Стиль карточек: однотонные, фон светлый.
5. Примеры хороших карточек.
6. Фотография модели в платье должна занимать большую часть карточки, примерно 70%. Свободное пространство использовать для инфографики, но оставить немного места, чтобы не было «тяжести».
7. Фото товара должно быть по центру слайда.
8. Не размещать текст в местах, где Вайлдберриз и Озон вешает иконки: название акции, скидка, значок new и т.д.
9. Шрифт должен быть простой, его легко прочитать при значительном уменьшении слайда, как на странице категории.
10. Текст для карточек:
    Слайд 1:
    • Размеры 42–54
    Слайд 2:
    • Натуральная ткань
    • Скрывает недостатки
    • Много оттенков
    Слайд 3:
    • Формирует идеальный силуэт
    • Кулон в подарок

Техзадание для разработки логотипа:

1. Компания OkoCRM — разработчик CRM-системы для автоматизации сделок, ведения клиентской базы, аналитики продаж
2. В логотипе нужно использовать полное название компании
3. ЦА: руководители отдела продаж, предприниматели, фрилансеры
4. Предпочтительные цвета: голубой, синий, белый
5. Примеры удачных логотипов
6. Примеры неудачных логотипов
7. Стиль логотипа: геометрия, лаконичность, естественность
8. Дополнительные пожелания: логотип должен быть простым, не стоит перегружать его деталями. Одного графического элемента и названия компании достаточно

1. Техническое задание для дизайнера — документ, в котором описаны требования к дизайну. В зависимости от задачи в нём указывают: для какого продукта дизайн, кто ЦА компании, какие цвета и шрифт использовать, какую форму и стиль выбрать. Добавляют примеры, которые нравятся и не нравятся.
   
2. Техзадание важно и для заказчика, и для дизайнера. Это гарантия того, что исполнитель и клиент поймут друг друга, не придётся по 10 раз переделывать дизайн, тратить на это время и деньги.
3. В техзадании должен быть заголовок с дедлайном и именем исполнителя, цели, исходные данные, требования к дизайну, технические требования рекламной площадки, референсы.