.svg)
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?
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.
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.
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.
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.
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.
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:
Com a base sólida implementada, seguimos atuando para ampliar performance mês a mês:
01
Evolução visual e lançamento de novos componentes
02
Otimização contínua de categorias e vitrines baseada em comportamento do usuário
03
Novas páginas dedicadas às linhas e campanhas
04
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.
A Disco não entrega um site. Entrega um mecanismo de crescimento contínuo.
