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.
Para seguir o padrão das demais lojas do grupo em outros países, o Carrefour precisava disponibilizar em sua loja informações nutricionais de cada produto utilizando a metodologia Nutri Score, assim como em diversos países da Europa e, no Brasil, também é recomendada pela ABRAN (Associação Brasileira de Nutrologia) como modelo de avaliação do perfil nutricional de alimentos industrializados.
Contudo, esta loja foi a primeira implantada em Jamstack, um framework open source utilizado pela VTEX para obter maior performance e em função disso, não havia especialistas nesta implementação.
O Jamstack é uma arquitetura de desenvolvimento front-end open source utilizada pela VTEX com foco em performance para lojas que possuem diversas customizações como a loja de produtos alimentícios do Carrefour. Esta tecnologia é mais ágil, pois 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.
A Quality Digital aceitou o desafio e implementou do zero a feature Nutri Escolha, uma funcionalidade que permite que o consumidor final compare os produtos da loja através do seu perfil nutricional e preço. Para desenvolver essa feature em Jamstack foram utilizadas linguagens como React, GraphQL e TypeScript.
O cálculo da pontuação é baseado na metodologia do Nutri-Score que desenvolvida pelo Ministério de Saúde da França e implementada desde 2017.
Para que a pontuação funcione o time do Carrefour deve cadastrar todas as informações nutricionais do produtos na loja e com isso o sistema de score que é composto por cinco letras e cinco cores “avaliam” a qualidade nutricional, sempre comparando numa porção equivalente de 100g ou 100ml, conforme os critérios abaixo:
A pontuação é convertida em uma letra, que vai do A (produtos com perfil nutricional que devem ser estimulados) ao E (produtos com perfil nutricional que devem ser consumidos com moderação)
O input destas informações cadastradas pelo time do Carrefour é feito a nível de especificação do produto.
Utilizando os campos de produtos similares existentes na VTEX o time da Quality Digital fez uma customização que compara o índice nutricional dos produtos e os preços para que sejam ofertadas na página de produtos vitrines com os itens mais equilibrados e mais baratos.
"productName": "Arroz Integral Longo-fino Tipo 1 Tio João 500g",
"id": "8857",
"items": [
{
"images": [
{
"imageText": "",
"imageUrl": "/arquivos/ids/201496-400-400/3136434_1.jpg?v=637272448395800000"
}
],
"itemId": "8858",
"sellers": [
{
"sellerId": "1",
"commercialOffer": {
"availableQuantity": 9999,
"listPrice": 3.99,
"price": 3.99,
"spotPrice": 3.99,
"installments": [
{
"numberOfInstallments": 1,
"value": 3.99
}
]
}
}
Para inserir o Nutri score (cálculo da pontuação), foram desenvolvidos campos de produto para a inserção das pontuações A,B,C,D, E.
Quando estes estão preenchidos, o sistema visualiza no catálogo o produto C e o produto B, aí o item exibido na página de produto é o B que é o mais saudável.
Para que o consumidor final entenda o porquê de cada nota, foi desenvolvido um modal na página de produto com todas as informações nutricionais do produto, divididos por indicadores positivos e negativos.
As informações nutricionais baseada nas informações inseridas no back-end são sinalizadas pelas cores nas barras.
Por ser uma tecnologia recente que ainda não havia sido lançada, a implementação exigiu muito estudo do time da Quality Digital.
Outro ponto que teve bastante trabalho foi puxar as informações nutricionais e o selo de nota do produto do admin da VTEX e trazer todas essas informações para a página do produto.
Ao enviar este formulário dou consentimento específico para que meus dados pessoais e eventuais dados pessoais sensíveis sejam tratados pela QUALITY SOFTWARE S/A e empresas coligadas ou subsidiárias do grupo econômico, envolvendo ações de marketing, de comunicação social e recrutamento e seleção. Os direitos do titular podem ser aplicados em conformidade com a Política de Privacidade, e por meio do contato com o canal dpo@quality.com.br. Os dados são tratados em conformidade com a Lei n°. 13.709/18.