A/S
Косметика5 мин

Подбор оттенка тонального крема на сайте: три шага до корзины

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

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

Когда подбор оттенка нужен на сайте

Три сигнала, что карточке не хватает помощи с тоном:

  • в поддержку пишут «какой оттенок ближе к моей коже» при десятке SKU в линейке;
  • покупатель заказывает два тона «на пробу» и возвращает один;
  • на маркетплейсе оттенок указан, на своём сайте — только «светлый» или «бежевый».

Если продаёте один универсальный BB-крем без линейки оттенков, достаточно номера с упаковки и фото свотча. Отдельный блок подбора не обязателен.

Номер оттенка — основа карточки

По ТР ТС 009/2011 для декоративной косметики в маркировке указывают цвет и/или тон. На сайте показывайте тот же номер, что на флаконе или крышке, а не только рекламное название вроде «porcelain glow».

Поле на карточке Что писать Ошибка
Номер оттенка «Тон № 2N» как на упаковке «Натуральный беж» без номера
Название линейки Точное имя серии с этикетки Сокращённое имя только на сайте
SKU Один код на каждый оттенок Один артикул на всю палитру
Цвет в данных Значение для Google color Пустое поле при десятке вариантов

Google в merchant listing structured data поддерживает поле color для варианта товара. На сайте номер оттенка должен совпадать с кнопкой «В корзину» и складским остатком.

Три шага подбора на одной странице

Соберите короткий путь без медицинских обещаний. Это не диагностика кожи, а ориентир по визуальным признакам.

Шаг 1 — глубина тона. Покупатель выбирает группу: очень светлый, светлый, средний, смуглый. Рядом — мини-свотчи трёх оттенков из каждой группы.

Шаг 2 — подтон. Три варианта без жаргона:

  • Холодный — кожа без макияжа кажется розовой или с лёгким синеватым отливом на запястье.
  • Тёплый — золотистый или оливковый отлив, вены на запястье кажутся зеленоватыми.
  • Нейтральный — розовый и золотистый баланс, сложно отнести к одному полюсу.

Шаг 3 — финиш и плотность. Отдельно от цвета: матовый, сатиновый или сияющий; лёгкое или плотное покрытие. Один оттенок может быть в двух текстурах — это разные SKU.

После трёх шагов показывайте один рекомендованный номер и ссылку «посмотреть соседний оттенок», если покупатель сомневается.

Фото свотчей, которые помогают

Покупатель не может потрогать текстуру через экран. Яндекс Маркет в гайде для косметики прямо говорит: карточка должна заменить консультанта. Для тонального крема минимум:

  • свотч на внутренней стороне предплечья при дневном свете;
  • тот же оттенок на двух разных глубинах тона рядом для сравнения;
  • фото упаковки, где читается номер на крышке;
  • короткое видео нанесения — как ложится слой, без обещания «идеальной кожи».

Правила съёмки:

  • один и тот же осветитель и фон для всей линейки;
  • без фильтров, которые меняют подтон;
  • подпись «оттенок № __ на фото» под каждым кадром;
  • при смене формулы или упаковки обновляйте свотчи — старые кадры вводят в заблуждение.

Подсказка «между двумя оттенками»

Если покупатель колеблется между соседними номерами, добавьте таблицу под переключателем оттенка:

Ситуация Текст на карточке
Между 2N и 3N, холодный подтон «Между 2N и 3N: для холодного подтона начните с 2N»
Между 3W и 4W, тёплый подтон «Между 3W и 4W: для тёплого подтона 4W даст больше золота»
Летом кожа темнее «Летом часто берут на один номер глубже — смотрите свотч 4N»
Нужно прикрыть покраснение «Для ровного тона без розового отлива смотрите нейтраль N, не W»

Текст привязан к вашей палитре. Общая фраза «светлее возьмите меньший номер» без указания линейки не помогает.

Сравнение двух соседних оттенков

На отдельной вкладке или блоке покажите пару «частый выбор»:

Оттенок 2N Оттенок 3N
Глубина Светлее На полтон темнее
Подтон Нейтральный Нейтральный
Кому чаще подходит Светлая кожа без явного розового Светлая кожа, которая кажется «серой» в 2N
Что написать покупателю «Если 2N слишком светлый на щеках — попробуйте 3N» «Если 3N заметен на линии челюсти — вернитесь к 2N»

Не обещайте «100% попадание». Честно укажите, что финальный выбор возможен только после нанесения на своё лицо при дневном свете.

Чек-лист перед публикацией линейки

  • У каждого оттенка номер совпадает с упаковкой и складским SKU.
  • На странице линейки есть три шага: глубина, подтон, финиш.
  • Свотчи сняты в одном свете, подписаны номерами с упаковки.
  • Для соседних оттенков есть блок «между двумя тонами».
  • Поле color или аналог заполнено для каждого варианта в каталоге.
  • Указано, можно ли вернуть открытый флакон — без скрытых условий.
  • Текст не обещает лечение, «идеальную кожу» или медицинский результат.

Когда одного сайта мало

Не обещайте точный подбор только по фото, если:

  • линейка больше двадцати оттенков без живой консультации;
  • формула меняется, а номера на упаковке остаются прежними;
  • продаёте профессиональную линию с маркировкой «только для мастеров».

Тогда добавьте чат с консультантом, мини-пробник в заказ или честную ссылку на правила возврата неподошедшего оттенка. Статья не заменяет дерматолога и не даёт советов по лечению кожи.

Что делать дальше

Возьмите линейку с частыми возвратами по оттенку. Сверьте номера с упаковкой, добавьте свотчи и блок «между двумя тонами» для самой популярной пары. Пройдите путь покупателя на телефоне и сравните вопросы в поддержке за две недели. Нужна помощь с карточками оттенков и подбором на сайте — обсудим первый шаг в Telegram: https://t.me/+ne4VmUcDHW1lMmIy.

Продолжение в Telegram

Разбираю сайты и способы получать больше прямых заказов

Публикую практические идеи для бизнеса простым языком: что улучшить, как считать результат и где не тратить деньги зря.

Перейти в канал

Могу помочь с вашей задачей

Настрою карточки оттенков и подбор тона на сайте косметики

Сначала сверим номера оттенков с упаковкой и палитру в цехе. Затем оформим свотчи, блок подтона и подсказки «между двумя тонами» так, чтобы покупатель понял выбор на телефоне.

Источники

Информация проверена 11 сентября 2026 г.. Изменчивые условия лучше перепроверить перед принятием решения.

  1. ТР ТС 009/2011 «О безопасности парфюмерно-косметической продукции»проверено 11 сентября 2026 г.
  2. Google Search Central: Merchant listing structured dataпроверено 11 сентября 2026 г.
  3. Яндекс Маркет: как оформить карточку товара в категории «Косметика»проверено 11 сентября 2026 г.

Читайте дальше

Материалы по соседним задачам

Косметика

Что указать на карточке косметики на сайте: состав, применение и сроки

Какие поля перенести с упаковки косметики на сайт по ТР ТС 009/2011: состав INCI, способ применения, срок годности, объём и формулировки, которые нельзя писать без подтверждения.

Читать
Косметика

Оптовый раздел для мастеров и салонов на сайте косметики: доступ, цены и объёмы

Как открыть на сайте бренда косметики раздел для мастеров и салонов: проверка статуса, профессиональный ассортимент, личные цены и объёмы по ТР ТС 009/2011 без смешения с розницей.

Читать
Косметика

Подарочные наборы косметики на сайте: состав, объём и срок годности

Как оформить подарочный набор косметики на сайте: три типа комплекта, таблица объёма и сроков по каждому SKU, чек-лист полей с упаковки и правила остатков.

Читать
Все статьи