Cetro Máquinas

Do VTEX IO ao headless, sem perder nada

Antes de escrever a primeira tela, fizemos um censo dos 2.630 produtos da loja antiga. O conteúdo que vivia no Site Editor do tema VTEX IO — 1.529 fichas técnicas específicas e 146 landings especiais com hero, slider, vídeo e nove cards de especificação — foi extraído página a página e passou a alimentar as novas páginas de produto. Nenhuma ficha foi redigitada.

O mega menu real da Cetro foi reconstruído com 5 grupos, 109 departamentos e 312 links em cascata, e as URLs herdadas do site antigo (com maiúsculas e acentos) respondem com redirecionamento permanente para a forma canônica. O Google não perdeu uma página na virada.

Um domínio só, do catálogo ao pagamento

A vitrine é um Next.js e as rotas transacionais da VTEX — checkout, confirmação de pedido e Minha Conta — respondem sob o mesmo endereço. O cliente navega, se identifica e paga sem nunca ver a URL mudar.

O login é uma página própria da loja, autenticando direto no VTEX ID por senha, código por e-mail ou com Google e Facebook — o mesmo fluxo que o cliente já conhecia, agora dentro do domínio da Cetro.

Três camadas de IA ligadas no go-live

O Personal Shopper da Imediata conversa com quem chega sem saber o nome da máquina: interpreta a necessidade ("preciso embalar mix de frutas"), monta vitrines com produtos reais do catálogo, aceita busca por foto e encontra similares por cor e categoria. A chave de IA nunca chega ao navegador — tudo roda no BFF, com proteção contra prompt injection e limite de requisições.

O Atendimento Cetro (Concierge) é o SAC autenticado: o cliente entra com um código enviado ao e-mail e pergunta sobre pedidos, rastreio e recompra. A IA responde consultando os dados reais na VTEX, nunca inventando.

A hiperpersonalização monta um perfil anônimo no próprio dispositivo a partir de busca, chat e navegação, e personaliza vitrines na home, na categoria, na página de produto e no minicarrinho — sem IA, sem API extra e sem derrubar o cache da CDN.

Home no CMS e busca que entende de processo

Cada bloco da home — hero, benefícios, "Busque por processo", "Busque por máquina", vitrines, banners e marcas — virou uma section do VTEX Headless CMS: 33 sections editáveis pela equipe da Cetro, com revalidação automática ao publicar.

A busca usa a Intelligent Search ponta a ponta: autocomplete próprio, filtros por especificação técnica, rolagem infinita e os redirecionamentos configurados no Admin. Cada busca e cada pedido aprovado alimentam o ranking de mais vendidos.

Página de produto para quem compra máquina

As avaliações vêm do Mercado Livre, onde a Cetro já tem histórico, e entram nas estrelas do Google via dados estruturados. Frete por CEP com retirada em loja, compre junto, avise-me quando chegar, comparador de produtos e lista de favoritos completam a jornada.

No fim de cada produto, o bloco de lojas físicas convida a conhecer a máquina de perto — porque em equipamento industrial, ver ao vivo ainda fecha venda.

Performance, segurança e Loja AI-Ready

Nenhuma chave da VTEX chega ao navegador: todas as chamadas passam pelo BFF, com BotID protegendo catálogo e busca, cache em Redis com fallback e páginas pré-renderizadas com revalidação. A loja publica llms.txt e um feed de catálogo para agentes de IA, e cada push roda typecheck, lint, testes e build antes do deploy.

O que ficou entregue