Как составить ТЗ для дизайнера: шаблон и примеры
Хорошее техническое задание (ТЗ) — это 70% успеха дизайн-проекта. По статистике, проекты с четким ТЗ выполняются на 40% быстрее и требуют на 60% меньше правок. В этой статье вы найдете готовые шаблоны и реальные примеры ТЗ для любых задач.
Почему ТЗ так важно?
Цифры, которые заставят вас полюбить ТЗ:
Проекты с качественным ТЗ требуют на 73% меньше согласований
85% конфликтов с дизайнерами возникают из-за нечеткого ТЗ
Хорошее ТЗ снижает бюджет на 25% за счет уменьшения итераций
Среднее время экономии на проекте: 7-14 дней
Что происходит без ТЗ:
🔄 10+ итераций вместо 2-3
💰 Перерасход бюджета на 40-100%
😤 Нервы и разочарование с обеих сторон
📉 Результат, который не решает бизнес-задачи
Структура идеального ТЗ
Базовый шаблон (подходит для 80% задач):
1. ОПИСАНИЕ ПРОЕКТА 2. ЦЕЛИ И ЗАДАЧИ 3. ЦЕЛЕВАЯ АУДИТОРИЯ 4. ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ 5. СТИЛИСТИКА И РЕФЕРЕНСЫ 6. СРОКИ И БЮДЖЕТ 7. КРИТЕРИИ ПРИЕМКИ
Давайте разберем каждый пункт на конкретных примерах.
Пример 1: ТЗ для логотипа
Шаблон + заполненный пример:
1. ОПИСАНИЕ ПРОЕКТА
Компания: Кофейня "Утренний эспресс" Сфера: Общественное питание, premium-сегмент Суть: Нужен логотип для новой кофейни в центре Москвы
2. ЦЕЛИ И ЗАДАЧИ
Основная цель: Создать узнаваемый символ для привлечения аудитории 25-45 лет Задачи: - Передать атмосферу уюта и качества - Отстроиться от конкурентов (Starbucks, Кофемания) - Создать основу для будущего фирменного стиля
3. ЦЕЛЕВАЯ АУДИТОРИЯ
- Возраст: 25-45 лет - Доход: Средний и выше среднего - Образ жизни: Активные, ценят качество, работают в офисе рядом - Ценности: Вкус, атмосфера, сервис, экологичность
4. ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ
Форматы на выходе: - Векторные: AI, EPS, PDF - Растровые: PNG (прозрачный фон), JPG - Размеры: От 16x16 px (фавикон) до 3000x3000 px - Цветовая модель: CMYK для печати, RGB для digital Черно-белая версия: Обязательно Адаптивность: Должен хорошо смотреться на вывеске и в мобильном приложении
5. СТИЛИСТИКА И РЕФЕРЕНСЫ
Что нравится (приложить ссылки/скриншоты):
Логотип %Arabica: минимализм, элегантность
Blue Bottle Coffee: современность, акцент на качестве
Примеры цветовых сочетаний: Коричневый+бежевый+золотой
Что не нравится:
Слишком сложные, перегруженные логотипы
Яркие неоновые цвета
Использование стоковых изображений кофейных зерен
Ключевые слова: Уют, качество, утро, энергия, натуральность
6. СРОКИ И БЮДЖЕТ
Сроки: - Концепции: 7 рабочих дней - Правки: 3 рабочих дня - Финальные файлы: 2 рабочих дня Бюджет: 45 000 рублей (с НДС)
7. КРИТЕРИИ ПРИЕМКИ
- Логотип узнается за 3 секунды - Работает в черно-белом варианте - Соответствует брифу и референсам - Передает ключевые ценности бренда - Технически корректные файлы всех форматов
Пример 2: ТЗ для дизайна сайта
Шаблон + заполненный пример:
1. ОПИСАНИЕ ПРОЕКТА
Проект: Сайт студии дизайна StudioDesigns Текущий сайт: Устарел, не адаптивен, низкая конверсия Новые требования: Современный дизайн, повышение конверсии, адаптивность
2. ЦЕЛИ И ЗАДАЧИ
Ключевые цели: - Увеличить конверсию в заявки с 1.2% до 3% - Создать удобный каталог портфолио - Повысить доверие к бренду Задачи дизайна: - Современный интерфейс - Удобная навигация - Выделение преимуществ - Упрощение процесса заказа
3. ЦЕЛЕВАЯ АУДИТОРИЯ
Основная: - Владельцы малого и среднего бизнеса - Маркетологи и бренд-менеджеры - Стартапы на стадии роста Демография: 30-55 лет, Москва и МО Поведение: Ищут профессиональные услуги, сравнивают варианты
4. ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ
Платформа: WordPress Адаптивность: Mobile-first подход Скорость загрузки: До 3 секунд на мобильном Браузеры: Chrome, Safari, Firefox, Edge (последние 2 версии) Разрешения: От 320px до 1920px CMS: Возможность самостоятельного обновления контента
5. СТРАНИЦЫ И ФУНКЦИОНАЛ
Структура сайта:
Главная
Услуги (с подстраницами)
Портфолио (с фильтрами)
Блог
Контакты
Требования к страницам:
Главная:
Слайдер с ключевыми проектами
Блок услуг с иконками
Портфолио (6 последних работ)
Отзывы клиентов
Форма быстрой заявки
Портфолио:
Сетка проектов 3×3
Фильтры по типу работ
Отдельная страница для каждого кейса
Возможность лайкать и делиться
6. СТИЛИСТИКА И РЕФЕРЕНСЫ
Существующий брендинг:
Логотип: Прикреплен
Цвета: #2A4B8C (синий), #FF6B35 (оранжевый), #FFFFFF
Шрифты: Montserrat для заголовков, Open Sans для текста
Референсы (что нравится):
Awwwards.com — современные тенденции
Сайты зарубежных студий: Pentagram, Landor
Примеры хороших портфолио: behance.net/…
7. СРОКИ И ЭТАПЫ
Этап 1: Прототипы главных страниц — 5 дней Этап 2: Дизайн всех страниц — 10 дней Этап 3: Правки — 5 дней Этап 4: Подготовка к верстке — 3 дня Общий срок: 23 рабочих дня Бюджет: 120 000 рублей
8. КРИТЕРИИ ПРИЕМКИ
- Соответствие техническим требованиям - Все страницы в Figma/Photoshop - Адаптивные макеты для 3 разрешений - Готовые графические элементы (иконки, иллюстрации) - Руководство по стилю для верстальщика
Пример 3: ТЗ для полиграфии (визитки)
1. ОПИСАНИЕ ПРОЕКТА
Изготовление визиток для сотрудников IT-компании Количество: 100 штук на каждого (всего 500 штук) Специфика: Две стороны, разная информация для разных должностей
2. ЦЕЛИ И ЗАДАЧИ
- Создать профессиональный имидж - Единый стиль для всей компании - Удобная для восприятия информация - Возможность быстрого обновления при смене сотрудников
3. ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ
Размер: 90x50 мм Вылеты: 3 мм со всех сторон Цветовая модель: CMYK Разрешение: 300 DPI Материал: Мелованный картон 300 г/м², матовый лак Особенности: Скругленные углы, нумерация не требуется
4. МАКЕТ И СОДЕРЖАНИЕ
Лицевая сторона (единая для всех):
Логотип компании
Слоган
Общие контакты (сайт, общий телефон)
Оборотная сторона (индивидуальная):
ФИО сотрудника
Должность
Телефон прямой
Email
Telegram для связи
QR-код на LinkedIn профиль
5. СТИЛИСТИКА
Существующий брендбук: Предоставляется Цвета: Согласно брендбуку (#2C3E50, #3498DB, #FFFFFF) Шрифты: Roboto для текста, Roboto Condensed для заголовков Логотип: Векторный файл приложен
6. СРОКИ И ДОПОЛНИТЕЛЬНО
Сроки: - Макет: 3 рабочих дня - Правки: 2 рабочих дня - Подготовка к печати: 1 день Дополнительно: Нужны исходники для самостоятельной печати в будущем Бюджет: 35 000 рублей (дизайн + подготовка макетов)
Универсальный шаблон ТЗ для любой задачи
# ТЕХНИЧЕСКОЕ ЗАДАНИЕ ## [Название проекта] ### 1. ОБЩАЯ ИНФОРМАЦИЯ - **Компания:** [Название] - **Проект:** [Что делаем] - **Контактное лицо:** [ФИО, должность, телефон] - **Дата начала:** [ДД.ММ.ГГГГ] ### 2. ЦЕЛИ ПРОЕКТА **Бизнес-цели:** 1. [Цель 1] 2. [Цель 2] **Задачи дизайна:** - [Задача 1] - [Задача 2] ### 3. ЦЕЛЕВАЯ АУДИТОРИЯ **Основная:** - [Описание] **Вторичная:** - [Описание] ### 4. ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ **Форматы:** [Список] **Размеры:** [Требования] **Разрешение:** [DPI/PPI] **Цветовые модели:** [CMYK/RGB] **Ограничения:** [Если есть] ### 5. СОДЕРЖАНИЕ И СТРУКТУРА [Описание того, что должно быть в дизайне] ### 6. СТИЛИСТИКА И БРЕНДИНГ **Существующий брендинг:** - Логотип: [Есть/Нужен новый] - Цвета: [Коды] - Шрифты: [Названия] **Референсы:** Что нравится: [Ссылки/описание] Что не нравится: [Примеры] **Ключевые слова:** [3-5 слов, описывающих стиль] ### 7. СРОКИ И ЭТАПЫ **Этапы:** 1. [Этап 1] — [Срок] 2. [Этап 2] — [Срок] 3. [Этап 3] — [Срок] **Общий дедлайн:** [Дата] ### 8. БЮДЖЕТ **Бюджет проекта:** [Сумма] **Форма оплаты:** [Предоплата/поэтапно/постоплата] ### 9. КРИТЕРИИ ПРИЕМКИ - [Критерий 1] - [Критерий 2] - [Критерий 3] ### 10. ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ [Любая дополнительная информация]
Чего НЕ должно быть в ТЗ?
❌ Расплывчатые формулировки
Плохо: «Сделать красиво»
Хорошо: «Современный минималистичный дизайн в синей гамме»
❌ Субъективные оценки
Плохо: «Мне не нравится»
Хорошо: «Не соответствует брендбуку по цвету #2A4B8C»
❌ Изменения требований в процессе
Решение: Заморозить ТЗ после утверждения, изменения — отдельный договор
❌ Отсутствие примеров
Обязательно: Референсы, даже если «примерно так»
Инструменты для создания и ведения ТЗ
Бесплатные:
Google Docs — совместное редактирование
Notion — структурированные шаблоны
Trello — по этапам с чек-листами
Профессиональные:
Confluence — корпоративная документация
Asana + Google Docs — задачи + документы
Figma + комментарии — прямо в макетах
Процесс работы с ТЗ
Во-первых: Подготовка (2-3 дня)
Сбор информации
Анализ конкурентов
Подбор референсов
Заполнение шаблона
Во-вторых: Обсуждение с дизайнером (1 день)
Уточнение непонятных моментов
Корректировка сроков
Согласование этапов
В-третьих: Утверждение (1 день)
Подписание ТЗ
Внесение предоплаты
Старт работ
В-четвертых: Работа по ТЗ
Регулярные чек-поинты
Фиксация изменений
Финальное согласование
Как избежать «синдрома бесконечных правок»?
Правило 3-х итераций:
Первая итерация: Концепция (обсуждение направления)
Вторая итерация: Доработка по комментариям
Третья итерация: Финальные правки
Что включить в ТЗ:
Количество итераций: 3 (включено в стоимость) Дополнительные правки: 500 руб./час
Пример ТЗ для соцсетей (Instagram)
1. ПРОЕКТ:
Ежемесячный контент для Instagram студии дизайна
2. ЦЕЛИ:
Увеличить охват на 30%
Привлечь 50 заявок в месяц
Повысить узнаваемость бренда
3. ФОРМАТЫ И КОЛИЧЕСТВО:
Основные посты: 12 шт./мес (3 в неделю)
Stories: 20 шт./мес (5 в неделю)
Reels: 4 шт./мес (1 в неделю)
4. ТЕМАТИКА:
Кейсы (40%)
Образовательный контент (30%)
Закулисье студии (20%)
Отзывы клиентов (10%)
5. ТРЕБОВАНИЯ:
Соответствие брендбуку
Единый стиль всех материалов
Адаптация под мобильные
Оптимизация под алгоритм Instagram
6. СРОКИ:
Контент-план: 25 число предыдущего месяца
Посты: За 2 дня до публикации
Экстренные правки: В течение 24 часов
Частые ошибки в ТЗ и как их избежать
Ошибка 1: «Сделайте как у конкурента, но лучше»
Решение: Анализ конкурентов + уникальное предложение
Ошибка 2: 20 страниц текста без структуры
Решение: Использовать шаблоны, добавлять визуалы
Ошибка 3: Требования противоречат друг другу
Решение: Приоритизация требований
Ошибка 4: Нет критериев приемки
Решение: Четкие измеримые критерии
Профессиональные советы
Для заказчиков:
Инвестируйте время в ТЗ — сэкономите в 3 раза больше
Показывайте примеры — даже плохие («как НЕ надо»)
Указывайте бюджет сразу — чтобы дизайнер понимал уровень задачи
Для дизайнеров:
Задавайте уточняющие вопросы — лучше переспросить
Фиксируйте все изменения — в письменном виде
Не начинайте без утвержденного ТЗ — себе дороже
StudioDesigns работает по четкому ТЗ! Мы помогаем клиентам составлять технические задания и строго следуем им в работе. Посмотрите примеры наших проектов, выполненных по детальному ТЗ, или закажите консультацию — мы поможем составить идеальное ТЗ для вашего проекта.
Помните: время, потраченное на составление хорошего ТЗ, окупается сторицей в виде качественного результата, сэкономленного бюджета и сохраненных нервов.
