O grupo Carrefour é um dos maiores conglomerados de alimentos e varejo do mundo. O Grupo opera atualmente em 33 países com mais de 10.800 lojas, entre hipermercados, supermercados, lojas de conveniência e atacadistas, com um volume de 13 milhões de pessoas passando por suas lojas todos os dias. No Brasil, a história do Carrefour começou em […]
O grupo Carrefour é um dos maiores conglomerados de alimentos e varejo do mundo. O Grupo opera atualmente em 33 países com mais de 10.800 lojas, entre hipermercados, supermercados, lojas de conveniência e atacadistas, com um volume de 13 milhões de pessoas passando por suas lojas todos os dias.
No Brasil, a história do Carrefour começou em 1975 e hoje se tornou o maior varejista de alimentos do país. O Grupo Carrefour é formado pelas seguintes marcas: Carrefour Hiper, Carrefour Bairro, Carrefour Market, Carrefour Express, Drogaria Carrefour, Carrefour Posto, Atacadão e Supeco.
A operação do Carrefour no Brasil é uma das maiores do grupo. No entanto, eles decidiram interromper todas as operações digitais para melhorar sua estratégia digital e criar um plano de retorno vencedor.
A loja de produtos alimentícios do Carrefour em VTEX IO continha um número alto de customizações e SKU’S que impactavam no tempo de carregamento do site. A estratégia adotada pelo time de desenvolvimento da VTEX e da ACCT foi migrar a loja para Jamstack, uma arquitetura de desenvolvimento open source focada em performance para lojas com especificações como a do mercado Carrefour.
Uma arquitetura moderna para desenvolvimento web, o termo é um acrônimo para o conjunto de JavaScript, API’S e Markup. Enquanto stack na tradução literal é uma analogia a uma “pilha tecnológica” para explicar uma arquitetura.
O Jamstack nasceu com o objetivo de quebrar o paradigma da forma atual como os sites são desenvolvidos criando a necessidade de desenvolvimento de aplicações web mais robustas e escaláveis.
Performance: Distribuição global do site estaticamente por meio de uma CDN.
Segurança: Sem preocupação com diversos pontos de falha como databases e servidores web.
Economia: Hospedar arquivos estáticos em Serviços de CDN é mais barato.
Melhor Developer Experience (DX): Arquitetura baseada em Headless permite que as soluções de back-end sejam desacopladas do front-end trazendo liberdade.
Escalabilidade: Aproveitamento da tecnologia de CDN para distribuir seu site ao redor do mundo com altíssima velocidade e confiabilidade.
O VTEX IO trabalha com Server Side Rendering ou SSR onde os componentes React são renderizados do lado do servidor e depois esse código é enviado para o lado do cliente para a página carregar.
Já com o Jamstack, ao invés das informações da loja serem renderizadas no Server Side, elas são publicadas diretamente no Client Side reduzindo o tempo de carregamento do website.
Ao lançar uma versão nova do website, ele já renderiza todas as páginas e componentes necessários e todas essas informações são cacheadas na CDN fazendo dela uma tecnologia mais ágil.
Por ser uma tecnologia recente que ainda não havia sido lançada, a implementação exigiu uma curva de aprendizagem, e muita sinergia entre o time da ACCT e da VTEX.
Outro desafio foi o curto tempo para a go live. Para subir a loja dentro do prazo, a estratégia foi entregar um MVP (Mínimo Produto Viável), para que as features mais relevantes fossem para o ar o mais rápido possível e evoluções incrementais fossem realizadas posteriormente.
O trabalho entre ACCT e VTEX foi feito a quatro mãos. A VTEX já tinha alguns componentes que foram reaproveitados, porém que exigiram estilizações.
O resultado foi uma loja com mais performance entregue em apenas três meses.
Como a ACCT transformou a experiência do Clube de Vantagens Minha Le através de uma integração via API.
Como a ACCT digitalizou os conceitos de um comércio atacadista no e-commerce do Giga Atacado.
Como a ACCT aumentou receita combinando pacotes de serviços aos produtos eletrônicos.
