Тестовое задание · NATURI PHARM · 2026

Карточка для маркетплейса

Тестовое задание для компании NATURI PHARM: карточка товара «Магний цитрат + B6» бренда Health Form для Ozon. Ниже — не только готовый результат, но и ход мыслей: от разбора задачи и конкурентов до решений, которые легли в каждый слайд.

Экран iPhone 16 Pro Max в масштабе 1:1

Исследование

Анализ карточек магния на маркетплейсе

Я изучил больше 100 карточек магния разных брендов, преимущественно с витамином B6, на маркетплейсе Ozon.

Главный вывод: большинство конкурентов используют практически одинаковую стратегию дизайна — крупное название, банка, дозировка, количество капсул, преимущества и яркие цветовые акценты.

Количество плашек и цветов зашкаливает, все карточки пестрят перегруженной информацией, большая часть из которой попросту не читается. Глаз не понимает, за что зацепиться.

Стиль 90% — вылизанное ИИ-шное изображение, огромное количество одинаковых ракурсов. На многих карточках элементы интерфейса перекрывают название продукта и другую важную информацию.

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

Перед тем как продолжить

Предупреждение!

Я сразу покажу вам две карточки. Одну — сделанную полностью по ТЗ, и вторую — на основе изученных мной материалов, с предложением и корректировками.

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

Прототип версии 1 в интерфейсе маркетплейса
Прототип
Прототип версии 2 в интерфейсе маркетплейса
Прототип
Карточка версии 2: магний цитрат +B6 с корректировками
Версия 1

Полностью по техническому заданию

Много текста для обложки! Структура выглядит привычной, но всё равно глазу сложно вычленить главное и просканировать карточку, чтобы понять, о чём она, — особенно в эпоху коротких видео.

Версия 2

С предложением и корректировками

БАМ! 💥 БАМ! 💥 БАМ! 💥 1–2 секунды — и мы уже знаем все преимущества. Глазу не нужно бегать по карточке: все преимущества считываются легко и без затруднений.

Минусы

Решение

1
Минус

Надпись «магний цитрат» повторяется дважды — в заголовке и в дозировке.

1
Решение

Просто ставим граммовку под название — и сразу понятно, что дозировка 600 мг, без дублирования.

2
Минус

На карточке мало места, а информации, которой хочется поделиться на первом слайде, много. Все и так знают, что B, C, D — это витамины.

2
Решение

Убираем надпись «витамины», сокращаем место и просто выделяем B6 отдельным цветом.

3
Минус

120 капсул и так хорошо видно на большой банке. Места на карточке немного, поэтому «120» пришлось разместить прямо поверх банки — и информация снова дублируется.

3
Решение

Так как мы сэкономили очень много места, можно не перекрывать информацию на банке.

4
Минус

«4 месяца приёма, 1 капсула в день» — опять дважды пишем одно и то же слово: капсулы, капсулы.

4
Решение

Если разместить эту информацию сразу под объёмом банки и поменять местами месяцы и капсулы, сразу становится понятно: 120 капсул, по 1 в день, на 4 месяца. Убираем ещё два слова и два предлога.

5
Минус

Главные пожиратели места, которые всё равно все пишут мелко и которые плохо читаются: «Защита от стресса и крепкий сон», «Здоровье сердца и сосудов».

По сути это не преимущество продукта при выборе. Когда человек ищет или покупает магний, он уже знает, для чего он ему нужен: для сна, для сердца или для спокойствия.

5
Решение

Можно легко обойтись понятными крупными иконками — мы можем себе их позволить за счёт сэкономленного места. Они сразу дают понять, что продукт про здоровый сон и спокойствие и про здоровье сердца. Лёгкое напоминание о том, что люди и так знают.

Экран iPhone 16 Pro Max в масштабе 1:1

Решение

Отличительные черты

01

Фирменное пятно вместо пьедестала

Почти все банки поставлены на ИИ-шный 3D-пьедестал или куб, и почти ни у кого не встречается простого айдентичного пятна. Наше пятно исходит из логотипа — красивые узоры, которых нет ни у одного из конкурентов.

02

Банка под наклоном

Почти все конкуренты ставят банку ровно, и лишь очень малая часть наклоняет её. Так изображение выглядит чуть более динамично, а самое главное — отличается от 90% конкурентов.

03

Три смысловых блока

Дизайн Ozon и так пестрит плашками, а карточки конкурентов почти все используют огромное количество плашек и цветов — глазу непонятно, за что зацепиться.

Мы же упрощаем и группируем всё в 3 смысловых блока: название и дозировка, капсулы и применение, преимущества от употребления. Они стоят логично друг за другом и считываются легко, быстро и понятно.

Итог

Что получилось

  • Понятный и продающий дизайн.

  • Отличная читаемость текста на мобильных устройствах.

  • Обложка выделяется на фоне конкурентов, но остаётся в рамках премиального стиля БАДов.

    Я бы не назвал это супер-премиумом: премиум ещё более сдержанный, совсем не кричащий и, наверное, не совсем про маркетплейсы.

  • Дизайн легко адаптируется для других продуктов линейки.

  • Все преимущества товара выделены, размещены крупно и считываются легко и быстро.

Процесс

Поиск решения

Варианты обложки: поиск композиции, цвета и подачи информации Три финальных кандидата обложки