L'Oréal Kérastase adota uma arquitetura headless para sua experiência D2C

A L'Oréal é uma marca icônica que dispensa apresentações. Embora a maior parte de sua receita venha do comércio tradicional, a empresa vem desenvolvendo suas estratégias de comércio digital em todas as suas marcas e operações, mas a incorporação de mercados emergentes tem sido um desafio. Em 2020, quando a pandemia instou empresas em todo o mundo a encontrar crescimento sustentável e fluxos de receita, a L'Oréal acelerou seus planos de digitalização, com crescimento de 64,6% no ecommerce durante o primeiro semestre do ano.

A Kérastase é a marca líder mundial em cuidados capilares de luxo profissional. Quando falamos de luxo no setor de beleza, também estamos falando de exclusividade e maior receita de vendas. Uma das premissas de ouro da L'Oréal é evitar a concorrência interna entre as marcas, o que despertou na Kérastase a necessidade de uma experiência de ecommerce exclusiva e perfeitamente integrada com o site da sua marca, para que os seus clientes se mantenham fiéis ao mesmo.

O site que Kérastase já tinha era visualmente semelhante a um site de ecommerce, faltando apenas preços, estoque, promoções e outras partes da experiência de compra, como pagamento. Com base na experiência positiva com outras marcas no mercado brasileiro, Maurício Henao, Head de Inovação Digital de TI para as Américas, e Tauqir Malik, Arquiteto/Assessor Técnico da L'Oréal, convidaram a Valtech para desenvolver uma integração entre a Sitecore e a VTEX.

O projeto foi desenvolvido pela Valtech. Para projetar a experiência, dividimos a jornada de compra em duas partes (desconhecidas do usuário). A primeira é a navegação, que ocorre no Sitecore e puxa informações de negócios da VTEX via APIs. A segunda é a realização do pedido, que ocorre na VTEX e termina (após a confirmação do pedido) com um redirecionamento para o site atendido pela Sitecore, fechando o loop.

A L'Oréal decidiu encontrar uma solução para intensificar o jogo de ecommerce da Kérastase. A premissa principal era manter sua arquitetura atual como está, com todo o conteúdo e site da marca sendo atendidos pela Sitecore. Esse cenário foi perfeito para uma abordagem de comércio "headless", quando as experiências do cliente de front-end e os serviços de comércio de back-end são dissociados.

As possibilidades oferecidas por uma implementação headless são infinitas: ela fornece um pacote de serviços independentes, delineando uma plataforma baseada em API, onde os clientes podem estender o software com mais facilidade e adaptá-lo às suas necessidades. Com o SaaS combinável que a VTEX oferece, em vez de construir tudo do zero, as marcas podem procurar o que há de melhor da categoria: peças autônomas e orientadas a resultados que podem ser facilmente combinadas com aquelas que realmente precisam ser feitas sob medida, para oferecer uma experiência coesa aos clientes.

Há uma característica notável nesta implementação: o papel do carrinho persistente VTEX. É uma parte essencial da experiência, conectando todas as partes do processo de compra. No cabeçalho do site, há um carrinho ao qual o usuário pode adicionar produtos durante a navegação. Ao clicar em "Proceder ao pagamento", o usuário é redirecionado para a VTEX onde é feito o cálculo do frete, prazo de entrega e todas as próximas etapas do processo de compra.

O desafio por trás dessa experiência aparentemente mundana foi que, durante a implementação deste projeto, todos os principais navegadores atualizaram suas políticas de segurança, impossibilitando a troca de cookies entre domínios sem uma configuração do lado do servidor. Com essa limitação, se um usuário adicionar um produto ao carrinho e atualizar a página, o carrinho será perdido, ou se clicar em "Continuar para finalizar compra", o carrinho criará outra sessão (também perderia os produtos adicionados anteriormente), pois há um redirecionamento intermediário.

Para oferecer a experiência que a L'Oréal estava procurando, a Valtech teve que encontrar uma maneira de compartilhar uma sessão de carrinho em um software sem estado e atendê-lo independentemente da plataforma em que o usuário estava em um determinado ponto da jornada. Felizmente, a VTEX tem um recurso de carrinho persistente nativo que fornece a cada novo carrinho um ID.

O projeto foi entregue em 10 semanas. Apesar dos prazos apertados, a Valtech conseguiu implementar uma solução elegante e escalável que pode ser aproveitada por qualquer outra filial da Kérastase no mundo que queira melhorar seu jogo de comércio eletrônico. 

Em 2017, a L'Oréal lançou um programa global de desenvolvimento de sites chamado Website Factory (WSF). Entre outros objetivos, ajuda a empresa a otimizar custos e padronizar tecnologias e desenvolvimento em todas as suas marcas. Internamente, cada marca que faz parte do programa (incluindo Kérastase) tem sua própria instância de site global (chamada Master) que é localizada conforme necessário. O programa engloba muitos contratados e parceiros e é regido por diretrizes e KPIs.

Porque esta integração de ecommerce era vista como estratégica e com potencial global, a Valtech (que faz parte do FSM) foi convidada a implementá-la no site Master da Kérastase. Um dos requisitos do FSM para desenvolver na Master é que os componentes sejam amplamente reutilizáveis e facilmente localizados em qualquer região. Qualquer filial da Kérastase que queira usar a VTEX como plataforma de ecommerce não precisa de desenvolvimento para começar a vender.

• Rápida obtenção de lucros
  
  • A integração entre o site da marca e o site de ecommerce foi concluída em 2,5 meses.
• Experiência "headless" impecável
  • Graças à integração com o Sitecore, os clientes da L'Oréal Kérastase podem comprar facilmente em todo o site da marca.
• Comércio plug-and-play
  • Qualquer site da marca Kérastase agora tem a funcionalidade de comércio plug-and-play disponível imediatamente.
• Crescimento sustentado
  • Headless é a maneira mais rápida para as marcas da L'Oréal fazerem a transição para o comércio eletrônico e desenvolverem novos fluxos de receita.
• Uma plataforma, vários modelos de negócios
  • B2C, B2E, B2B e Marketplace em uma única plataforma de comércio.