Статья · Рич-контент

ТЗ на rich-контент для дизайнера: шаблон, материалы и приёмка

ТЗ на rich-контент отличается от задания на инфографику: дизайнер работает блоками, для Ozon делает по две версии картинок и сдаёт код, а для WB укладывается в 10 блоков. Ниже — шаблон задания, поблочная таблица и чек-лист приёмки.

Чем ТЗ на рич-контент отличается от ТЗ на инфографику

Общие правила задания дизайнеру — список слайдов, стиль, сроки, права на исходники — мы разобрали в статье о том, как выбрать дизайнера инфографики. У рич-контента есть свои особенности, и без них в ТЗ дизайнер сделает красивые картинки, которые потом не встанут в конструктор:

Работа идёт блоками, а не слайдами. Каждый блок — это виджет конструктора со своей пропорцией и своим местом для текста.
Для Ozon каждая картинка нужна в двух версиях — для компьютера и для телефона, с разными пропорциями.
Текст делится на две части: что нарисовано на картинке и что вписано в поле виджета. На Ozon текст в полях обязателен: рич-контент из одних картинок не индексируют внешние поисковики.
На Ozon результат — ещё и код JSON, а картинки нужны по прямым ссылкам.
На WB нет черновиков и есть лимит в 10 блоков, поэтому всё готовят заранее и собирают за один заход.

Шаблон ТЗ на рич-контент: общая часть

Товар: название, артикул, ссылка на карточку, для кого и для чего.
Площадки: Ozon, Wildberries или обе. От этого зависят размеры и формат сдачи.
Цель: на какие вопросы покупателя рич-контент должен ответить. Список вопросов и частых причин возвратов приложите.
Количество блоков: обычно 6–8; на WB не больше 10.
Стиль: фирменные цвета, шрифты, логотип, ссылка на галерею карточки — рич-контент должен выглядеть с ней одним целым.
Примеры: 2–3 рич-контента, которые нравятся, и что именно в них нравится.
Ограничения площадок: без цен, скидок, контактов, QR-кодов, призывов, информации о доставке и возврате, «Честного знака»; для WB — без «хитов» и цитат из отзывов.
Что сдать и в каком виде — подробно ниже.
Сроки и правки: когда первый блок на согласование, когда весь рич-контент, сколько кругов правок.
Права: кому принадлежат макеты и исходники после оплаты.

Поблочная таблица: главная часть ТЗ на рич-контент

Самая полезная часть задания — таблица, где у каждого блока есть строка. Дизайнер не придумывает содержание, а оформляет то, что вы решили. Образец:

№	Виджет	Картинка	Текст на картинке	Текст в поле	Исходник
1	Изображение с текстом	модель в куртке, средний план	нет	«Лёгкий пуховик до −20 °C» + 1 предложение	фото_012
2	Колонки с иконками	4 иконки	нет	4 свойства по одной строке	иконки дизайнера
3	Изображение и текст справа	ткань крупно	нет	состав и уход, 2–3 предложения	фото_031
4	Изображение и текст слева	модель в полный рост	рост модели и размер	как садится	фото_007
5	Видео	ролик 16:9	—	подпись к видео	видео_02

Названия виджетов в примере — из визуального редактора Ozon. Для WB пишите тип блока из его редактора: текст, иконки, картинка или видео, и формат картинки — широкая, квадратная или вертикальная. Готовые схемы по категориям — в статье с примерами рич-контента.

Технические требования для ТЗ: Ozon и WB

Параметр	Ozon	Wildberries
Картинки	JPG, JPEG, PNG до 10 МБ, без GIF	JPG, PNG до 5 МБ
Версии	отдельно для компьютера и телефона	одна на оба экрана
Размеры	компьютер 2:1 от 1416×708 или 1:1 от 708×708; телефон 1:1 от 640×640; до 16 Мп	800×500, 700×700, 700×900
Обложка	нет	800×500, края обрезаются
Видео	по прямой ссылке, лучше в двух форматах	16:9, MP4 или MOV, до 100 МБ
Заголовки	обрезаются после 2 строк	—

Подробно — в статьях про размеры рич-контента Ozon и про размеры на WB. Вставьте таблицу в ТЗ целиком: дизайнеры часто работают по памяти и путают лимиты площадок.

Что передать дизайнеру

Фото в исходном качестве с номерами файлов, как в поблочной таблице. Для широких блоков нужны горизонтальные кадры: из вертикальных фото галереи их не вырезать без потерь.
Тексты для каждого блока готовыми фразами — и для картинок, и для полей виджетов.
Характеристики из карточки: состав, размеры, комплектация. Цифры в рич-контенте должны совпадать с ними.
Видео, если есть: горизонтальное 16:9 для блоков рич-контента.
Логотип и шрифты с правом коммерческого использования.

Доступ к кабинету для Ozon дизайнеру не обязателен: конструктор есть на отдельном сайте rich-content.ozon.ru, там можно собрать рич-контент и скачать файл с кодом. Учтите, что внешний сайт хранит только одну последнюю версию черновика, поэтому код каждого товара дизайнер должен сохранять отдельно. Для WB редактор открывается только в карточке, поэтому дизайнер сдаёт файлы и тексты, а собираете вы или менеджер с доступом.

Что дизайнер сдаёт

Картинки, названные по номеру блока: «03_desktop.jpg», «03_mobile.jpg».
Для Ozon — две версии каждой картинки в нужных пропорциях.
Для Ozon — файл с кодом JSON или рич-контент, собранный в конструкторе, если так договорились. Ссылки в коде — на ваш хостинг, а не на личный аккаунт дизайнера.
Тексты для полей виджетов отдельным документом — их удобно вычитать и вставить.
Исходники макетов в Figma или PSD.

Приёмка рич-контента: чек-лист

Все блоки из таблицы на месте, порядок тот же.
Размеры и вес файлов соответствуют площадке.
Для Ozon обе версии заполнены, предпросмотр в режимах компьютера и телефона без пустых мест.
Текст на картинках читается на экране телефона.
В каждом блоке Ozon есть текст в поле, заголовки не длиннее двух строк.
Цифры совпадают с характеристиками карточки.
Нет цен, скидок, контактов, призывов, доставки и возврата; для WB — нет «хитов» и цитат из отзывов.
Код JSON без надписи «Некорректный JSON» в песочнице.
Рич-контент прошёл модерацию площадки.

Последний пункт стоит прописать в договоре: работа принята, когда рич-контент опубликован. Если модератор отклонил блок по вине оформления, дизайнер исправляет его в рамках заказа.

Сроки и правки

Удобный порядок — сначала один блок, обычно первый широкий. На нём согласуются шрифты, цвета и подача. Потом остальные блоки пакетом. Так правки по стилю делаются один раз, а не в каждом блоке. Если рич-контент нужен для серии похожих товаров, закажите шаблон: дизайнер делает его один раз, а для остальных товаров меняются только фото и тексты.

Частые вопросы

Что написать в ТЗ на рич-контент?

Товар и площадки, вопросы покупателей, стиль, ограничения площадок, поблочную таблицу (виджет, картинка, текст на картинке, текст в поле, исходник), технические требования, что сдать, сроки и правки.

Нужен ли дизайнеру доступ в кабинет для рич-контента?

Для Ozon — нет: конструктор есть на сайте rich-content.ozon.ru, оттуда скачивают файл с кодом. Для WB редактор открывается только в карточке, поэтому дизайнер сдаёт файлы и тексты.

Что должен сдать дизайнер рич-контента?

Картинки по номерам блоков, для Ozon — в двух версиях, тексты для полей виджетов, код JSON для Ozon, если договорились, и исходники макетов.

Когда принимать работу по рич-контенту?

После того как рич-контент прошёл модерацию площадки. Пропишите в задании, что отклонённые по вине оформления блоки дизайнер исправляет без доплаты.

Можно ли одно ТЗ на рич-контент использовать для Ozon и WB?

Структуру — да, но картинки для площадок разные: на Ozon две версии с пропорциями 2:1 и 1:1, на WB одна версия 800×500, 700×700 или 700×900.

Снимем фото по вашей поблочной таблице

Пришлите список блоков — снимем товар на моделях и крупным планом, горизонтально и вертикально, плюс видео 16:9 с монтажом.

Фото для рич-контента →

Источники: Ozon — «Rich-контент», Ozon — «Документация к rich-контенту», Wildberries — «Рич-контент».