Просто о создании сайтов и баннеровИзображения · Код · WordPress
Главная / Руководства
Баннеры и движение

ТЗ на баннер: бриф, который можно проверить

В исходном документе Web Article были цель, размеры, стиль, сценарий, языки и адрес перехода. Эта структура полезна и сейчас; Flash и список площадок из документа не являются современными требованиями.

Перед началом

Соберите правила конкретной площадки, разрешённые изображения, точный текст и целевую страницу. Если требований нет, сначала согласуйте их: размер «на глаз» может привести к полной переделке.

ТЗ на баннер: бриф, который можно проверить. Задача и текст → Файлы и ограничения → Проверяемая приёмка
Задача и текст → Файлы и ограничения → Проверяемая приёмка
Текстовое объяснение схемы

Задача и текст → Файлы и ограничения → Проверяемая приёмка. Условный бриф для собственного сайта: статичный баннер 600 × 300 px, сообщение «Подготовьте фото для сайта», переход на /guides/resize-image/, версии RU/UK/EN. Ограничение 120 КБ — выбранное условие этого примера, а не норматив рекламных сетей и не измеренный результат.

Как сделать

  1. Опишите одну задачу и один главный тезис. Укажите, куда ведёт ссылка и что человек увидит после перехода. Запишите точный текст кнопки и варианты для каждого языка, а не просьбу «переведите как-нибудь».
  2. Для каждого размещения задайте размеры, формат, предельную массу и допустимую анимацию. Отдельно укажите статичный вариант, правила остановки движения и требования к доступности. Условия рекламной площадки перепроверьте перед передачей.
  3. Зафиксируйте состав сдачи: редактируемый исходник, экспортные файлы, перечень использованных материалов и права. Приёмка проверяет читаемость, действующую ссылку, языки, размеры и поведение на реальном устройстве.
Пример кода
Goal / Мета / Цель:
Audience / Аудиторія / Аудитория:
Message / Повідомлення / Сообщение:
CTA + destination URL:
Dimensions + format + maximum KB:
Languages: RU / UK / EN
Motion + still version + controls:
Authorised assets + rights:
Editable source + exports:
Acceptance + revision process:

Разберём пример

Условный бриф для собственного сайта: статичный баннер 600 × 300 px, сообщение «Подготовьте фото для сайта», переход на /guides/resize-image/, версии RU/UK/EN. Ограничение 120 КБ — выбранное условие этого примера, а не норматив рекламных сетей и не измеренный результат.

Проверьте результат

Откройте каждый экспорт. Сверьте пиксели и фактический вес, прочитайте весь текст, пройдите по ссылке и проверьте язык назначения. Получите исходники и подтверждение прав; картинка в переписке не заменяет комплект сдачи.

Где легко ошибиться

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

Источники и продолжение

Схема и примеры: редакция Web Article. Схема объясняет принцип и не является снимком интерфейса или результатом испытания программы.

Продолжить работу