Headless e-commerce платформа для Natura Siberica

Как мы построили масштабируемую омниканальную платформу для развития digital-продаж и единого клиентского опыта

Сайт: naturasiberica.ru

О клиенте Natura Siberica

Natura Siberica — один из крупнейших российских брендов натуральной косметики с собственным производством и портфелем из девяти брендов. В портфель компании входят Organic Kitchen, Planeta Organica и «Рецепты бабушки Агафьи».

На момент старта проекта компания активно развивала собственный D2C-канал продаж и масштабировала цифровую экосистему после роста спроса на локальные beauty-бренды.

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

Задача

О проекте и задачах

В 2022 году Natura Siberica приняла стратегическое решение развивать независимый D2C-канал продаж и создать единую e-commerce платформу для веба, мобильного приложения и внутренних сервисов.

Компании требовалась не просто интернет-витрина, а отказоустойчивая Headless E-commerce платформа, которая смогла бы объединить веб-версию, мобильное приложение для клиентов и внутренние инструменты для продавцов в единый организм с общей бизнес-логикой.

реализовать API-first архитектуру;
обеспечить омниканальную персонализацию;
интегрировать платформу с 1С и маркетплейсами;
гарантировать стабильную работу под высокими нагрузками.

Headless E-commerceединая цифровая экосистема брендов Natura Siberica

Решение

Аналитика и выбор архитектуры Headless E-commerce

Проектирование началось с анализа бизнес-процессов Natura Siberica. Мы выяснили, что будущая платформа должна обслуживать не только классический e-com сценарий (корзина-чекаут), но и сложную логику промо-механик, уникальную для каждого из девяти брендов.

Ключевым решением стало использование Headless E-commerce архитектуры. В этой парадигме серверная часть (бэкенд) не диктует визуальное оформление, а лишь поставляет данные через универсальный API для любых клиентских устройств. Это позволило нам в дальнейшем одновременно разрабатывать высокопроизводительный SPA-сайт на React и нативное по ощущениям мобильное приложение на Flutter.

Для синхронизации товарного каталога, цен и остатков из 1С в режиме, близком к реальному времени, был развернут брокер сообщений Apache Kafka.

Прототипирование и UX-дизайн

Платформа объединяет бренды с разной аудиторией — от молодежного Organic Kitchen до люксового Dr. Konopka’s. Поэтому навигация и фильтрация должны были оставаться интуитивными для каждого сегмента пользователей.

Поскольку платформа объединяет бренды с разной аудиторией (от молодёжного Organic Kitchen до люксового Dr. Konopka's), навигация и фильтрация должны быть интуитивными для каждого сегмента. Мы провели серию глубинных интервью и CustDev-исследований, на основе которых разработали детализированные прототипы в Figma. Это позволило протестировать гипотезы по юзабилити до написания кода.

Визуальный язык был построен на ценностях бренда: чистота, сила трав и безопасность состава. Наличие международных сертификатов (ICEA, ECOCERT) было выведено на уровень ключевых триггеров конверсии. Итогом стал единый UI-кит из более чем 200 компонентов, обеспечивающий визуальную консистентность экосистемы.

Похожая задача стоит и перед вашей компанией?

Расскажите о проекте — предложим решение, опираясь на наш опыт и реализованные кейсы

Техническая реализация

Headless на базе 1С-Битрикс

В качестве ядра платформы была выбрана CMS 1С-Битрикс, которая обладает мощным встроенным модулем интернет-магазина. Однако стандартной конфигурации было недостаточно: команда разработки выполнила кастомизацию системы, доработав её таким образом, чтобы использовать 1С-Битрикс в headless-конфигурации.

Наша команда разработала слой универсальных REST API, который обеспечивает отдачу структурированных данных о товарах, корзине, пользователе и т.д. напрямую в SPA-приложение на React и в мобильное приложение на Flutter. При этом весь мощный функционал 1С-Битрикс по управлению торговым каталогом остался доступен менеджерам клиента в привычном административном интерфейсе.

Веб-фронтенд (React.js)

Реализован как Single Page Application (SPA) с серверным пререндерингом. Это дало покупателю ощущение бесшовных переходов между страницами, что напрямую влияет на рост конверсии и глубины просмотра.

Мобильное приложение (Flutter)

Кроссплатформенная разработка сократила Time-to-Market. Приложение использует тот же бэкенд-API, гарантируя, что бонусы и история заказов в приложении и на сайте всегда идентичны.

Ключевая интеграция

Программа лояльности на базе Mindbox

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

Интеграция с маркетплейсами

Помимо развития собственного канала, важной бизнес-задачей было сохранение и усиление присутствия на ключевых торговых площадках. Была реализована комплексная интеграция с 1С, обеспечивающая автоматизированное управление товарными потоками через фиды и API для Wildberries, OZON, Яндекс.Маркет и СберМегаМаркет.

Этап прототипированияUX/UI системы e-commerce платформы, 8 месяцев работы

Результат

Цифровая трансформация внутренних процессов и клиентского сервиса

За 8 месяцев разработки Natura Siberica получила комплексную e-commerce платформу, полностью готовую к масштабированию в условиях растущего рынка.

Что получил бизнес

Независимый канал продаж с возможностью гибкого управления ценообразованием и ассортиментом;
Единое ядро управления контентом и заказами для веба и мобильного приложения, исключающее двойную работу контент-менеджеров.
Автоматизированную синхронизацию с 1С и ведущими маркетплейсами РФ.

Что получил покупатель

Бесшовный омниканальный опыт: Покупатель может начать оформление заказа в мобильном приложении в метро, а завершить его вечером с ноутбука на сайте, и при этом его корзина и персональная скидка сохранятся.
Высокая скорость работы: SPA-фронтенд на React обеспечивает быструю реакцию интерфейса, что критически важно для импульсных покупок в beauty-сегменте.
Справедливая программа лояльности: Расчет бонусов и скидок происходит в реальном времени с учетом всех акций, исключая досадные ошибки и недопонимания при списании баллов.
Прозрачность состава: Интуитивный доступ к международным сертификатам и детальному составу продуктов прямо в карточке товара повышает доверие и снижает порог принятия решения о покупке.

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