Da Zona Cerealista para todo o Brasil: o Armazém São Vito uniu a tradição dos alimentos naturais à velocidade máxima de uma nova geração de e-commerce.
O desafio
Com mais de 3.000 itens no catálogo e presença marcante na tradicional Zona Cerealista de São Paulo desde 2012, o Armazém São Vito precisava alinhar sua loja virtual ao seu novo momento de marca. A operação enfrentava limitações na arquitetura legada da Wake (antigo Style Editor): layout desatualizado, lentidão no carregamento e dependência técnica de código HTML para qualquer alteração simples de vitrines e campanhas. Além disso, o modelo de venda de produtos fracionados exigia clareza matemática imediata na escolha de gramagens e cálculo de preços, sem gerar confusão no carrinho nem fricção na decisão do consumidor.
A estratégia
Conduzimos a virada tecnológica para o moderno Storefront da Wake integrando a nova identidade visual e recursos customizados de usabilidade:
- Migração para Storefront 2.0 & Design Studio: transição para uma estrutura modular moderna, conferindo total autonomia ao time interno para editar páginas, banners e vitrines sem necessidade de suporte técnico.
- Customização de fracionamento de gramagens: desenvolvimento de seletores visuais rápidos na vitrine (100g, 200g, 500g, 1kg) com cálculo proporcional automático e destaque transparente de descontos e preços no PIX.
- Checkout Headless integrado: implementação da versão mais atualizada do checkout da Wake, minimizando atritos e acelerando a finalização da compra.
- Redesign completo e páginas institucionais: aplicação da nova identidade visual em toda a jornada, desde a homepage até as páginas de suporte e transparência da marca.
Resultado
O Armazém São Vito conquistou o selo máximo de aprovação nas Core Web Vitals do Google em dados reais de navegação de campo (CrUX). A página alcançou pontuação de desempenho de 87 no PageSpeed, com resposta a cliques de 94 ms (INP), estabilidade visual quase perfeita (CLS de 0,03) e carregamento inicial em apenas 1,2 s. Uma loja digital moderna, autônoma e preparada para sustentar o crescimento de mais de 3.000 itens com a fluidez de uma grande operação online.
Tradição em produtos naturais pedindo uma experiência digital moderna
Fundado em 2012 no principal polo de alimentos saudáveis da capital paulista, o Armazém São Vito consolidou-se como referência em saúde e bem-estar. Com três lojas físicas e um portfólio superior a 3.000 itens, o e-commerce, lançado em 2019, tornou-se canal estratégico de expansão nacional.
A loja online anterior, no entanto, operava sobre uma tecnologia antiga que restringia a agilidade da equipe e não refletia a sofisticação do recente redesign da marca. A mudança de tecnologia dentro da própria Wake foi a resposta estratégica: permitiu adotar o ecossistema do Design Studio, implementar o checkout headless e resolver uma das maiores particularidades do segmento: a escolha ágil de peso e gramagem de grãos, castanhas e temperos na própria vitrine.
Navegação simplificada para um catálogo de alta variedade
Vender alimentos a granel no digital exige precisão de interface. Para evitar que o cliente precisasse entrar página por página para entender o custo de cada porção, a SÉRIE//A desenhou seletores dinâmicos de gramagem integrados diretamente aos cards da vitrine. Em um clique, o usuário alterna entre 100g, 200g, 500g ou 1kg, visualizando o valor atualizado na hora e o benefício do pagamento no PIX.
Ao mesmo tempo, a entrega técnica em 35 dias úteis garantiu a virada para o Storefront 2.0 com todas as páginas institucionais renovadas e um checkout headless ágil, reduzindo passos até o pagamento.
A evolução comprovada nos números: auditoria oficial do Google
A transição tecnológica colocou o Armazém São Vito na faixa de excelência das principais métricas de experiência do usuário avaliadas pelo Google PageSpeed Insights:
Indicadores técnicos de excelência
Nova arquitetura Wake Storefront 2.0 · Fonte: Google PageSpeed Insights, dados reais de campo (CrUX) e laboratório
✓ Core Web Vitals aprovadoO que esse projeto entregou
94 ms de resposta: agilidade em cada clique
O Interaction to Next Paint (INP) em 94 ms garante que a troca de gramagem, a consulta de frete e o clique de compra ocorram sem qualquer sensação de travamento no navegador do cliente.
Estabilidade quase zerada (CLS 0,03)
A vitrine foi desenvolvida com reserva de espaço rígida para imagens e blocos de conteúdo. Isso assegura que nenhum banner ou imagem de produto empurre o botão de compra no momento em que o consumidor vai clicar.
Carregamento ágil em 1,2 segundo
O maior elemento de conteúdo visível (LCP) surge em apenas 1,2 s, garantindo uma recepção imediata e reduzindo a taxa de rejeição logo no primeiro contato com a loja.
Autonomia total com o Design Studio
A equipe interna deixou de lidar com códigos HTML para gerenciar o e-commerce. A criação de ações sazonais, banners de liquidação e inclusão de vitrines agora é feita de forma visual e intuitiva pelo próprio time.
Crescimento escalável com saúde digital
A migração do Armazém São Vito prova como a evolução da infraestrutura tecnológica transforma o dia a dia da operação e a percepção de valor da marca.
Aliando a praticidade dos seletores de gramagem, a modernidade do checkout headless e números de performance aprovados pelas diretrizes do Google, o Armazém São Vito inaugurou uma nova fase: um e-commerce leve, intuitivo e pronto para levar saúde e bem-estar a milhares de lares com rapidez e eficiência.
Outros cases
Ver todos →
Vamos iniciar
o seu projeto?
Entre em contato com nosso time de especialistas e coloque o seu negócio no topo do jogo.