Contate-nos

Caso

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

Como a marca icônica alcançou uma presença de marca notável e um processo de compra sem complicações.

Facts

Indústria

  • Varejo & Bens de Consumo
  • Luxo

Serviços

  • Elevação da Experiência

Tecnologia

  • Sitecore
  • VTEX
  • MACH

Conheça a Kérastase

Sobre

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.

Stylish women

Adicionando ecommerce à fórmula da Kérastase

Caso

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.

Mais Além do Cabelo: Kérastase Adota uma Arquitetura "Headless"

Caso

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.

Happy man and woman shopping online

Um Carrito para Governar a Todos

Caso

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.

Consultation

Experiência comercial Plug and Play sem complicações

Caso

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.

Resultados

Kérastase

  • 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.

Contate-nos