Масштабируемая и контенто-ориентированная электронная торговля

Клиент

Модуль обучения L'Oréal

О клиенте

L’Oréal — французская инновационная компания по производству парфюмерии и косметики, пионер в области производства синтетической краски для окрашивания волос.

Технологии и инструменты

  • DPD
  • СДЭК
  • Почта России
  • Сбербанк
  • Wildberries
  • OZON
  • Brandquad
  • Mindbox
  • Товарные фиды
  • SAP

О клиенте

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

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

Challenge

L’Oreal с первых лет своего существования активно использует маркетинг через информационные материалы для продвижения своих продуктов, поддерживая тесные связи с ведущими визажистами, стилистами и дерматологами как в России, так и за её пределами.

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

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

В условиях стремительного увеличения объёмов создаваемого материала и роста требований со стороны пользователей, компания нуждалась в проекте, ориентированном на информационное сопровождение потребителей и продвижение брендов Matrix, L’Oreal Professionnel и Biolage.

Loreal

Задача

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

  • Разработать высокопроизводительное решение для быстрого и экономичного управления контентом
  • Интегрировать в решение функционал электронной коммерции
  • Обеспечить механизм гибкого управления рекламными блоками с учетом персонализации под каждый материал
  • Заложить в архитектурное решение необходимость быстрой загрузки страниц и оптимизацию для поисковой выдачи

Реализация

  1. Гибкое масштабирование в условиях высокого роста трафика

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

  2. Управление контентом

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

  3. Интеграция с Magento для управления eCommerce

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

  4. 100% WYSIWYG

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

  5. Дополнительные возможности

    При работе с контентом также доступны следующие возможности: установка и использование пользовательских компонентов и стилей для различных устройств и форматов контента, функция Drag and drop, редактор изображений для корректировки визуальных элементов вместе с редактированием контента и макета, настройки анимации и многое другое.

  6. Адаптация для мобильных устройств

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

  1. Свободный экспорт в любые системы и сервисы

    Контент хранится в древовидной структуре, где каждый элемент — будь то изображение или текст — представляет собой объект с индивидуальными свойствами и связями с другими элементами. Это исключает жёсткую привязку к HTML-формату и позволяет экспортировать данные в любые другие форматы, такие как JSON.

  2. SEO-оптимизированный код

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

  3. Стабильность отображения контента

    Сгенерированный контент хранится в виде HTML-кода в базе данных, а доступ к CSS осуществляется через CDN. Это гарантирует, что даже при сбоях подключения к стилям страницы сохраняют свой корректный внешний вид.

  4. Разделение сред

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

  5. Безопасность и разграничение прав доступа

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

  6. Гибкая система рекламных баннеров

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

    В рамках проекта была реализована интеграция с ОРД (оператором рекламных данных), что обеспечило соответствие требованиям государственного регулирования в области управления рекламой и персональными данными пользователей. Это позволило соблюсти законодательные нормы и обеспечить корректное функционирование рекламных блоков на платформе.

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

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

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

    Для обеспечения актуальной информации о стоимости и наличии товаров на платформе была реализована система интеграции с маркетплейсами и сетевым ритейлом. Продажа продуктов осуществляется через блоки “related products”, размещённые в статьях. При нажатии на продукт открывается модальное окно с детализированной информацией о продавцах, ценах и наличии товара.

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

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

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

  8. Интеграция с Mindbox

    Также была реализована интеграция с платформой Mindbox для сбора данных с форм подписок и результатов опросов. Это позволяет настроить персонализированную коммуникацию с клиентами, используя собранные данные для индивидуальных предложений, рассылок и акций. Кроме того, система поддерживает проведение и анализ A/B тестов, что способствует постоянному улучшению взаимодействия с пользователями и повышению эффективности маркетинговых стратегий.

Результаты

Salon Secret — это издание и онлайн-гид для всех, кто заботится о своих волосах и ищет качественные решения в области ухода и стиля. Платформа предлагает читателям материалы об уходе за волосами, причёсках, стрижках, окрашивании и уходе за волосами, а также обзоры новейших средств и советы от ведущих стилистов. Весь контент ориентирован на создание удобного пользовательского опыта и продвижение лучших продуктов для ухода за волосами.

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

Более 600 000 посетителей в месяц

Увеличение длительности сессии в 3.5 раза от плановых показателей

Рост конверсии на 60% от плановых показателей

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

Технологии

Frontend

  • React
  • Next.js
  • GraphQL
  • Typescript

Backend

  • Magento 2 CE
  • PHP 8
  • Apollo GraphQL

DevOps

  • Terraform
  • Docker swarm
  • Redis
  • Percona XtraDB
  • Sentry

Specific

  • Varnish
  • Jest
Loreal

Salon Secret зарекомендовал себя как эффективная платформа, позволившая оптимизировать расходы и сократить время на управление информационными материалами, повысить скорость работы сайта и улучшить SEO-показатели.

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

Быстродействующий сайт с динамическими рекламными блоками не только улучшил пользовательский опыт, но и способствовал увеличению продаж, помогая L’Oreal укрепить свои позиции на рынке.
Choose languageRU

© 2009—2024 Mygento. Все права защищены. Политика конфиденциальности

Menu Menu Menu

Аккредитованная
ИТ-компания