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

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

15065
Время чтения: 7 минут
Содержание

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

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

Управляйте командой в OkoCRM
Таск-трекер для командной работы внутри CRM. Ставьте задачи, отслеживайте дедлайны и организуйте совместную работу над проектами.
Попробовать бесплатно

Что представляет собой ТЗ для дизайнера

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

ТЗ к иллюстрации в статье, которое составил копирайтер.

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

Так выглядит ТЗ на редизайн страниц сайта.

Это шаблон техзадания для дизайн-проекта интерьера.

Кто должен составлять ТЗ

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

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

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

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

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

Преимущества технического задания для клиента

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

Нужен лендинг, будем сдавать в аренду велосипеды. Любые модели, но только для взрослых. Дизайн выбери сам, можно что-то простое, главное красиво. Сделай блок о самих велосипедах, о компании, отзывы и контакты. На работу всего 3 дня. 

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

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

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

Оказывается, заказчику нравятся такие сайты.

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

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

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

Беспорядок в задачах и проектах?
OkoCRM — ваш источник повышения производительности. Проекты, доски, списки, тэги, фильтры тайм-трекинг и много чего еще.
Подробнее

Преимущества ТЗ для дизайнера

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

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

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

Фото остеопата.

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

Создать рекламный баннер для аккаунта в Запретграмме.

Про аккаунт: сертифицированный массажист.

ЦА:

  • Работники офиса, страдающие от напряжения и стресса на рабочем месте и ищущие расслабление
  • Пациенты, страдающие от боли в спине, шее или суставах и ищущие облегчение
  • Люди с проблемами сна или бессонницей, ищущие способы улучшения качества сна

Размеры баннера: 1080 на 1080 или 1080 на 1920

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

Стиль баннера: бежевые оттенки, геометрические линии, текст не перекрывает фото.

Ссылки на работы, которые нравятся и не нравятся.

Фото остеопата.

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

Пример брифа. Изображение с сайта stylishbag.ru

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

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

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

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

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

Заголовок

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

Заголовок может выглядеть так.

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

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

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

Так может выглядеть задание к рекламному баннеру для ВК для компании, которая проводит квизы.

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

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

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

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

Пример этого раздела в техзадании для рекламы компании, которая проводит квизы.

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

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

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

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

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

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

Список требований к рекламному баннеру в ВК. 

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

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

Чем больше референсов у дизайнера, тем лучше. 

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

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

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

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

Примеры ТЗ для дизайнера

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

  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. В техзадании должен быть заголовок с дедлайном и именем исполнителя, цели, исходные данные, требования к дизайну, технические требования рекламной площадки, референсы.
OkoCRM в Telegram
Подпишитесь на наш канал. Там полезные инструменты продаж и новости команды OkoCRM.
Перейти в канал OkoCRM
Получайте статьи почтой. Самое важное и дважды в месяц. Иногда смешно, но не сильно
Наверх
Мы используем cookie для вашего удобства. Используя сайт, вы соглашаетесь с этим. Подробнее - в политике конфиденциальности.
Я согласен