Этап 2. Продакшн материалов
Регламент постановки задач на дизайн и разработку, подготовки mockup, верстки, QA и передачи готовых креативов на старт кампании.
- Предупреждение
- Ограничение в должностных полномочиях
- Удержание из заработной платы, если нарушение привело к финансовым потерям
- Увольнение
RACI / роли на этапе
| Действие | 👥 SM | 🧑💼 AM | 🎯 Traffic | ⚙️ PM | 🎨 Дизайнер | 👨💻 Front-end Dev | 🧑💻 Клиент |
|---|---|---|---|---|---|---|---|
| 🧭 Постановка задач дизайну / разработке | 🔹 В курсе | ✅ Исполнитель | 🔹 В курсе | 🟢 Ответственный | 🔸 Информирует | 🔸 Информирует | 🔹 В курсе |
| 🎞 Подготовка скринкаста | 🔹 В курсе | 🔸 Информирует | 🔹 В курсе | 🟢 Ответственный 🔸 Информирует | ✅ Исполнитель | 🔹 В курсе | 🔸 Информирует |
| 💻 Верстка креатива | 🔹 В курсе | 🔸 Информирует | 🔹 В курсе | 🟢 Ответственный 🔸 Информирует | 🔹 В курсе | ✅ Исполнитель | 🔸 Информирует |
| 📞 Коммуникация с клиентом | 🔸 Информирует | ✅ Исполнитель 🟢 Ответственный | 🔹 В курсе | 🔹 В курсе | 🔹 В курсе | 🔹 В курсе | 🔸 Информирует |
Основные шаги
| Шаг | Кто | С кем | Где | Как | SLA |
|---|---|---|---|---|---|
| Постановка задач дизайну / разработке | AM | PM | Доска Trello | Через форму Foxible | По регламенту задачи |
| Подготовка скринкаста | DS | PM, AM | Figma Team project | Mockup / скринкаст | 2 раб. дня |
| Верстка креатива | Front-end Dev | PM, AM | Репозиторий / тестовая страница | Верстка креатива по согласованному mockup | 2 раб. дня |
Технические требования и форматы
Доступные форматы
Статья scroll-to-site
Rising stars
Передача материалов в работу
AM создаёт задачу в Trello на разработку креативов. DL реагирования — 1 рабочий час.
| Поле в задаче | Что указать |
|---|---|
| Название РК | Название кампании из медиаплана / брони |
| Название форматов | Interactive Video, Interactive Banner или другие согласованные форматы |
| Ссылки на исходники | Ссылки на облачный диск компании |
| Дополнительные комментарии | Механика, коммуникация, CTA, мастер-баннер, пожелания клиента |
| Срок | Согласованный дедлайн с учётом SLA |
- Задачи на продакшен принимаются только в Trello и только по шаблону.
- Исходники клиента должны быть загружены на облачный диск компании.
- Коммуникация и комментарии клиента передаются дизайнеру только в задаче Trello.
Создание mockup
DL для клиента — 2 рабочих дня. Сначала дизайнеры создают mockup креатива, чтобы ускорить процесс и сократить количество правок.
Что входит
Анимированный макет в Figma или 2 изображения, которые схематично показывают расположение элементов в баннере. Если в креативе есть механики и анимации, они описываются отдельно.
Правки
Первый этап включает 2 правки. На этом этапе возможны правки любой сложности.
✉️ Шаблон письма AM по mockup
Важно: мы не предлагаем клиенту WOW-механику при размещении кодом.
Верстка креатива
DL для клиента — 2 рабочих дня. После согласования mockup AM подтверждает дизайнеру и разработчику переход к верстке.
Второй этап включает ещё 2 правки. Здесь возможны только минимальные правки: поправить отображение, анимацию или сдвинуть элемент.
- Вся коммуникация ведётся только в Trello.
- Разработчики обязаны выполнять верстку РИМ с точным соответствием дизайн-макетам и Pixel Perfect качеством.
- AM обязан убедиться, что верстка выполнена строго по mockup и скринкасту.
✉️ Шаблон письма AM по готовым тестовым страницам
При подготовке креативов для размещения с помощью кода стороннего сервера нужно сначала получить итоговое одобрение тестовой страницы от агентства или клиента.
QA и итерации
QA
DL для клиента — 1 рабочий день. Готовый креатив отправляется в отдел QA, где проверяется корректное отображение на разных устройствах, браузерах и разрешениях.
Итерации и стоимость
В стоимость включены 4 итерации правок: 2 по макету и 2 по верстке. Правки вносятся в тот же день или максимум в течение 1 рабочего дня.
Создание не более 1 пары креативов — десктоп + мобайл — до 4 итераций бесплатно. Более 1 пары или сверх 4 итераций — только через согласование руководителя.
Ведение проекта в Trello
Нужно взять в работу
Ответственный: дизайнер. Взятие проекта — 1 рабочий час. Проверить файлы, запросить недостающие материалы, провести летучку 10–15 минут с AM.
В процессе / Design
Ответственный: дизайнер. Максимальный срок до итогового скринкаста — 12 рабочих часов. Макет Figma должен быть открыт для копирования. Скринкаст — на Яндекс Диске с тегом AM.
На согласовании у клиента / Скринкаст
Ответственный: AM. Отправка скринкаста в почту — максимум 10 минут после переноса карточки. Если клиент прислал правки — вернуть в Design.
В процессе / Dev
Ответственный: разработчик. Максимальный срок до итоговой тестовой — 16 рабочих часов. Каждая версия креатива размещается на новой тестовой странице на домене foxcases.
На согласовании у клиента / DEV
Ответственный: AM. Отправка тестовой страницы в почту — максимум 10 минут. При правках карточка возвращается в Dev. Решение о привлечении дизайнера принимает AM.
QA
Ответственный: разработчик / QA. Максимальный срок QA — 1 рабочий час. QA проходят все креативы.
Сборка на старт
Ответственный: разработчик. Максимальный срок сборки — 3 рабочих часа. Готовятся JS, архив с креативом и тестовая страница. После запуска РК AM переносит карточку в «Завершено».