01/ Case
450 páginas reorganizadas sem quebrar o que já funcionava.
Mesma marca, mesma confiança — uma navegação à altura do catálogo técnico mais completo do setor.
Cliente
Segmento
Entregas
NO AR
A home: a operação em uma frase e dois caminhos — orçamento ou catálogo.
01/ O desafio
O conteúdo estava lá.
O caminho até ele, não.
A Intercabos é uma das maiores distribuidoras de cabo de aço do país. O site dela não é vitrine: é ferramenta de trabalho diária, para o cliente e para a equipe interna. São mais de 450 páginas de produto, cada uma com código, desenho de seção, tabela de dimensões e carga de ruptura.
O problema não era o conteúdo — era chegar até ele. A navegação era densa, a hierarquia entre categorias se confundia e a experiência no celular estava datada. Quem já conhecia o catálogo se virava. Quem chegava pela primeira vez desistia antes de encontrar. E o site carregava devagar o bastante para piorar as duas situações.
Antes: navegação densa, hierarquia confusa entre categorias e mobile datado.
02/ A decisão que guiou o projeto
Do jeito que sempre foi.
Só que mais fácil de usar.
Redesign de catálogo B2B costuma ser vendido como ruptura. Aqui a decisão foi o contrário: não reinventar nada que já funcionava.
O comprador de cabo de aço chega sabendo o que quer, muitas vezes com o código na mão. Ele tem uma lógica na cabeça, construída em anos de uso. Mexer nessa lógica em nome de um layout mais moderno teria custado exatamente a fluidez que a gente queria ganhar.
Então mantivemos a marca, o vocabulário do setor e o caminho mental de quem já era cliente. Mexemos só no que atrapalhava: hierarquia, densidade, leitura no celular e velocidade.
03/ O catálogo, reorganizado
Do menu ao produto
certo em dois cliques.
O menu de produtos virou um catálogo com categorias e subcategorias explícitas: cabos de aço se abrem em uso geral, inox, especiais, cordoalhas e sintéticos; cintas se abrem em anel, grab, sling e tubular. O comprador chega ao grupo certo sem passar por uma lista corrida de centenas de itens.
Dentro de cada categoria, as subcategorias ficam à vista numa coluna lateral — dá para trocar de contexto sem voltar ao menu. E cada produto aparece com o código técnico no título, porque é assim que ele é pedido no dia a dia.
Subcategorias à vista na lateral e o código técnico no título de cada produto.
04/ O dado técnico é o produto
Foto de cabo de aço é toda igual. A seção transversal não.
O que distingue um 6×19 de um 19×7 é o desenho da seção — então esse desenho continuou sendo a imagem principal do produto, e não uma foto genérica de bobina.
Abaixo dele, a tabela de dimensões: diâmetro em polegada e milímetro, peso por 100 metros e carga mínima de ruptura nas categorias 1770 e 1960, em kN e em tonelada. É o dado que decide a compra, e ele precisava ser legível no celular — porque é de lá que se consulta o catálogo no meio do galpão.
Dentro de cada categoria, as subcategorias ficam à vista numa coluna lateral — dá para trocar de contexto sem voltar ao menu. E cada produto aparece com o código técnico no título, porque é assim que ele é pedido no dia a dia.
O desenho da seção e a tabela que decide a compra.
05/ Orçamento
O pedido acontece no WhatsApp. O site passou a assumir isso.
O CTA principal do site é “fazer orçamento via WhatsApp”. Não é atalho: em distribuição industrial no Brasil, a cotação acontece no WhatsApp de qualquer jeito. Colocar isso no lugar de um formulário de contato foi reconhecer o processo real de compra em vez de tentar corrigi-lo.
O botão de orçamento vem primeiro. O catálogo, ao lado, para quem quer olhar antes de falar.
06/ O resultado
Mais que dobrou em desempenho. E não parou nele.
Relatórios do Google PageSpeed, medidos em setembro de 2025 e maio de 2026.
Desempenho · celular
42
92
Desempenho · computador
35
96
Acessibilidade
74
95
Práticas recomendadas
57
96
O ganho não ficou só na velocidade: acessibilidade e boas práticas subiram junto. O SEO, que já marcava 100, foi preservado — em um site de 450 páginas indexadas, não perder posição é parte do resultado.
E a navegação parou de depender de já conhecer o catálogo: quem chega agora encontra sozinho.
