Voltar ao blog

5 erros que matam sua conversão no mobile (e não no desktop)

70% do tráfego é mobile — mas quase toda loja é desenhada pensando no desktop. Os 5 erros mais comuns e como resolver em uma tarde.

15 de junho de 20265 min de leiturapor Samá Themes

Se você olhar o Google Analytics, provavelmente entre 65% e 75% do seu tráfego vem de mobile. Mas se você olhar a loja, o que foi otimizado primeiro? O desktop.

E aí está o gap.

1. Fonte pequena demais

Regra: nenhum texto essencial no mobile pode ficar abaixo de 16px. Preço, botões, título do produto, "adicionar ao carrinho" — tudo 16px+.

Fonte pequena = usuário aperta pra dar zoom = usuário perde contexto = usuário sai.

2. Foto do produto pesada

Tirou foto de 4000×3000px e subiu direto no painel? Isso vira 2MB por foto. No mobile 4G, você segurou o cliente 6 segundos antes dele ver a imagem. Ele já foi embora.

Solução simples: sempre suba fotos em WebP (2× menor que JPG) e no tamanho que o tema realmente usa (geralmente 1200×1200 é suficiente).

3. Botão de compra longe do polegar

Estatística prática: o polegar do usuário no mobile alcança confortavelmente a metade inferior direita da tela.

Botão de "Comprar" no topo da página, depois da descrição, competindo com o menu — força o usuário a mudar a pegada do celular. Fricção que mata conversão.

Solução: botão fixo na base da tela enquanto o usuário rola. Sempre visível, sempre alcançável.

4. Menu hambúrguer confuso

Cliente entrou pelo Instagram, viu o produto, foi comprar. Bateu num botão de menu que abriu 8 categorias, 5 subcategorias, e ele se perdeu tentando voltar pra página do produto.

Menu no mobile precisa ser mínimo:

  • Home
  • Categorias principais (máximo 5)
  • Busca
  • Carrinho
  • Login

O resto (blog, sobre, contato) fica no rodapé.

5. Checkout que pula linha no formulário

Quando o usuário mobile clica no campo "endereço" e o teclado sobe, o campo desaparece. Ele digita sem ver o que escreveu. Erro, atrito, abandono.

Solução: campos grandes, com rolagem preservada, com auto-preenchimento por CEP. Toda plataforma séria oferece isso. Só precisa habilitar.

Como testar

Não confie no seu iPhone Pro. Pega o celular mais velho e simples que você conhece na família. Abre 4G (não Wi-Fi). Vai do Instagram até fazer uma compra completa.

Se travou, demorou, ou você teve que abrir o dedo pra dar zoom em algum momento — você achou o próximo ajuste.

Todos os temas Samá são mobile-first de verdade, testados em iPhone 8, Moto G, Xiaomi Redmi antes de virar produto. É o que garante que a experiência do polegar do cliente vem primeiro.

Perguntas frequentes

Meu site já é "responsivo" — isso não basta?

Não. Responsivo = a página caber na tela. Mobile-first = ela ser pensada primeiro pra mobile. São coisas diferentes. Site responsivo mas pensado pro desktop tende a ter tudo pequeno, com botões espremidos e imagens que carregam devagar.