Маркетинг и продажи

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

9 минуты

Как написать ТЗ дизайнеру для 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

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

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

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

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

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

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

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

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

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

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

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

Плохо Хорошо
Ширина баннера 600-800 px.
Тема — распродажа, посмотрите аналогичные рассылки и подберите несколько подходящих идей.
Размер баннера 600×250 px.

Используйте черный и желтый цвета, разместите надпись «Скидки до 70% только сегодня!».
Примерный вид баннера в приложенном файле.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Что должно быть в ТЗ на разработку баннера

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

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

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

Заключение

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

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

Дата публикации:

29 ноября 2022

Анастасия Цаплина

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

1 Star2 Stars3 Stars4 Stars5 Stars
Loading...
Средняя оценка: 4/5
Всего голосов: 6

Поделиться:

Facebook Twitter