Arquitetura de navegação para alta performance no e-commerce.

A Let’s Eat It é um e-commerce de alto giro, que já tinha escolhido a maior e melhor plataforma de e-commerce do mundo, com um catálogo enorme e marcas premium. O desafio nunca foi ter produto, e sim fazer o usuário encontrar o produto certo com o menor atrito possível.

O site antigo era visualmente satisfatório aos olhos da marca e com seu posicionamento, mas apresentava fricções importantes de navegação, organização e precificação. A Disco assumiu o projeto com um objetivo claro: transformar a loja em um sistema de venda orientado à descoberta, fluidez e conversão.

O ponto de partida

O tema anterior dependia do usuário saber exatamente o que procurar. Quanto maior o catálogo, maior a dificuldade e maior a taxa de abandono.

Principais dificuldades:

• Navegação com excesso de opções e pouca hierarquia;
• Páginas de produto que exibiam itens, mas não direcionavam a compra;
• Visual do catálogo inconsistente e pouco comparável;
• Precificação confusa com múltiplos preços simultâneos.

Para um e-commerce desse porte, a pergunta não era “como deixar mais bonito”, e sim: como organizar centenas de categorias, linhas e marcas de modo que o cliente ache o que quer, mesmo quando não sabe o que está procurando?

O trabalho

1) Navegação orientada à descoberta

A Disco redesenhou toda a estrutura do menu e das páginas de categoria. Para isso, teve que ajudar o cliente com toda nova definição de dados da loja e ajudou o cliente a reestruturar milhares de cadastros de produtos para uma estrutura mais escalável, usando menos tags e mais metafields.

Já o usuário, passou a navegar por relações de categorias e não por tentativa e erro.

Nova lógica:

• Departamentos;
• Categorias;
• Subcategorias;
• Categorias irmãs (no final da página, como alternativa de descoberta);
• Páginas de Marcas;
• Páginas de Linhas;
• Páginas especiais para cada tipo de coleção.

Assim, o usuário nunca encontra um “beco sem saída”. Todas as rotas levam a algum caminho de compra.

Toda a estrutura de conteúdo da loja para todas as páginas foi construída dinamicamente, utilizando os melhores recursos nativos da Shopify de Metafields e Metaobjetos poderosos para composição.

É importante ressaltar também que precisamos repensar a estrutura clássica de um e-commerce: normalmente entramos em uma página de categoria e caímos em uma tela com uma listagem de produtos (organizados por mais vendidos) e um filtro lateral, certo?

Aqui veio parte da grande inovação. Pensamos que esse não seria o modelo ideal para a Let’s nas páginas de departamento e categoria, alterando para uma estrutura onde o cliente entenda tudo que há disponível nessa camada para que não fique perdido em uma lista com dezenas de paginações.

2) Página de produto como hub comercial

A PDP deixou de ser apenas informativa e passou a ser estratégica, um ponto de distribuição do catálogo.

Passou a exibir:

• Produtos da mesma linha;
• Produtos da mesma marca;
• Produtos similares de categoria.

O cliente continua navegando dentro da PDP até encontrar o produto ideal. Cabe lembrar também que a loja não tinha na PDP variações de cor do mesmo produto, que foram trazidas tanto para a página de produto quanto para as vitrines.

Resultado prático: menor abandono e maior adição ao carrinho.

3) Padronização visual do catálogo

O site antigo utilizava muitas fotos com composições muito diferentes entre si, mas também tinha algumas fotos still com fundo transparente, o que dificultava a composição visual.

A solução aplicada pela Disco, diretamente no código:

• Padronização com fundo cinza sutil em todas as imagens;
• Manutenção de estética com profundidade mesmo em PNG transparente;
• Vitrines visualmente coerentes e confortáveis de analisar.

Essa melhoria reduz indecisão e acelera tomada de decisão do usuário.

4) Estrutura de preço clara para facilitar compra

Antes do projeto, o site exibia até quatro preços simultâneos. Isso confundia o usuário e diminuía a conversão.

A Disco substituiu por:

• Um valor principal (Pix);
• Parcelamento apenas quando relevante;
• Destaque da economia real.

Além disso, o preço via Pix passou a ser compatível com o Merchant Center, uma vantagem competitiva real.

5) Componentes que aceleram campanhas

O time entregou mais do que um site: entregou um sistema de componentes.

Cada seção, banner, grid, conteúdo, vitrines segmentadas, pode ser reorganizada pelo cliente para criar:

• Landing Pages de campanhas;
• Páginas de marcas e coleções;
• Vitrines temáticas;
• Páginas sazonais.

Hoje, a própria equipe da Let’s Eat It cria páginas completas de forma independente, sem desenvolvimento, sem retrabalho e sem gargalo técnico.

Evolução contínua

O projeto não terminou no go-live.

Com a base sólida implementada, seguimos atuando para ampliar performance mês a mês:

1. Evolução visual e lançamento de novos componentes
2. Otimização contínua de categorias e vitrines baseada em comportamento do usuário
3. Novas páginas dedicadas às linhas e campanhas
4. Operação e estratégia de CRM contínua para ciclo de vida, recompra e reativação

Esse modelo garante que a loja continue crescendo sem depender de grandes reconstruções, apenas da inteligência aplicada sobre a estrutura que já funciona.

A Disco não entrega um site. Entrega um mecanismo de crescimento contínuo.

Impacto direto no negócio

A reorganização da arquitetura, das vitrines, da precificação e das imagens não só evoluiu o site, elevou o desempenho comercial.

Após a implementação:

• +200% de faturamento
• Maior taxa de adição ao carrinho
• Maior ticket médio nas coleções estratégicas
• Tráfego orgânico mais qualificado graças à estrutura de SEO por categorias

A performance veio da lógica, não do “design bonito”.