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

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

1. Опишите свой бизнес в деталях

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

2. Аргументируйте

Когда я вижу странное цветовое сочетание или нагромождение информации в ТЗ, то каждый раз спрашиваю: «Зачем?». Ответ часто такой: «Ну вот хочется. Сделай просто и все». 

Мне не жалко, но лучше объяснять почему вы хотите именно это и именно так. Может просто клиент боится, что его вывеску не будет видно на фоне здания? Я сделаю вывеску красной, а она сольется с соседней. А если бы нарисовали белую, то всё выглядело бы лучше. Если дизайнер знает, в чем истинная проблема, ему будет проще её решить. 

3. Набросайте примеров

Сделать высококлассный проект можно в рамках любого бюджета. Это реально. Надо просто чётко задать дизайнеру вектор проекта.

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

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

Это не про плагиат, а про вдохновение и визуальные образы. Такой способ реально повышает уровень дизайна на проекте. Проверено на личном опыте.

4. Начинайте с формата

В основном клиенты начинают разговор с содержания. А лучше начинать его с формы. Потому что пока читаешь задание, сразу начинаешь представлять, как это будет выглядеть. Что вы хотите сделать — билборд или книгу, открытку или баннер на сайт? Скажите об этом в самом начале   постановки задачи дизайнеру. 

5. Подберите цветовое решение

Подбор цвета злит обычно обе стороны. У меня в голове зеленый цвет — это салатовый ближе к желтому. Многие, представляя себе зеленый, видят скорее изумрудный цвет. У всех разные цвета в голове — это факт. А что видите вы, когда думаете про зеленый цвет?

Если хотите конструктивно обсудить цвета с дизайнером,  подберите гамму в интернете. Например здесь — http://color.romanuke.com/

Все вопросы на тему «размыто-зеленых» и «задумчиво-лиловых» решаются этим же способом.

6. Определитесь со шрифтами

Есть несколько тысяч разных шрифтов, но их типов гораздо меньше. Клиент не обязан знать чем антиква отличается от гротеска, но есть выход: https://www.google.com/fonts/. 

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

7. Учитываем реальные сроки

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

Как понять, что все идет как надо и первоначальное задание было составлено хорошо?

Очень просто: нет большого количества правок. Это до 5 итераций, которые по времени не занимают больше 2-3 часов каждая (хотя, конечно, на больших проектах это время может быть и значительно больше). Когда на почту прилетает тридцатый по счету вариант правок, то становится ясно, что либо где-то неправильно составили ТЗ, либо людей, влияющих на принятие решения о дизайне, многовато.

 

Об авторе: 

Ника Александрова, 

дизайнер

Понравилось это:

Нравится Загрузка…

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

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

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

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

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

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

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

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

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

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

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

Советуем ознакомиться: «Как и зачем делать анализ конкурентов».

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

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

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

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

Заголовок

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

Плохо	Хорошо
На этой неделе подготовить 10 креативов для распродажи	10.10.2022-14.10.2022 Ирине Морозко. Сделать дизайн 10 креативов для РК «Черная пятница 11.11»

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

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

Исполнитель

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

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

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

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

Плохо	Хорошо
Нужно 5 креативов для соцсетей по новому проекту.	Подготовить 5 обложек для постов в Instagram про БАДы с учетом фирстиля (ссылки на страницы продуктов, ссылки на используемые материалы). Графика в минималистичном стиле, референсы приложены.Нужно передать ощущение, что товар категории «люкс», не ширпотреб. Аудитория с доходом выше среднего.

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

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

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

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

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

Плохо	Хорошо
Продаем инновационное медицинское оборудование для рентген-исследований.	АО «Ромашка» — официальный дистрибьютор инновационного рентгенологического оборудования для стоматологических клиник NEWTOOTH производства Azienda (Италия). Работаем с 2013 года.

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

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

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

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

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

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

Плохо

Хорошо

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

Основные цвета: #f4ccf8, #f2f47f. Шрифты: Gover Font — для заголовков и Roboto — для основного текста. Логотип в прикрепленном файле, разместить в левом верхнем углу. Меню фиксированное. Разделы меню: главная, каталог, бестселлеры, блог, о нас, контакты, личный кабинет, корзина. Слева раскрывается меню-бургер. Блоки: первый экран с галереей из прикрепленных изображений и слоганом «Подари себе заботу»; далее — хиты продаж; новые поступления; отзывы; футер с контактной информацией и ссылками на все разделы. Сначала готовите прототип и после утверждения работаете по нему.

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

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

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

Плохо	Хорошо
Нужна реклама для Инстаграма.	Лента Инстаграм. Изображение с соотношением сторон 1:1, разрешение 1080×1080 px, размер до 30 Мб.

Референсы

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

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

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

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

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

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

1. Google Docs. Подойдет любой текстовый редактор, но к содержимому Google Диска можно получать доступ по ссылке из любой точки и оставлять комментарии в документах.
2. Программа для создания скриншотов. Отличные бесплатные варианты — Monosnap или расширение для браузера Lightshot.
3. Сервис для создания макетов. Можно использовать Figma или Balsamiq. Photoshop тоже подойдет.

Советуем ознакомиться: «Figma: обзор программы для веб-дизайна».

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

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

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

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

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

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

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

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

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

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

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

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

Плохо	Хорошо
Ширина баннера 600-800 px. Тема — распродажа, посмотрите аналогичные рассылки и подберите несколько подходящих идей.	Размер баннера 600×250 px. Используйте черный и желтый цвета, разместите надпись «Скидки до 70% только сегодня!». Примерный вид баннера в приложенном файле.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Рекомендуем: «Пошаговая инструкция, как создать макет сайта самостоятельно. Онлайн или в Photoshop».

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

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

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

Рекомендуем: «Как создать мини-лендинг в SendPulse и соединить его с чат-ботом и email-рассылкой».

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

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

Советуем ознакомиться:

• «Как сделать лендинг самому. Пошаговая инструкция»;
• «Структура лендинга: из чего она состоит и как выстроить правильно»;
• «Как сделать продающий лендинг: инструкция, советы, примеры».

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

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

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

Заключение

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

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

Тк Дизайн | Tk Design

О нас

Творчество — это наркотик Я не могу жить без

Тайлер Котовский

Графический дизайнер

9000 3 Спасибо, что посетили tkgraphicdesign.com, я Тайлер Котовский, основатель и ведущий дизайнер за ТКДизайн. Я родился в Лос-Анджелесе, а позже переехал в район Питтсбурга. Я учился в соседнем колледже в Университете Эдинборо по специальности графический дизайн. Теперь я снова в Лос-Анджелесе, чтобы помогать компаниям решать проблемы с помощью отличного дизайна. Дизайн всегда был моей страстью, но когда у меня появился мой первый компьютер, я действительно заинтересовался искусством. Постоянная потребность учиться и расти в сочетании с трудолюбием и решимостью заставляют меня оставаться творческим и всегда вовремя. Спасибо, что заглянули и ознакомились с моей последней дизайнерской работой. Если перед вашим бизнесом стоит задача дизайна, давайте поговорим подробнее о том, как я могу помочь.

Великолепие встречается с

Чистота и простота

– Прим. 2005 –

Работа

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

Supercell

Брендинг, печать, социальные сети

LAOUT. ORG 900 07

Портфолио, веб-сайт

LA Throwback

Брендинг, портфолио , Печать, Социальные сети, Веб-сайт

#MEAction

Печать

Заставьте Америку снова проголосовать

Печать

Emer Tile

Портфолио, печать

2018 Logo Book

Брендинг, портфолио

Burgh TV

Брендинг, веб-сайт

Thunderbirds 2016

Брендинг, портфолио, печать, социальные сети

Ebullient

Брендинг, печать

Ypsi Strong Logo

Брендинг

Kitson

Портфолио, социальные сети, веб-сайт

AUDL

Брендинг, портфолио, печать, социальные сети, веб-сайт

9000 6 Обложка для выпускного

Печать

Приложение для соревнований

Печать

Название ресторана

Брендинг, печать

Годовой отчет Nike

Портфолио, печать

Level Vodka

Брендинг, портфолио, печать

Цензура

Печать

Услуги

Дизайнерские решения на основе искусства и технологий

Брендинг и фирменный стиль

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

Веб-сайты

Общайтесь с клиентами онлайн с помощью великолепного веб-сайта, на котором представлены ваши продукты, услуги и персонал. В дороге они также могут легко найти краткую информацию на своем мобильном устройстве.

Социальные сети

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

Печать

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

Редактирование фотографий

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