Статьи · Косметика

Сайт для бренда косметики: как продавать баночку через экран

6 августа 2026 · 8 минут чтения · VOPLOTIX

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

Зачем свой сайт, если уже есть WB и Ozon

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

Что маркетплейс не даёт в принципе:

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

Рабочая схема - не «или-или», а разделение ролей. Холодный трафик из рекламы, блогеров и поиска ведём на сайт, где есть место объяснить продукт. Тёплый спрос по прямому запросу пусть забирают площадки. В посылку кладём карточку с QR-кодом на сайт: человек уже держит вашу баночку в руках, это лучший момент познакомить его с брендом.

Баночку продаёт движение, а не фотография

Статичное фото банки на белом фоне не отвечает ни на один реальный вопрос. Густой крем или текучий? Липнет или впитывается? Помада матовая или с блеском? Всё это показывает видео на две-три секунды.

Что снимать в первую очередь:

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

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

Отдельная история - скролл-кино: когда при прокрутке баночка поворачивается, капля падает, а текст появляется в такт. Это уже не «страница с картинками», а маленький фильм про продукт. Мы делаем такие экраны кастомным кодом, живые примеры собраны в разделе наши работы. Опыт работы с движением и видео у нас свой: сервис оживления фотографий fotozhivi.ru - наша разработка.

Состав и честность работают как продающий блок

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

Минимум, который стоит вынести на страницу текстом:

• полный состав по INCI - списком, копируемым текстом;
• расшифровка пяти-семи ключевых компонентов простым языком: что делает и зачем здесь;
• объём, срок годности, срок после вскрытия, страна и производитель;
• честные «нет»: без отдушки, без спирта, без силиконов - но только если это правда;
• кому не подойдёт. Это не минус, а фильтр: он снимает часть возвратов и половину вопросов в директ.

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

Сторис, UGC и разговор с аудиторией

Люди верят другим людям больше, чем студийной съёмке. Обычная ванная, обычный свет, обычные руки - и покупатель узнаёт себя. Поэтому пользовательский контент на сайте бьюти-бренда стоит дороже любого баннера.

• сторис-виджет с вертикальными роликами на главной и в карточке товара: формат привычен всем, объяснять его не нужно;
• видео и фото клиентов с их согласия, с именем и датой. Разные типы кожи, разный возраст, разные оттенки - покупатель ищет похожего на себя;
• отзывы с датой и деталями вместо безликого «Анна, 32 года, всё понравилось»;
• система сбора: QR в посылке, простая форма загрузки видео, модерация в админке. Без системы UGC заканчивается через месяц;
• лицо бренда: кто вы, зачем начали, что не получилось в первой партии. Живая история убеждает сильнее слова «премиум».

Отдельный слой - вопросы. Их задают вечером и ночью: подойдёт ли жирной коже, можно ли при беременности, сочетается ли с кислотами. Здесь помогает ИИ-ассистент, обученный на вашей базе: состав, доставка, совместимость, размеры набора. Он отвечает мгновенно, а заявку и сложный вопрос передаёт человеку. Важное ограничение: ассистент рассказывает про продукт, но не ставит диагнозов и не назначает уход при заболеваниях.

Скорость на мобильных: где теряются заказы

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

Что даёт результат на практике:

• видео с атрибутом preload=none и плакат-кадром, запуск при попадании в экран, а не всё сразу на старте;
• картинки в webp или avif, ровно того размера, в котором показываются;
• один шрифт вместо четырёх начертаний, подгружаемых из разных мест;
• ориентир по метрикам: первый экран рисуется меньше чем за 2,5 секунды на мобильном интернете;
• проверка руками: откройте сайт с телефона на сотовой сети, а не по домашнему wi-fi. Разница обычно неприятная.

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

Повторные продажи и подписка

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

• посчитайте средний срок расхода каждого продукта и напоминайте о нём за неделю до конца;
• подписка «та же баночка раз в 6 недель» со скидкой - и обязательно с кнопками «пропустить месяц» и «отменить». Отмена через письмо в поддержку убивает доверие быстрее, чем подписка приносит пользу;
• мини-форматы и наборы для первого заказа: попробовать дешевле, чем купить полный объём;
• сообщение через две недели после покупки: как ощущения, что подсказать, приложите фото. Это одновременно сервис и сбор UGC;
• своя админка и аналитика: видно, какие позиции берут повторно, где отваливается корзина, какой канал привёл заказ. Собственную панель управления мы делали, например, в проекте отеля - подробности в статье сайт для отеля.

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

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

Уходить ли с маркетплейсов ради своего сайта?

Нет. У них разные роли: площадка забирает готовый спрос, сайт строит бренд и собирает базу покупателей. Разумно вести рекламу и блогеров на сайт, а на маркетплейсах держать ассортимент для тех, кто ищет по названию.

Нужна ли профессиональная съёмка для видео текстур?

Для старта достаточно телефона, дневного света у окна и штатива за пару сотен рублей. Важнее стабильность кадра и свет, чем камера. Студийную съёмку имеет смысл заказывать под первый экран и ключевые продукты.

Сколько времени занимает такой сайт?

Живой концепт первого экрана мы показываем через 48 часов после четырёх вопросов в квизе - бесплатно. Полный сайт - от двух недель, срок зависит от объёма каталога и количества съёмок.

Что нужно от бренда, чтобы начать?

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