Что спросить у клиента ПЕРЕД началом работы над дизайном. Брифы для разных типов макетов

Любой бизнес рано или поздно сталкивается с задачами, для реализации которых необходим дизайн. Это может быть дизайн рекламного креатива (например, для таргетинга), сайта или страницы сайта, продукции компании.

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

Общие требования

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

• графика (растровая или векторная);
• цветовая гамма (либо ссылка на брендбук/гайдлайн клиента, либо конкретные цвета в формате #rrggbb);
• шрифты;
• наличие и требования к размещению логотипа, элементов фирстиля;
• размещаемый текст;
• другие важные детали, которые нужно акцентировать при создании вашего креатива.

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

• Зачем нужно техническое задание дизайнеру
• Как написать техзадание для дизайнера
• Как написать ТЗ дизайнеру для email
• Что должно быть в ТЗ для лендинга
• Что должно быть в ТЗ на разработку баннера

Описание задачи

Четко сформулируйте задачу:

• Продумайте и внятно изложите идею. Не пишите сложно и витиевато, – старайтесь выражаться максимально понятно.
• Заранее подготовьте контент (например, написанный копирайтером текст) и примерную схему креатива. В схеме отразите наиболее важные блоки информации, их примерную компоновку.

Дисклеймер. Схема креатива – это не дизайн. Это способ наглядно продемонстрировать идею дизайнеру. Дизайнер может видоизменять и переставлять информационные блоки по своему усмотрению.

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

Привет! Меня зовут Евгений Кузнецов, я сооснователь WIM.Agency. Мы занимаемся CRM-маркетингом, веб-разработкой и дизайном. Эту статью помогла подготовить Кристина Гордиенкова, арт-директор WIM: она наверняка знает, какие вопросы задать клиенту перед работой, чтобы результат устроил обе стороны.

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

Бриф для маскота/стикерпака

Список необходимой информации здесь небольшой, главное — сразу определиться со стилистикой. От этого зависит, какой специалист будет привлечен к работе — иллюстратор или 3D-дизайнер. Затем нужно понять количество поз/эмоций/ситуаций, чтобы оценить объем работы.

Также стоит спросить у клиента, планирует ли он в будущем анимировать маскота, особенно если он в 3D, потому что от этого зависит процесс создания модели. Если анимация нужна, модель сразу будет создаваться как персонаж, а не статичный объект, чтобы его было легко анимировать в будущем.

Вопросы для брифинга:

• место и способ использования,
• цель создания,
• 2D или 3D,
• набор поз и эмоций,
• нужна ли анимация,
• референсы, стилистика,
• материалы.

Чек-лист грамотного ТЗ

• Вразумительный заголовок. Включите в него всю основную информацию: «кто исполнитель», «что должен сделать», «к какой дате нужно сделать».
• Имя и фамилия исполнителя и его контакты. Укажите конкретного исполнителя.
• Описание задачи. Составьте максимально детальное описание.
• Исходная информация. Опишите продвигаемый товар/услугу, целевую аудиторию (ту, для которой создается креатив), ожидаемый результат.
• Технические требования. Дайте четкий перечень технических свойств креатива и мест его размещения: формат, размер, расширение и т.п.
• Общие требования. Приложите список всех требуемых характеристик креатива: цвета, шрифты, элементы и т.п.
• Количество. Укажите точное количество необходимых креативов.
• Примеры. Приложите к файлу референсы в виде скринов или ссылок.
• Имя и фамилия постановщика задачи и его контакты. Чтобы исполнитель при необходимости мог уточнять задачу в ходе выполнения.
• Срок выполнения. Укажите конкретные даты и время: дату постановки и дату окончания срока выполнения задачи.

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

Технические требования

Рекламные креативы различаются по техническим характеристикам на:

• статичные изображения;
• GIF-анимация и анимационная графика (моушн-дизайн);
• видео (со звуком/без, с субтитрами/без, со спецэффектами/без).

При создании креативов важно учитывать их специфические параметры.

Чтобы дизайнер точнее выполнил задачу, добавьте в ТЗ следующую информацию:

• формат (например, MPEG4);
• размер;
• расширение;
• вес файла;
• количество кадров в секунду;
• все остальное, что посчитаете важным.

Бриф для 3D-дизайна

Мы рассмотрим два вида 3D-дизайна — 3D-иллюстрации и 3D-модель. Они отличаются тем, что иллюстрация — это вымышленный предмет, а модель — это реально существующий объект, который вы можете увидеть и потрогать.

3D-иллюстрация обычно создается на основе 2D-драфта, который рисует иллюстратор. Если такого исходника нет, то дизайнеру потребуется очень подробное техническое задание с референсами и детальным описанием модели: какие цвета нужно использовать, какие текстуры (металлик, стекло, камень и тд). Работа 3D-дизайнера очень трудоемкая, и, если не описать задачу правильно с самого начала, на правки может потребоваться еще десяток часов.

Предметная 3D-модель создается на основе реального физического объекта. Поэтому лучший вариант — передать дизайнеру этот предмет прямо в руки, чтобы он мог его осмотреть и потрогать. Если такой возможности нет, нужно сделать качественные фотографии предмета с разных ракурсов в разных состояниях (открытый, закрытый и т.п.). Для понимания реальных размеров в кадр можно добавить линейку.

Но одних только фото недостаточно, чтобы увидеть все характеристики предмета. Следует запросить у клиента видео, чтобы понять, как ведет себя предмет и его материал при разном освещении. Плюс потребуется текстовое описание объекта: где он используется, какой он на ощупь, какой имеет функционал и возможности. Вся эта информация нужна для того, чтобы дизайнер мог нарисовать предмет, даже если никогда не видел его в живую.

1. Рендер — растровое изображение смоделированного объекта в формате jpeg или png. Его можно использовать в макетах, но нельзя редактировать.

Что нужно узнать:

• требуемый формат (jpeg или png),
• разрешение изображения,
• максимальный вес,
• необходимые ракурсы,
• настройки света.

2. Web-формат — модель можно посмотреть через специализированное ПО и/или сервисы, но нельзя отредактировать. При необходимости её можно конвертировать в редактируемый формат.

• должна ли модель разбираться,
• требуемый формат,
• максимальный вес,
• настройки света.

3. Исходник — файл, который создан в специализированном графическом редакторе (Cinema 4D, Blender, ZBrush). Открыть и посмотреть его можно только в этом самом редакторе. Клиент может запросить исходник для дальнейшей работы с моделью.

• должна ли модель разбираться,
• требуемый формат,
• настройки света.

• место и способ использования,
• требуемый формат файла,
• сам объект или фото/видео-материалы,
• технические требования,
• референсы, стилистика, текстуры.

Как написать техзадание для дизайнера

Это не такой простой процесс, как может показаться на первый взгляд.

Что нужно учесть до того, как писать ТЗ дизайнеру

Перед составлением ТЗ нужно обозначить маркетинговую базу:

• какой продукт продвигаем;
• кто относится к ЦА;
• кто наши конкуренты, в чем их сильные и слабые стороны.

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

Что должно быть в любом ТЗ для дизайнера

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

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

Заголовок

В заголовке отразите ключевую информацию: кому адресовано задание, что нужно сделать и в какие сроки. При взгляде на него исполнитель должен сразу понимать, о чем речь.

Слева пример плохого заголовка. Не указан дедлайн, из-за чего дизайнер может расслабиться и затянуть работу. Также непонятно, что это за распродажа и где будут размещены креативы — в ленте Инстаграм, на сайте компании или использованы для контекстной рекламы.

Во втором случае заголовок четко отражает суть задачи. Указана дата постановки задачи и конкретный дедлайн, поэтому исполнитель сразу понимает срочность поручения.

Исполнитель

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

Описание задачи и ожидаемый результат

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

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

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

Исходная информация

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

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

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

Чем точнее будет заполнен этот раздел, тем ближе к желаемому окажется результат.

Укажите необходимые сведения:

• растровая или векторная графика;
• цвета и шрифты;
• требования к размещению логотипа и элементов фирменного стиля;
• текстовая составляющая;
• прочие детали.

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

Технические требования и места размещения

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

Сравните два примера в таблице. В первом случае дизайнеру придется уточнять техническую информацию или действовать по своему усмотрению. Во втором — он сразу поймет, что от него требуется.

Референсы

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

Мудборд для магазина флористики. Источник

Референсы можно брать не только из своей сферы — иногда нестандартные решения срабатывают лучше. Ниже дадим несколько полезных ресурсов для поиска идей. Для дизайна сайтов и приложений нужны скриншоты аналогов.

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

Инструменты для написания ТЗ дизайнеру

При создании ТЗ для дизайнера рекомендуем использовать следующие инструменты:

• Программа для создания скриншотов. Отличные бесплатные варианты — Monosnap или расширение для браузера Lightshot.
• Сервис для создания макетов. Можно использовать Figma или Balsamiq. Photoshop тоже подойдет.

Почерпнуть идеи для проекта можно на Pinterest, Bēhance, Dribbble, а также на бесплатных фотостоках вроде Freepik и Pixabay. Изучите сайты, соцсети и рекламу конкурентов.

Бриф для геймификаций

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

Где планируется размещение геймификации: приложение, отдельная страница или оконная версия. От этого зависит формат геймификации и стиль (если игра будет открываться в окне, она не должна сильно отличаться по стилю от основной страницы).

Механика геймификации и основная идея. Перед началом работы над дизайном важно утвердить механику (аркада, ребус, лабиринт и т.д.), сюжет и героев.

• место размещения,
• основная ЦА,
• цель и повод,
• механика и основная идея,
• адаптивность,
• референсы,
• материалы для работы.

Как составить ТЗ

В понятное и эффективное техническое задание для дизайнера (и для других узких специалистов, таких как копирайтеры, контент-менеджеры, разработчики) нужно добавить следующую информацию↓

Бриф для баннера

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

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

Еще один важный момент — нужно узнать, какие ресайзы могут потребоваться. Если изначально заказчик попросил сделать баннер 200х200 px, а в будущем ему понадобится ресайз 1600х800 px, то могут возникнуть сложности. Лучше разрабатывать сначала самый большой баннер, и затем делать из него баннеры поменьше.

• цель баннера,
• основная ЦА,
• место размещения,
• целевая страница (куда ведет баннер),
• технические требования,
• размеры и ресайзы,
• нужна ли анимация,
• адаптивность (если это html5),
• референсы,
• материалы для работы.

Как написать ТЗ дизайнеру для email

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

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

Пример акционной рассылки для вдохновения

Требования к дизайну письма, которые нужно указать в ТЗ:

• цвета;
• шрифты;
• использование брендбука — необходимо предоставить соответствующие материалы;
• ширина макета.

Все необходимые материалы приложите к заданию. Оптимальная ширина макета, которая нормально отобразится практически в любом почтовом клиенте, — 600-800 px. Реже пользуйтесь наложением текста на картинки, чтобы не получить трудночитаемый результат.

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

Главное внимание уделяется телу письма. Укажите необходимые блоки, например:

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

Распишите требования к каждому блоку как можно точнее. Приложите референсы и, желательно, эскиз.

Продумайте компоновку контента: число столбцов, варианты размещения картинок. Желательно ограничиться одним-двумя столбцами — так содержимое письма точно поместится и будет хорошо смотреться.

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

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

В SendPulse есть сервис email рассылок с удобным конструктором, в котором легко создать собственный шаблон без знания HTML или выбрать готовый вариант из нашей обширной библиотеки.

Изменение шаблона в редакторе SendPulse

Запускайте цепочки писем по заданным триггерам, используя Automation 360. Присваивайте контактам теги, чтобы отправлять целевые рассылки нужным аудиториям, и персонализируйте сообщения, чтобы достичь лучшего результата. Рейтинг подписчиков и статистика по открытиям и кликам позволяют оценить эффективность кампании в целом и наличие интереса у отдельных пользователей и на основе этого скорректировать действия.

Также в сервисе можно создать мультиканальную форму подписки для сбора контактов на сайте.

Для коммуникации с клиентами и автоматизации продаж советуем использовать email рассылки в комплексе с другими нашими инструментами — чат-ботами, Viber и SMS рассылками, push уведомлениями, а также CRM-системой. Для всех продуктов предусмотрен бесплатный тариф.

Специалисту нужно предоставить все исходные данные, которые понадобятся для выполнения задачи:

• Сформулируйте конкретную цель, обозначив ожидаемый от креатива результат. Это может быть переход на сайт, регистрация на онлайн-мероприятие, подписка на email-рассылку или канал и т.п. Например, цель может звучать: «заполнение брифа на сайте владельцами бизнеса и руководителями компаний в сфере агропромышленности, энергетики, транспортной логистики и производства».
• Опишите ЦА, для которой создается креатив. Укажите пол, возраст, регион проживания, сферу деятельности, должность и уровень дохода целевой аудитории, а также ее интересы, страхи, боли.
• Приведите список основных конкурентов. У них можно подсмотреть интересные идеи.
• Детально опишите продукт.
• Дайте доступ ко всем материалам, которые могут понадобиться: логотипы, фото с уже проведенных фотосессий, гайдлайн, брендбук и т.п.

Количество

Укажите точное количество креативов, которые вам нужны. Если количество не указано или указан диапазон – например, 5-10 креативов – велика вероятность получить работу, выполненную по минимуму.

Бриф для 2D-иллюстрации

Перед работой над иллюстрацией нужно узнать у клиента, где и как он планирует ее использовать. Будет это стикерпак, упаковка, презентация или пойдет в печать? От этого зависит, в каком формате лучше передать файл с картинкой, чтобы им было удобно пользоваться в дальнейшем.

• место и способ использования,
• формат файла,
• референсы/стилистика,
• материалы для работы,
• гайдлайн по иллюстрациям (если есть).

ФИО постановщика задачи и его контактные данные

Укажите свои (если сами ставите задачу) имя и фамилию, а также данные, с помощью которых исполнитель сможет с вами связаться: чтобы уточнить детали задания или отчитаться о выполнении.

Что дает грамотное ТЗ

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

Грамотно составленное техзадание позволяет свести к минимуму непонимание между постановщиком задачи и исполнителем, помогая получить предсказуемый и эффективный результат. И, что немаловажно, сохранить нервы в целости.

Бриф для motion-дизайна

Основные типы motion-дизайна

Motion-дизайн — анимация, с помощью которой оживляют статичное изображение. Его используют в приложениях, email-рассылках, масс-медиа и рекламе. От места использования motion-дизайна зависит формат рендера, длительность, вес файла и другие характеристики (например, должна ли анимация зацикливаться).

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

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

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

При взгляде на заголовок должно быть ясно: «в чем суть задачи», «кому она поставлена», «к какому времени должна быть выполнена и сдана».

В заголовок добавляем:

• дату постановки задачи и дату дедлайна;
• суть задачи;
• ответственное за выполнение лицо.

Наружная реклама

Основные виды наружной рекламы

Наружка — самый старый вид рекламы, и она тоже имеет свои особенности. Это широкоформатная печать, для которой используют износостойкие материалы: баннерная сетка, винил, пластик, бэклит, стекло и пр. У наружной рекламы зачастую невысокие требования к качеству изображения, ведь прохожий будет смотреть на нее издалека, и детали не так важны. Обычно разрешение составляет 10-75 dpi (точек на дюйм).

Виды постобработки наружной рекламы

Ограничения на количество показов

При печати любой продукции нужно узнать, какое количество показов планируется, потому что у фотостоков есть ограничения на количество показов. И, если листовки можно посчитать поштучно, то с наружной рекламой сложнее. Существует специальный показатель — OTS (Opportunity to see), он оценивает потенциальное количество зрительных контактов с рекламой. У разных стоков разные ограничения: например, у Shutterstock, если количество показов на кампанию больше 500 000, нужно покупать расширенную лицензию на изображения.

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

Кто в команде

В создании дизайна принимают участие две стороны:

• Руководитель. Человек, который ставит задачу специалисту или группе специалистов, контролирует ход ее выполнения и принимает результат. В роли руководителя может выступать владелец бизнеса или любое другое лицо, принимающее решения (маркетолог, директор по маркетингу и др.).
• Исполнитель. Один или несколько специалистов, работающие инхаус или на аутсорсе. Это могут быть графические и UX/UI-дизайнеры, 3D-аниматоры, моушн-дизайнеры.

Для создания простых креативов (например, для тестирования рекламной кампании) привлекать отдельных специалистов необязательно. Маркетолог все может сделать сам. Достаточно уметь пользоваться Adobe Photoshop и освоить один из онлайн-сервисов графического дизайна: например, Canva или Crello.

Для выполнения более сложных задач (например, для создания оригинальной анимации на сайт или видео для рекламы) потребуется помощь узкого специалиста.

Что понадобится?

Поговорим об инструментах, которые пригодятся при создании ТЗ. Мы в курсе, что никто не любит платные и сложные программы (которые устанавливаются только с помощью танцев с бубном). Поэтому разговор будет о простых и скорее всего уже знакомых вам инструментах.

Составить крутое ТЗ помогут:

Можно использовать любой текстовый редактор, но Google Документы хороши тем, что дают возможность совместного доступа к создаваемым документам.

Скриншоты пригодятся для демонстрации приглянувшихся референсов конкурентов.

Подборка сайтов, попавших в топы Яндекса и Google по схожим с вашими запросам, понадобится для выявления самых высокоранжируемых конкурентов. У них можно подглядеть что-нибудь интересное: оригинальный рекламный баннер, интересный способ показа кейсов и др (в зависимости от задачи).

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

Дисклеймер. Любой инструмент из предложенных можно заменить на знакомую вам альтернативу.

Что нужно знать ДО создания ТЗ

Перед тем, как ставить задачу дизайнеру, нужно разобраться, с какой маркетинговой базой предстоит работать. Для этого постарайтесь собрать информацию по следующим вопросам:

У вас должно быть четкое представление о продукте, его преимуществах и особенностях.

Разберитесь, кто продвигает аналогичные товары/услуги, какие каналы и способы продвижения для этого используются.

Составьте детальный портрет вашей целевой аудитории.

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

Бриф для сайта

Детали, которые необходимо уточнить перед началом работы с сайтом, схожи с брифом для письма. Спрашиваем, какой тип сайта необходим (landing page, визитка, интернет-магазин и т.д.), цель, ЦА, просим референсы и материалы.

• тип сайта,
• с какой целью создается,
• кто основная ЦА,
• страницы, разделы, контент,
• адаптивность,
• референсы,
• материалы для работы.

Что узнать первым делом

Главное, что нужно понять перед стартом работ — кто целевая аудитория и для чего разрабатывается макет. От этого зависит все: структура макета, стилистические приемы, функционал и прочее. ЦА и цель работы — главные пункты брифа не только при разработке дизайна, а вообще при любой задаче: от копирайтинга до разработки.

Также нужно запросить необходимые материалы и референсы. Важно, чтобы референсы были представлены именно изображениями или ссылками на изображения, а не просто описаны на словах. «Хочу, как у Apple» — это не референс. Необходимо собрать как можно больше примеров работ, которые нравятся и не нравятся заказчику, — это увеличит вероятность, что результат устроит обе стороны.

Материалы, которые понадобятся в работе над макетом:

Форматы визуальных материалов

Бриф для имейла

При формулировании ТЗ на email-рассылку важно уточнить тип письма (промо, контентное, триггерное и т.д.) и какому сегменту целевой аудитории оно будет отправлено. Сразу узнайте про адаптивность под мобильные почтовики и темную тему — нужна ли она. Если клиент новый — попросите примеры предыдущих писем и спросите, что в них нравится, а что хотелось бы исправить.

• тип письма,
• повод, к которому приурочено письмо,
• какой сегмент ЦА,
• адаптивность,
• примеры прошлых рассылок и/или референсы,
• материалы для работы.

Полиграфия

Основные виды печатных материалов

Уникальная характеристика печатной продукции — это цветность. Печать бывает полноцветная и черно-белая, обозначается цифрами 4 и 1 соответственно. 0 обозначает отсутствие печати вообще. То есть, если вам нужна брошюра цветная с одной стороны и черно-белая с другой, — цветность будет обозначаться как 4+1.

Еще одна характеристика — это цветовая модель. Цвета, которые вы видите на мониторе ноутбука, — это RGB-цвета. Но, если вы попробуете распечатать фотографию красивого пляжа, который стоит у вас на обоях, она получится темной и блеклой. Чтобы этого не произошло, следует использовать палитру CMYK. Это специальная цветовая модель для печати, у нее меньшее количество цветов, но она помогает максимально точно передать исходное изображение.

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

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

Основные виды постобработки печатных материалов

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

Бриф для POS-материалов

К POS-материалам относятся постеры, ценники, баннеры и другие рекламные изделия, которые используются в местах продаж.

В целом, детали, которые нужно уточнить у клиента перед началом работы, совпадают с требованиями к остальной печатной продукции. Главное разбираться в типах POS-материалов и запомнить, чем отличается воблер от некхенгера.

• вид POS-материала,
• цель макета,
• место размещения,
• материал,
• постобработка,
• метод печати,
• цветовой профиль типографии,
• количество экземпляров,
• референсы,
• материалы.

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

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

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

Как ставить задачи так, чтобы людям было комфортно

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

Чтобы сотрудничество с дизайнером было не только эффективным, но еще и приятным для обеих сторон, мы решили добавить несколько полезных коммуникационных хаков.

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

По возможности рассказывайте специалистам, как дела у проектов после релиза. Принесли ли ожидаемый результат те решения, которые дизайнер добавил по ходу работы? Что пользователям понравилось, а что нет? Обратная связь поможет специалисту в дальнейшем развитии нужных навыков, даст понимание, куда двигаться.

Горящая и неприятная задача? Предложите исполнителю помощь, а не притворяйтесь, что ничего не происходит. Проявите участие.

Узнайте, что интересно дизайнеру, какая сфера деятельности привлекает его больше прочих. Какие задачи он выполняет с радостью, а какие просто потому, что нужно? Что у него получается, а где он видит точки роста? Ощущение ценности и важности сотрудника дорогого стоит.

Что должно быть в ТЗ для лендинга

Когда речь идет о разработке сайта или лендинга, как правило, сначала заказчик заполняет бриф, и на основе него формируется итоговое ТЗ.

От заказчика необходима следующая информация:

• суть проекта, его миссия и цели;
• особенности продукта;
• ЦА и основные конкуренты;
• цель создания сайта;
• примеры сайтов, которые нравятся;
• желаемые цвета, шрифты и прочие элементы;
• фирменный стиль, если есть;
• готовый контент, если имеется: текст, фото, видео.

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

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

• дизайнер сразу получает прототип и работает по нему;
• дизайнер создает прототип, утверждает с заказчиком и далее работает по нему.

Обязательно подберите референсы, на которые будет ориентироваться исполнитель.

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

Можно выбрать готовый шаблон или создать собственный дизайн. Добавляйте изображения и видео, кнопки для перехода в соцсети и мессенджеры, мультиканальные виджеты подписки на чат-ботов, email и SMS — все инструменты интегрированы между собой.

Предусмотрены настройки SEO, интеграция с Google Analytics, внутренняя статистика и прием оплаты. Есть возможность редактировать код.

Создание посадочной страницы в SendPulse

Для каждого плейсмента свои требования к техническим характеристикам креативов. Изучите эту информацию перед составлением ТЗ. Например, максимальный вес графического баннера для Google Adwords — 150 Кб, а для рекламы в ленте Инстаграм допускаются изображения весом до 30 Мб.

В ТЗ на баннер нужно указать следующие пункты:

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

Имя и фамилия исполнителя и его контакты

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

Примеры

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

Заключение

Грамотное техническое задание для дизайнера — залог качественной работы, выполненной в срок.

Итоги

Не пожалейте времени на составление продуманного и подробного техзадания на дизайн. Не поленитесь и проверьте свое ТЗ перед отправкой исполнителю по нашему Чек-листу. Ведь лучше потратить пару часов на постановку задачи, чем получить кота в мешке (и заплатить за него).