A Speedo está no ar com Imediata Design Headless & VTEX
A loja oficial da Speedo no Brasil, de natação, moda praia e treino, saiu do VTEX IO e virou um headless próprio by Imediata Design, em domínio único. O primeiro commit do projeto é de 22 de agosto; a loja nova entrou no ar em 23 de setembro de 2026. Um mês, com Provador Virtual, Personal Shopper e Tamanho Certo ligados desde o primeiro dia.
Um mês, do primeiro commit ao go-live
O projeto começou do modelo headless da Imediata, que já nasce com checkout em domínio único, BFF, cache, SEO e as features de IA prontas. Sobre essa base, a identidade da Speedo foi replicada tela a tela: header em duas linhas com busca central, mega menu com vitrine, menu mobile em três níveis e a tipografia oficial da marca.
Antes da virada, as 102 páginas customizadas do tema VTEX IO foram auditadas uma a uma. Buscas de SEO, landings de coleção e páginas institucionais ganharam redirecionamento permanente para o equivalente no site novo, e mais de 230 coleções da conta passaram a ter URL amigável. Os feeds XML da VTEX continuam respondendo no mesmo endereço.
O que a gente entregou
- Um domínio só, do catálogo ao pagamento: checkout, login, Minha Conta, pedidos e cancelamento respondem em speedo.com.br. O cliente nunca vê a URL mudar, e o checkout já vem preparado para a carteira digital do Google Pay.
- Provador Virtual by Imediata Design com IA: o cliente envia uma foto e vê a peça vestida nele. O “Monte seu look” sugere peças reais do catálogo para a ocasião, gera a imagem do look completo e coloca tudo na sacola de uma vez.
- Personal Shopper by Imediata Design: conversa com quem chega sem saber o nome do produto, aceita busca por foto e encontra similares.
- Tamanho Certo: o botão “Qual meu tamanho?” traz tabela de medidas e recomendação nas categorias com grade.
- Atendimento Speedo, o CX Imediata Design com IA: SAC autenticado por código no e-mail, que consulta pedidos, entrega e recompra com os dados reais da VTEX.
- Vitrines que se adaptam à navegação de cada visitante na home, na busca e no minicarrinho, by Hyper Imediata Design.
- Home 100% editável no Headless CMS, com banners e vitrines de categoria publicados pelo time da Speedo.
Uma listagem feita para moda praia
No catálogo da Speedo cada cor é um produto próprio. As bolinhas de cor dos cards reúnem essas cores irmãs, e o filtro de cor trocou cerca de 30 nomes técnicos por 18 famílias visuais (Preto, Marinho, Azul, Turquesa, Estampa e outras), selecionadas com um toque.
O seletor Visualizar troca a foto de todos os cards para frente, costas, lateral ou campanha, sem sair da listagem, e a escolha fica salva no link. Quick View, comparador, favoritos e seletor de colunas completam a navegação.
Um carrinho que responde antes do checkout
O minicarrinho calcula o frete pelo CEP, aceita cupom e avisa qual item o endereço não atende antes de o cliente chegar ao pagamento. A régua de frete grátis por região, o Compre Junto na página de produto e o Clique e Retire nas lojas físicas seguem as regras comerciais da marca.
Performance e SEO desde o primeiro dia
- Página de produto estável: o CLS caiu de 0,1485 para 0,0007 antes do go-live, com o preço já no HTML servido.
- Categorias legíveis pelo Google: título e texto da categoria saem do servidor, e as listagens são rastreáveis sem JavaScript, com paginação própria.
- Pronta para as IAs: a loja publica llms.txt e um feed de catálogo para agentes de compra.
- Segurança: nenhuma chave da VTEX chega ao navegador, catálogo e busca são protegidos contra robôs, e cada atualização passa por verificação automática de código e testes.
Migrar do VTEX IO para o headless pode ser rápido sem ser arriscado
A Speedo mostra isso. Em um mês a marca manteve o catálogo, as URLs que já ranqueavam e o checkout que o cliente conhecia, e ganhou uma loja em domínio único, com IA que prova, recomenda e atende, e uma home que o time edita sem depender de desenvolvedor.
Conheça a loja: www.speedo.com.br
O case completo: imediata.design/cases/speedo
Provador Virtual da Imediata: imediata.design/imediata-provador-virtual