L'Oréal Kérastase adopta una arquitectura "headless" para su experiencia D2C

L'Oréal es una marca emblemática que no necesita presentación. Aunque la mayor parte de sus ingresos proceden del comercio tradicional, la empresa ha ido desarrollando sus estrategias de comercio digital en todas sus marcas y operaciones, pero la incorporación de los mercados emergentes ha supuesto un reto. En 2020, cuando la pandemia instó a las empresas de todo el mundo a encontrar un crecimiento sostenible y fuentes de ingresos, L'Oréal aceleró sus planes de digitalización, con un crecimiento del ecommerce del 64,6% durante el primer semestre del año.

Kérastase es la marca profesional de lujo líder mundial en el cuidado del cabello. Cuando hablamos de lujo en el sector de la belleza, también hablamos de exclusividad y de mayores ingresos por venta. Una de las premisas de oro de L'Oréal es evitar la competencia interna entre las marcas, lo que despertó en Kérastase la necesidad de una experiencia de ecommerce exclusiva y perfectamente integrada con el sitio web de su marca, para que sus clientes se mantengan fieles a ella.

El sitio web que tenía Kérastase ya era visualmente similar a un sitio de ecommerce, sólo le faltaban los precios, el inventario, las promociones y otras partes de la experiencia de compra, como el pago. Aprovechando la experiencia positiva con otras marcas en el mercado brasileño, Maurício Henao, Jefe de Innovación Digital de TI para las Américas, y Tauqir Malik, Arquitecto/Asesor Técnico de L'Oréal, invitaron a Valtech a desarrollar una integración entre Sitecore y VTEX.

El proyecto fue desarrollado por Valtech. Para diseñar la experiencia, dividimos el recorrido de compra en dos partes (desconocidas para el usuario). La primera es la navegación, que tiene lugar en Sitecore y extrae información comercial de VTEX a través de API. La segunda es la realización del pedido, que tiene lugar en VTEX y termina (tras la confirmación del pedido) con una redirección al sitio servido por Sitecore, cerrando el bucle.

L'Oréal se propuso buscar una solución para intensificar el juego del ecommerce de Kérastase. La premisa principal era mantener su arquitectura actual tal y como está, con todo el contenido y el sitio de la marca siendo atendido por Sitecore. Este escenario era perfecto para un enfoque de comercio "headless", cuando las experiencias del cliente front-end y los servicios de comercio back-end están desacoplados.

as posibilidades que ofrece una implementación headless son innumerables: proporciona un paquete de servicios independientes, contorneando una plataforma basada en API, en la que los clientes pueden ampliar más fácilmente el software y adaptarlo a sus necesidades. Con el SaaS componible que proporciona VTEX, en lugar de crear todas las cosas desde cero, las marcas pueden buscar lo mejor de su clase: partes independientes orientadas a los resultados y fácilmente combinables con las que realmente deben hacerse a medida, para ofrecer una experiencia cohesiva a los clientes.

Hay una característica notable en esta implementación: el papel del carrito persistente de VTEX. Es una parte esencial de la experiencia, ya que conecta todas las partes del proceso de compra. En el header del sitio web, hay un carrito al que el usuario puede añadir productos mientras navega. Al hacer clic en "Proceder al pago", el usuario es redirigido a VTEX donde se realizan el cálculo del envío, el tiempo de entrega y todos los siguientes pasos del proceso de compra.

El desafío detrás de esta experiencia aparentemente mundana fue que, durante la implementación de este proyecto, todos los principales navegadores actualizaron sus políticas de seguridad, lo que hizo imposible el intercambio de cookies entre dominios sin una configuración del lado del servidor. Con esta limitación, si un usuario agrega un producto al carrito y luego actualiza la página, el carrito se perdería, o si hace clic en "Continuar con el pago", el carrito crearía otra sesión (también perdería los productos agregados anteriormente) ya que hay una redirección intermedia.

Para ofrecer la experiencia que L'Oréal estaba buscando, Valtech tuvo que encontrar una manera de compartir una sesión de carrito en una pieza de software sin estado y servirla independientemente de la plataforma en la que se encontrara el usuario en un momento dado del viaje. Afortunadamente, VTEX tiene una capacidad de carrito persistente nativa que proporciona a cada nuevo carrito una identificación.

El proyecto se entregó en 10 semanas. A pesar de los ajustados plazos, Valtech fue capaz de implementar una solución elegante y escalable que puede ser aprovechada por cualquier otra sucursal de Kérastase en el mundo que desee mejorar su juego de comercio electrónico. 

En 2017, L'Oréal lanzó un programa global de desarrollo de sitios web llamado Website Factory (WSF). Entre otros objetivos, ayuda a la empresa a optimizar costos y estandarizar tecnologías y desarrollo en todas sus marcas. Internamente, cada marca que forma parte del programa (incluida Kérastase) tiene su propia instancia de sitio web global (llamada Master) que se localiza según sea necesario. El programa abarca muchos contratistas y socios y se rige por directrices y KPI.

Debido a que esta integración de ecommerce era vista como estratégica y con potencial global, se le pidió a Valtech (que es parte del FSM) que la implementara en el sitio web Master de Kérastase. Uno de los requisitos de WSF para desarrollar en Master es que los componentes sean ampliamente reutilizables y fácilmente localizables en cualquier región. Cualquier sucursal de Kérastase que quiera utilizar VTEX como su plataforma de ecommerce necesita cero desarrollo para comenzar a vender.

• Rápida obtención de ingresos
  
  • La integración entre el sitio web de la marca y el de ecommerce se completó en 2,5 meses.
• Experiencia "headless" impecable
  • Gracias a la integración con Sitecore, los clientes de L'Oréal Kérastase pueden comprar sin problemas en todo el sitio de la marca.
• Comercio plug-and-play
  • Cualquier sitio de la marca Kérastase ahora tiene disponible una funcionalidad de comercio plug-and-play lista para usar.
• Crecimiento sostenido
  • Headless es la forma más rápida para que las marcas de L'Oréal hagan la transición al comercio electrónico y desarrollen nuevas fuentes de ingresos.
• Una plataforma, múltiples modelos de negocio
  • B2C, B2E, B2B y Marketplace en una única plataforma de comercio.