Технические задания для дизайнера

Введение: почему без ТЗ вы теряете деньги и время?

Каждый второй заказчик сталкивается с проблемой: «Дизайнер сделал не то, что я хотел». Причина в 90% случаев — отсутствие четкого технического задания. В этой статье вы получите:

Пошаговый алгоритм создания идеального ТЗ
Готовый шаблон для скачивания (Word и Google Docs)
Реальные примеры из практики ведущих студий
Лайфхаки, как избежать 7 фатальных ошибок

По данным исследований, грамотное ТЗ сокращает количество правок на 68% и ускоряет работу в 2 раза.

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

Блок «Визитка проекта»

• Название проекта (не «Логотип», а «Логотип для кофейни Black Cat»)

• Контакты ответственных лиц с телефонами

• СРОКИ с промежуточными этапами (не «к 1 июня», а «Эскизы — 15 мая, правки — 20 мая, финал — 25 мая»)

Пример из практики: Заказчик, указавший точные дедлайны, получил проект на 40% быстрее среднего срока.

Целевая аудитория (с конкретикой)

Плохо: «Молодые люди 20-35 лет»
Хорошо:

• Женщины 25-34 года

• Доход $800+ в месяц

• Активные пользователи Instagram

• Ценят экологичность и минимализм

Кейс: После уточнения ЦА конверсия дизайна выросла на 27%

Технические требования (новые стандарты)

Для логотипов в 2024:

• Обязательный формат SVG для адаптивности

• Варианты для dark/light режимов

• Минимальный размер 24×24 px

Для сайтов:

• Mobile-first подход

• Поддержка HDR-дисплеев

• Оптимизация под Core Web Vitals

Секреты идеального ТЗ: 3 приема топ-студий

Прием 1. «Мудборд вместо слов»

Создайте доску настроения в Pinterest или Figma с:

• 3-5 примерами работ, которые нравятся

• 2-3 примерами «как НЕ надо»

• Цветовой палитрой в HEX и Pantone

Экономит до 5 раундов правок

Прием 2. «User story вместо ТЗ»

Замените сухие требования на сценарии:
«Когда Мария (32 года) заходит на сайт с iPhone 13, она должна сразу увидеть кнопку ‘Рассчитать стоимость’ в зоне видимости без прокрутки»

Прием 3. «Тест на слепую проверку»

Дайте ТЗ коллеге, не знакомому с проектом. Если он задает больше 3 вопросов — переделывайте.

7 Cмертных грехов в ТЗ (и как их избежать)

1. «Сделайте красиво» → Замените на «Использовать асимметричную сетку в стиле [пример]»

2. Отсутствие примеров → Добавьте мудборд

3. Смешение стилей → Четко: «Только flat-дизайн без 3D»

4. Нет критериев оценки → Добавьте: «Главный CTA должен быть виден без скролла»

5. Не указаны форматы → Пропишите: «Исходники в Figma + PDF-гайд»

6. Размытые сроки → «Правки не более 2 рабочих дней на этап»

7. Игнорирование адаптивов → «Проверка на iPhone SE (1st gen)»

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

1. Notion — шаблоны с автоматизацией

2. Figma — интерактивные брифы

3. Loom — видео-пояснения к ТЗ

Совет: Добавляйте в ТЗ screen recording с голосовыми комментариями — это снижает недопонимание на 60%