Estudo de caso

Quando “onde encontrar” não levava a lugar nenhum.

Reestruturação do site da Keleck, indústria de snacks com 30 anos de mercado, mais de 1.000 pontos de venda e presença em 12 estados.

ClienteKeleck Indústria Alimentícia
Meu papelArquitetura de informação, UI e implementação
Não foi meuDireção visual, vinda da agência parceira, e os textos do site
Ano2026
Ponto de partida

O pedido era vender mais pro varejo.

Olhando o site antigo, o obstáculo não estava do lado do varejo — estava do lado do consumidor. E os dois estão ligados: o varejista repõe Keleck na prateleira porque o consumidor procura Keleck. Um site que ajuda a pessoa a achar o produto perto de casa é, no fim, argumento de venda pro varejo.

Foi essa leitura que definiu a ordem das coisas.

O problema

Um site, três públicos, um vocabulário só.

O site atendia ao mesmo tempo o consumidor que quer comprar, o varejista que quer revender e o distribuidor que quer negociar. E chamava a mesma página de três nomes diferentes.

Onde apareciaRótuloDestino
Home“Onde encontrar”/revendedores/
Menu“Revendedores”/revendedores/
Rodapé“Distribuidores”/revendedores/

E o destino não servia bem nenhum dos três. A home convidava: “Onde encontrar — Encontre aqui o distribuidor mais próximo de você”. Quem clicava recebia uma tabela com 21 representantes comerciais por estado, com nome e telefone.

A pessoa que queria saber em qual mercado comprar um pacote de salgadinho recebia uma lista de telefones de vendedores.

A página ainda se contradizia sozinha: título “Revendedores”, texto dirigido a quem quer revender, conteúdo listando representantes. Somado a isso:

A decisão

Ordenar por quem pergunta mais.

O caminho óbvio seria separar em duas páginas: uma pro consumidor, outra pra negócios. Não foi o que fiz.

Duas páginas resolvem o conteúdo e criam um problema novo — a pessoa precisa acertar a porta antes de saber o que tem atrás dela. Quem erra, sai.

Mantive um endereço só e ordenei por volume de quem pergunta:

“Quero Keleck” abre a página, com o título escrito na língua do consumidor. Busca por estado e cidade, botão de usar a localização, e o resultado em nome e endereço de loja — não mais em estado e telefone de vendedor. A base de pontos de venda a Keleck já tinha; o trabalho foi transformá-la em busca.

“Negócios · Nossos representantes” vem depois, com o rótulo dizendo pra quem é, filtrado por estado e região.

O consumidor encontra o que procura sem escolher nada. O comprador profissional continua a um scroll de distância — e agora sabe que aquilo é pra ele.

Antes
Página Revendedores do site antigo da Keleck, com mapa estático do Brasil e tabela de representantes comerciais por estado

O título diz “Revendedores”. O texto abaixo fala com quem quer revender. A tabela lista representantes comerciais. E era aqui que caía quem clicou em “Onde encontrar” na home.

Depois
Página Quero Keleck do site novo, com busca por cidade, botão de localização, lista de lojas com endereço e mapa com os pontos marcados

Busca por cidade, botão de usar a localização, e o resultado em nome e endereço de loja. Os representantes continuam na mesma página, logo abaixo, sob o rótulo “Negócios”.

O resto da reestruturação

Nomes pelo que a pessoa quer fazer.

Home, antes
Home do site antigo da Keleck, com carrossel de embalagens ocupando a tela

Carrossel de embalagens ocupando a primeira tela, e os dois caminhos da página escondidos atrás de botões escritos “Clique aqui”.

Home, depois
Home do site novo da Keleck, com o conceito ferroviário e a faixa de números da operação

O universo ferroviário organiza a narrativa, e a faixa de números — 30 anos, 1.000+ pontos de venda, 12+ estados — diz o tamanho da operação antes de pedir qualquer clique.

Comparação

O que mudou, medido.

O site novo é recente, então ainda não há dados de uso — e nenhum número aqui é estimado. O que dá pra comparar é o estado das duas versões.

AntigoNovo
Busca de ponto de vendanenhumaestado, cidade e geolocalização
Resultado da buscaestado + telefone do representantenome e endereço da loja
Mapaimagem estática, sem altmapa incorporado
Imagens sem texto alternativo (home)35 de 4015 de 26
Links sem texto acessível (home)187

A entrega foi aprovada pela Keleck e seguiu para publicação. O site antigo segue navegável no retrato de abril de 2026 no Internet Archive, para quem quiser conferir o antes.

Ver o site Outros projetos