Интернет-магазин косметики «Флора»

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

Клиент: «Флора»Интернет-магазинМосква
Сайт «Флора»

Задача

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

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

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

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

Исходная ситуация

Хороший продукт и магазин, в котором его трудно найти.

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

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

  • Каталог без группировки по типам кожи и проблемам
  • Состав и способ применения спрятаны или отсутствуют
  • Поиск не понимает опечатки и разговорные запросы
  • Обязательная регистрация перед покупкой и шесть шагов в корзине
  • Остатки обновляются вручную, возникают заказы на отсутствующие товары
  • Нет бонусов и повторных касаний, покупатель не возвращается

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

Мы изучили, как покупатели выбирают уход и почему отказываются от заказа.

Интервью с покупательницами

Поговорили с пятнадцатью клиентками. Все читают состав, сравнивают отзывы и боятся реакции кожи. Им важнее совет специалиста, чем скидка.

Анализ корзин

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

Изучение среднего чека

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

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

Решения по структуре

Магазин помогает выбрать, а не просто показывает полки.

Подбор ухода по типу кожи

Короткая анкета из шести вопросов формирует индивидуальную подборку из утреннего и вечернего ухода. Результат можно положить в корзину одним нажатием.

Умные фильтры и поиск

Фильтры по типу кожи, назначению, составу, объёму и цене. Поиск исправляет опечатки и находит товары по ингредиентам, например по запросу «гиалуроновая кислота».

Карточка товара с составом

Крупные фотографии, видео применения, расшифровка ингредиентов простыми словами, рекомендации по сочетанию с другими средствами и проверенные отзывы с фото.

Короткое оформление заказа

Заказ без регистрации в два экрана, автоподстановка адреса, выбор доставки и оплаты, сохранение данных после первой покупки. Потерянные корзины возвращаем письмом.

Решения по дизайну

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

Природная палитра

Светлые оттенки шалфея, молочный фон и тёплые тона глины. Интерфейс напоминает аптеку трав и при этом выглядит современно и чисто.

Предметная фотография

Организовали съёмку продуктов вместе с природными материалами: листья, ткани, камни. Крупные текстуры кремов передают ощущение, которое нельзя почувствовать на расстоянии.

Видимое качество

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

Покупки с телефона

Более двух третей заказов оформляется на смартфоне. Закреплённая корзина, увеличение фото жестом, оплата быстрыми способами и крупные кнопки упрощают покупку.

Этапы работы

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

1

Исследование и стратегия 2 недели

Интервью, анализ метрик магазина и маркетплейсов, структура ассортимента, цели по выручке и повторным покупкам.

2

Проектирование каталога и подбора 3 недели

Логика анкеты, правила рекомендаций с технологами бренда, прототип каталога, карточки товара и корзины.

3

Дизайн и съёмка 4 недели

Визуальная система, макеты всех типов страниц, предметная съёмка, видео применения и тексты ключевых карточек.

4

Разработка и интеграции 6 недель

Вёрстка, каталог, подбор ухода, интеграция с учётной системой и службами доставки, онлайн-оплата, письма и бонусная программа.

5

Запуск и развитие 2 недели + поддержка

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

Технологии

FigmaHTML5CSS3JavaScriptVue.jsPHP1СОнлайн-оплатаСДЭКЯндекс Метрика

Магазин синхронизируется с 1С: товары, цены, остатки и статусы заказов обновляются автоматически, а покупатель видит актуальную информацию. Подключили несколько способов доставки с расчётом стоимости в корзине, фискальные чеки и оплату картой и быстрыми платежами. Бонусная программа считает баллы за покупки и отзывы, а письма предлагают пополнить запасы тогда, когда средство должно закончиться.

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

Сложности и решения

Самым трудным оказался алгоритм подбора. Рекомендации по уходу нельзя строить на догадках, поэтому технологи бренда вместе с нами описали правила: какие средства сочетаются, какие нельзя использовать одновременно и что подходит при чувствительности. Анкета осталась короткой, но под ней спрятана достаточно строгая логика.

Заменяет ли подбор консультацию специалиста?

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

Как синхронизируются остатки?

Через 1С в автоматическом режиме, поэтому заказ на отсутствующий товар невозможен.

Можно ли запускать акции и промокоды?

Да, система поддерживает скидки, наборы и персональные предложения.

Результаты

Сравнение за шесть месяцев до и после запуска собственного магазина.

×2,3выручка интернет-магазина
+41%конверсия посетителя в покупку
29%покупок совершают постоянные клиенты
+35%средний чек за счёт наборов

Анкета подбора ухода прошли около трети посетителей, и конверсия у них вдвое выше средней. Наборы, которые раньше терялись в каталоге, теперь стали главными витринами и увеличили средний чек. Письма о брошенных корзинах возвращают примерно каждый шестой незавершённый заказ. Доля комиссии маркетплейсов в структуре продаж заметно снизилась, а выручка с собственного канала выросла почти вдвое с половиной.

🎯 Результат: выручка собственного интернет-магазина выросла в 2,3 раза, а почти треть покупок делают вернувшиеся клиенты.

Планы развития

Магазин задуман как платформа, которая дальше работает на повторные покупки.

  • Подписка на регулярную доставку любимых средств
  • Напоминания о том, что средство скоро закончится
  • Журнал с советами по уходу и разбором составов
  • Персональные подборки на основе прошлых заказов

Отзыв клиента

Для нас важно, чтобы покупатель понимал, что наносит на кожу. Mevero сделала это сердцем магазина: подбор ухода, состав простым языком, честные отзывы. Мы наконец-то получили свой канал, в котором общаемся с клиентами напрямую. А интеграция с 1С избавила нас от путаницы с остатками, о которой мы раньше не могли даже мечтать.

Анастасия Лебедеваосновательница бренда «Флора»

Итог проекта

Интернет-магазин с подбором ухода, умными фильтрами, подробными карточками, коротким оформлением заказа и программой лояльности. Выручка выросла в 2,3 раза. Сейчас мы поддерживаем магазин и вместе с брендом готовим подписку на регулярную доставку любимых средств.

Хотите собственный интернет-магазин, который продаёт сам?

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

Обсудить проект

Хотите похожий результат?

Расскажите о своей задаче — подготовим предложение с учётом опыта похожих проектов, сроков и бюджета.

  • Ответим в течение рабочего дня
  • Предложим 2–3 варианта решения
  • Зафиксируем бюджет и сроки в договоре
ОфисМосква, ул. Большая Новодмитровская, 23с2