Добавить в корзинуПозвонить
Найти в Дзене
design4seller

Как круто прокачать дизайн карточки товара на OZON на примере ноутбука самостоятельно?

Возьмем для примера обычный NONAME ноутбук и прокачаем его на максимум. Сделаем инфографику, анимируем первый слайд для видео-обложки и создадим крутой продающий RICH-контент, чтобы у покупателя не осталось никаких сомнений в покупке. Инфографика Сделаем 6 слайдов, чтобы рассказать покупателю о самых важных характеристиках устройства: В целом, этого достаточно, остальные подробности добавим в RICH-контент И вот что получилось: Отлично, теперь основные параметры и преимущества ноутбука видны сразу на фотографиях. Но мы можем сделать дизайн карточки еще эффектнее! Видеообложка Пришло время "оживить" первый слайд, чтобы у покупателя цеплялся взгляд на карточку, когда он пролистывает каталог однотипных товаров. Обычно видео-обложка это анимация первого кадра инфографики, последовательное появление элементов позволяет "рассказать" про товар небольшую историю, запомниться потенциальной аудитории и повысить CTR - один из самых основных показателей хороших продаж. Есть несколько простых инстр
Оглавление
Возьмем для примера обычный NONAME ноутбук и прокачаем его на максимум. Сделаем инфографику, анимируем первый слайд для видео-обложки и создадим крутой продающий RICH-контент, чтобы у покупателя не осталось никаких сомнений в покупке.

Инфографика

Сделаем 6 слайдов, чтобы рассказать покупателю о самых важных характеристиках устройства:

  • Главный слайд, с акцентом на мощность. Покажем также объем оперативной памяти, SSD диска, поколение процессора и кол-во ядер. Важно отметить, что ноутбук поставляется уже с русифицированной клавиатурой, а значит никаких "костылей" с наклейками или дополнительных забот с гравировкой не планируется. Если получится, постараемся вместить на главный слайд про время работы ноута без подзарядки
  • Отдельно раскроем параметры процессора и укажем, что на компьютере уже предустановлена и активирована свежая версия Windows
  • Расскажем про экран, он действительно большой, с высоким разрешением и с IPS-матрицей. В верхней части экрана интегрирована web-камера.
  • Остановимся на дизайне, это минималистичный и стильный ноут, укажем его размеры и вес.
  • Покажем русифицированную клавиатуру, отметим, что на ноутбуке работает разблокировка по отпечатку пальца и есть подсветка клавиш
  • Продемонстрируем все интерфейсы, по которым можно подключать другие устройства к ноутбуку: Type-C, HDMI, USB, Micro SD, Audio 3,5

В целом, этого достаточно, остальные подробности добавим в RICH-контент

И вот что получилось:

Отлично, теперь основные параметры и преимущества ноутбука видны сразу на фотографиях. Но мы можем сделать дизайн карточки еще эффектнее!

Видеообложка

Пришло время "оживить" первый слайд, чтобы у покупателя цеплялся взгляд на карточку, когда он пролистывает каталог однотипных товаров.

Видеообложка для маркетплейса OZON для ноутбука

Обычно видео-обложка это анимация первого кадра инфографики, последовательное появление элементов позволяет "рассказать" про товар небольшую историю, запомниться потенциальной аудитории и повысить CTR - один из самых основных показателей хороших продаж.

Есть несколько простых инструментов, освоив которые можно самостоятельно и быстро анимировать свою инфографику. Если у вас есть свободное время и интерес а этом разобраться, подписывайтесь на канал, скоро выложу подробную статью и разбор таких сервисов.

RICH-контент

На нем хочется остановиться немного подробнее. Rich-контент эффективный и часто - недооцененный инструмент. В области, где находится описание товара внимательный покупатель ищет подробности про товар, хочет убедиться, что покупка оправдает ожидание. А заодно, покупатель оценивает, "каким языком" продавец разговаривает, можно ли ему доверять, не поленился ли он рассказать о товаре.

Многие продавцы поле описания используют сугубо как техническое, закидывая в него SEO-описание, которое невозможно прочитать простому покупателю. Что думает покупатель, когда сталкивается с таким текстом?

  • Это что-то странное, пойду к другому продавцу...

Как же найти компромисс между SEO и продающим контентом?

Внезапно, Rich-контент на OZON идеально решает эту задачу. Вы можете оставить seo-оптимизированный текст в описании, его не увидит пользователь, но будет учитывать поисковый робот ОЗОН. А значит, ваша карточка продолжит показываться по нужным вам запросам. А вот всю красоту визуальной части этого блока вы можете создать средствами rich-контента.

При этом вы можете самостоятельно создать RICH-контент в конструкторе от OZON. Посмотрите пару уроков в интернете, это будет не сложно. Займет немного вашего времени, а результат уже станет гораздо лучше, чем простое текстовое описание.

Но в идеале, RICH-контент надо тоже рисовать. При этом потребуется создать дизайн как для версии для компьютера с шириной в 1416 px, так и мобильную версию с шириной 640 px.

Если обратить внимание, как сам OZON использует RICH-контент для телевизоров, которые продаются под их собственным брендом HARTENS, то станет понятно, что такой контент в конструкторе не создашь.

Давайте нарисуем для нашего ноутбука такой RICH-контент, который ориентируется на лучшие примеры ниши электроники!

Версия для компьютера

Версия для телефона

Самое время напомнить, как описание выглядело до изменений:

-5