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.
Indústria
- Varejo & Bens de Consumo
- Luxo
- CPG
Oferta
- 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.
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.
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.
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.