Как мы с нуля сделали рич-контент для 31 карточки и новую витрину на Ozon производителю мебели

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

Точка А — до начала работ: в карточках Ozon не было рич-контента вообще, а витрина магазина не подчеркивала, что продавец — производитель.

Ограничения: рич-контент должен был работать как «лендинг в карточке» и корректно выгружаться на Ozon; баннеры витрины принимаются только в жестких размерах и весом не более 500 Кб; в карточках было нужно показывать целые серии (разные ширины и цвета), а не один товар.

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

Этап 1. Два концепта рич-контента

Показали клиенту два направления. Первое — стандартный шаблонный рич: фото и подпись к каждому блоку (преимущества, ящики, раковина, размеры). Клиент от него отказался из-за визуальной простоты. Второе — яркая проработанная «лендинговая» картинка на рендерах серии «Аляска» с крупным заголовком, УТП и блоками о производстве. Клиент выбрал его, и мы развили этот концепт на все карточки.

Этап 2. Структура рич-карточки

Собрали единую структуру блоков: шапка с логотипом и крупным названием («тумба», «пенал»), три УТП («Выгодные цены», «Гарантия качества», «Быстрое решение проблем»), блок «Производим мебель с 1998 г.», характеристики с размерами и цветами, блок серии с артикулами, блок «О производстве» с фасадом фабрики и блок «Установка и комплектация».

Этап 3. Адаптация на серию «Аляска» и другие линейки

Добавили в рич информацию о всей серии: заголовок «Серия Аляска», на каждом изображении ширина и id товара (белый, белый-вотан, графит-вотан; ширины 50 и 40 см). Общие блоки оставили, блоки с изображением конкретной тумбы заменили, тексты про размер и цвет скорректировали. Затем по той же схеме подготовили макеты для «Аляски 60» (три артикула), «Рифа», «Рифа Мини», «Сабаделя 80», «Эстеля 40» и пеналов «Риф» и др. Всего получился 31 макет.

Этап 4. Правки клиента и выгрузка на Ozon

Для «Аляски 60» разошлись данные по высоте (400 и 450 мм): по ответу клиента брали высоту с раковиной (45 см), без раковины 40 см. При тестовой выгрузке единого JPG на ПК-версии Ozon появились артефакты. Нарезали рич на блоки, сжали в PNG и загрузили по частям; визуал совпал с макетом, для всех товаров получилось по 6 картинок.

Этап 5. Прототип структуры витрины

собрали HTML-прототип структуры витрины и согласовали его с клиентом до отрисовки. Структура витрины настраивается в личном кабинете Ozon, поэтому дизайну потребовался только набор баннеров: два варианта главного баннера и плитки категорий и серий. Для исходников запросили «чистые» изображения без нанесенной графики.

Этап 6. Главный баннер и плитки

Клиент попросил сделать акцент на производителе. Подготовили два варианта главного баннера: комплект мебели с текстом «Мебель для ванной от производителя. Без посредников — напрямую с завода» и вариант на фоне изображения производства. Три УТП сохранили. Затем нарисовали плитки «Тумбы для ванной», «Шкафы и пеналы», «Серия Эстель» и «Серия Сабадель». Из двух вариантов оформления плиток клиент выбрал второй и попросил показывать на плитках серий и тумбы, и пеналы.

Этап 7. Требования Ozon к размерам и весу

Ozon отклонял файлы по размеру и весу. Выяснили реальные требования: главный баннер 686×560 для мобильной версии и 2832×600 для десктопа, плитки 336×336 и 1392×400, PNG или JPEG до 500 Кб. Файлы пересжали, после чего они прошли проверку. Позже клиент попросил адаптацию под новые размеры: главный баннер 2184×927 и карточки категорий 1424×600; ресайзы подготовили быстро.

Период и источник данных: материалы проекта, живая витрина и карточки на Ozon.

Таким образом, мы с нуля создали рич-контент для 9 карточек и новое оформление витрины, а клиент принял обе работы и разместил их на Ozon.

Комментарий

Показывайте на витрине производителя. Для Ozon это главный аргумент против перекупщиков: «без посредников, с фабрики» клиент выбрал сам, а УТП о гарантии и стаже с 1998 года поддерживают это обещание.

Сверяйте технические требования Ozon заранее. Баннеры принимаются в жестких размерах и до 500 Кб, а единый длинный JPG на ПК дает артефакты. Рич лучше сразу нарезать на блоки и сжимать в PNG.

Проектируйте рич на серию, а не на один товар. Общие блоки и сменные блоки с конкретной моделью позволили адаптировать «Аляску» и другие линейки быстро.

Сначала прототип, потом отрисовка. Согласованная структура витрины до работы дизайнеров сократила число правок.

Ключевые выводы

Итог в цифрах: за 7 недель подготовили 31 макет рич-контента, 2 варианта главного баннера и 4 плитки витрины в нескольких размерах. До этого в карточках не было рича вообще.

Чему учит кейс: на маркетплейсе производителю важно показывать производство и серию целиком не просто текстом, а оформленными красивыми и содержательными карточками с учетом технических требований площадки, это повышает уровень доверия покупателя при выборе товара и выделяет производителя среди конкурентов по нише.