Те, кто работают с текстами, часто работают в связке с дизайнерами — например, чтобы переложить текст на карточки, сделать лендинг, обложку для статьи. Как поставить задачу и составить ТЗ для дизайнера — рассказываем в этой статье.
по копирайтингу от «Сделаем»
Базовая структура любого ТЗ для дизайнера
Техническое задание можно сделать для чего угодно: лендинг, обложки или дизайн для кружки. Важно, чтобы задание было понятным и информативным, иначе дизайнер постучится к вам с вопросами.
Структура у ТЗ бывает разной, но базово она выглядит так:
1. Общая информация — имя фамилия, контакты исполнителя и заказчика, задача и сроки. Здесь не нужно прописывать подробности — они будут в следующих блоках.
2. Задача — детальное описание работы. Здесь прописывайте все до мелочей. Нужна 2D иллюстрация — подробно расскажите о задумке и нарисуйте примерный эскиз. Хотите получить классный лендинг — опишите, что будет в каждом блоке.
Чем больше подробностей, тем лучше. Представьте, что пишите запрос для ИИ — принцип примерно такой же.
Чем понятнее ТЗ, тем лучше вас поймет дизайнер, тем меньше правок будет в будущем.
3. Вводные от клиента — про компанию, продукт/услугу, целевую аудиторию + брендбук. Так дизайнер вникнет в контекст задачи и сможет использовать информацию для работы, например, брендбук.
4. Технические требования — про формат, шрифты или расширения.
5. Примеры — ссылки, скриншоты, анимации и другие референсы. На них будет опираться дизайнер. Будет отлично, если добавите хорошие и плохие примеры и объясните, почему так считаете, например ↓
6. Допустимое количество правок — сколько вы планируете мучить комментировать работу дизайнера. Обычно правки проходят в 2 итерации — зависит от конкретной задачи и клиента.
Как правильно описать задачу
Подробнее остановимся на этом пункте и дадим рекомендации для четкого ТЗ.
Используйте конкретные формулировки. «Покрасивше сделай» не подойдет, иначе дизайнер накидает все на свой вкус. Ваши предпочтения могут не совпасть и придется много править. Примерно так можно описать свои пожелания.
✅Четкая формулировка
В лендинге основной цвет белый, черный — для текста, синий — для акцентов. В брендбуке есть номера цветов. Референсы прикрепляю
Все фотографии и картинки нужно либо брать из прикрепленных ниже, либо генерировать в нейросети в реалистичном стиле. Примеры сгенерированных картинок тоже прикрепили ниже. Фото из фотостоков и других ресурсов —
не используем
❌Абстрактная формулировка
Используй воздушные цвета, черный лендинг точно не хотим. Главное, чтобы наши потенциальные клиенты поняли, что мы серьезная компания
Накидай какие-нибудь прикольные фоточки, чтобы подходило под дизайн
Показывайте больше примеров. Даже детальное описание задачи дизайнер может воспринять по-своему. Подкрепляйте текст референсами, чтобы было, за что цепляться. Покажите, какие работы вам нравятся, а какие нет.
Пишите просто. Убирайте сложные предложения и повторяющиеся мысли, чтобы дизайнеру было легко вас понять.
✅Дизайнер быстро поймет суть задачи
Берем только наши фотографии — ниже ссылка на папку. Если чего-то не хватает, генерируйте картинки в нейросети. У нас есть подробный гайд — тоже прикрепляю ниже.
❌А тут сначала придется расшифровать ТЗ
Мы сделали классные фотки, обработанные нашим профессиональным фотографом, которые при вашем желании вы можете отредактировать так, чтобы смотрелось классно на лендинге. Можете брать сгенерированные картинки из нейросети, которые будут в реалистичном стиле. Лучше берите фотки от нашего фотографа, сделанные на заказ в специальной фотостудии с профессиональном освещении, но если чего-то нет, генерируйте в ИИ в реалистичном стиле самое главное!
Укажите, какой результат примите, а какой нет. Например, картинки из фотостоков — табу, поэтому нужно генерировать в ИИ.
Набросайте примерный эскиз макета, если важно соблюдать определенную структуру. Это легко сделать в Paint.
Созвонитесь при необходимости. После отправки ТЗ убедитесь, что дизайнер точно понял задачу. Если нужно, объясните свои пожелания в живом диалоге — это обычно проще, чем текстом в чате. В разговоре дизайнер уточнит детали, а возможно предложит свои идеи. Главное потом все зафиксировать в ТЗ.
Где составить ТЗ
Задание можно написать, где угодно, хоть в чате Telegram. Главное, чтобы было понятно и структурировано. Для этого подойдет любой текстовый редактор.
Вот несколько платформ, где можно написать ТЗ:
Google Docs — нестареющая классика, особенно для копирайтеров. Главное преимущество — можно совместно работать над одним документом в онлайн режиме.
Notion — похоже на Google Docs, но позиционирует себя как платформа для хранения базы данных. Можно написать сколько угодно ТЗ, память не закончится.
FigJam — интерактивная доска для дизайнеров от Figma. Можно обсуждать задачи, придумывать идеи или создавать канбан доски. Подойдет для продвинутых пользователей.
Важно: все пожелания по задаче всегда должны быть в текстовом формате. На словах можно договориться о чем угодно, но что-то точно забудется. Письменное ТЗ пригодится.
Пример ТЗ на креатив в соцсетях
Если нужно ТЗ для карточек в соцсетях, опирайтесь на пример ниже.
Общая информация:
Креативные карточки для школы английского языка.
Исполнитель — Олег Олегов @olegoleg
Представитель заказчика — Марина Илюхина @marimari
Срок: 15.03.2025
Задача:
Нужно сделать креативные карточки для Telegram-канала школы английского языка. Предложите 3 разных варианта.
Задумка поста: объясняем значение слов через мемы. Они должны быть без матерных слов, но которые популярны у детей и подростков.
В посте будет 5 слов. Для каждого отдельная карточка с мемом, который отражает значение слова.
Основные цвета — белый и бежевый, акцентный — синий. Можно ориентироваться на предыдущие креативы — прикрепляю ссылку. Шрифт тоже из предыдущих креативов — ссылка.
Текста в карточках должно быть минимум, всю подробную информацию оставим под постом.
Вводные:
Школа английского языка — StudyEng. Есть онлайн и оффлайн обучение. ЦА — дети, подростки и их родители. Больше ориентируемся на детей и подростков. Важно заинтересовать их, чтобы потом они рассказали о школе своим родителям. Концепция — обучаем через игры, мемы и фильмы.
Технические требования:
Размер — 1200х1200, формат — PNG, 3 варианта по 5 карточек.
Примеры:
Прикрепляю ссылки ниже
Допустимое количество правок: максимум 2 итерации
Пример ТЗ для дизайна лендинга
Пример ТЗ для лендинга мы тоже написали — смотрите ниже.
Общая информация:
Нужно сделать одностраничный лендинг для приюта корги Pety
Исполнитель — Кирилл Кириллов @kirilkirkir
Представитель заказчика — Алена Аленина @aleale
Срок: 20.04.2025
Задача:
Нужен одностраничный лендинг для приюта корги Pety. В лендинге нужно отразить следующие блоки:
Шапка. Здесь наш лого и название каждого блока, которые будут ниже. При нажатии должен быть скролл к конкретному блоку.
Главный экран. Здесь будет основное УТП. Пример оформления и текст для экрана прикрепляю ниже.
Наши питомцы. Показываем, какие породы корги у нас есть. Нужно оформить в виде карточек с фотографиями питомцев. Рядом с фото каждого питомца должна быть кнопка «Подробнее». При нажатии на кнопку должен появляться pop-up с описанием питомца.
В описании должно быть: имя, возраст, характер, прививки, родители питомца, ссылка на документы собаки и минимум 2 фото питомца.
Следующий блок — наши преимущества. Важно отразить, что у нас чистый питомник, хороший уход, своя вет. клиника. Пример оформления ниже по ссылке.
О нас. Очень коротко про историю питомника с фотографиями. Все прикрепляю ниже.
Местонахождение. Добавить карту с нашим адресом.
В подвале вся юр. информация — в документе с текстом есть.
Нужно ориентироваться на брендбук — оттуда берем все цвета, шрифты, сетки. Тоже прикрепляю ниже.
Вводные:
Приют корги Pety в Санкт-Петербурге с собственной вет. клиникой. Ухаживаем за разными породами корги и отдаем надежным семьям. ЦА — ответственные люди от 25 лет, со стабильным доходом.
Технические требования:
Формат лендинга — PDF + прислать ссылку на Figma. Все элементы должны быть сгруппированы в компоненты.
Адаптивы для десктопа, планшетов, телефонов.
Примеры:
Прикрепляю ссылки ниже
Допустимое количество правок: максимум 3 итерации
Техническое задание — основная часть работы. Как поставите, так задача и пойдет. Поэтому важно писать корректно, чтобы потом не мучиться с правками. Составить ТЗ под силу даже новичку — только соблюдайте структуру, пишите подробно и по делу.
контент, диджитал, агентствоМолянов: контент,
диджитал, агентство
Блог основателя «Сделаем» — каждый день
рассказываю о контент-маркетинге
и внутрянке агентства
Каждый день рассказываю
о контент-маркетинге
и внутрянке агентства
«Сделаем»
