Site responsivo: por que ele decide a sua venda

Tem um teste que resolve essa discussão em trinta segundos: abra o painel de visitas do seu site e veja de onde vem o acesso. Na maioria dos negócios de serviço no Brasil, entre 70% e 85% das visitas vêm do celular. Em alguns setores de urgência, passa de 90%.

Agora abra o seu site no celular e navegue como se fosse um cliente com pressa. Se a experiência for ruim, você não está perdendo uma parte do público. Está perdendo quase todo ele.

O que é responsivo, na prática

Site responsivo é o site que se reorganiza sozinho conforme o tamanho da tela. No computador, três colunas lado a lado. No celular, as mesmas três colunas viram uma pilha, o menu vira um botão, a foto se ajusta à largura e a fonte fica legível sem zoom.

Não é uma segunda versão do site nem um endereço separado. É a mesma página, com regras de layout que respondem ao espaço disponível. Daí o nome.

O oposto disso é o site que apenas encolhe. Você abre no celular e vê a página do computador em miniatura, com letras minúsculas, e precisa dar zoom e arrastar para ler. Esse tipo de site ainda existe em muitos negócios e é uma sangria silenciosa.

Por que o Google leva isso a sério

O Google trabalha com indexação mobile-first. Traduzindo: ele visita e avalia a versão mobile do seu site para decidir o ranqueamento de todas as buscas, inclusive as feitas no computador.

Isso muda a lógica. Não adianta ter um site lindo no desktop e uma versão mobile capenga, porque a versão que o Google usa como referência é justamente a capenga. Se no celular metade do conteúdo some, é como se aquele conteúdo não existisse.

Some a isso o comportamento humano. Quando a página abre torta, a pessoa volta para os resultados e clica no concorrente. Esse retorno rápido é um sinal ruim, e ele se acumula.

Os erros de mobile que mais custam cliente

• Texto pequeno demais. Se a pessoa precisa dar zoom para ler, você perdeu. Corpo de texto abaixo de 16 pixels no celular já incomoda.
• Botões grudados. Dedo não é ponteiro de mouse. Botões precisam de área clicável generosa e espaço entre eles, ou a pessoa erra e desiste.
• Rolagem lateral. Se aparece uma barra horizontal ou a tela se mexe para os lados, tem algum elemento estourando a largura. É um dos defeitos que mais dá sensação de site quebrado.
• Telefone não clicável. No celular, o número precisa abrir a discagem com um toque. Escrever o número só como texto obriga o cliente a copiar e colar, e uma parte desiste ali.
• Pop-up que não fecha. Aquele aviso que cobre a tela inteira e o X fica fora da área visível. É a forma mais rápida de perder uma visita.
• Menu escondido demais. Se a pessoa não acha os serviços em dois toques, ela sai.
• Formulário longo. Preencher oito campos com o polegar é tortura. No celular, três campos é o razoável.

O teste de cinco minutos que qualquer um faz

Não precisa de ferramenta. Pegue o seu celular, desligue o wi-fi e faça o percurso completo de um cliente:

1. Busque o seu serviço no Google e entre pelo resultado, como um cliente faria.
2. Conte os segundos até conseguir ler a primeira frase. Acima de três segundos já é problema.
3. Leia a página inicial sem dar zoom. Deu para ler tudo?
4. Encontre a página do serviço que você mais vende. Levou quantos toques?
5. Tente falar com você mesmo. O botão de WhatsApp funciona? O telefone abre a discagem?
6. Arraste a tela para os lados. Ela se mexeu? Se sim, tem elemento estourando.
7. Preencha o formulário até o fim. Foi rápido ou irritante?

Anote cada tropeço. Essa lista costuma ser o plano de ação mais valioso que um dono de site pode ter, e não custou nada.

Responsivo não é a mesma coisa que rápido

Vale separar os dois problemas, porque a solução é diferente.

Responsividade é layout: o conteúdo cabe e se organiza bem na tela pequena. Resolve-se no design e no código.

Velocidade é tempo de carregamento: quanto a página demora a aparecer. Resolve-se principalmente comprimindo imagens, cortando scripts desnecessários e usando uma hospedagem decente.

Um site pode ser responsivo e lento, ou rápido e mal adaptado. Os dois derrubam conversão pelo mesmo caminho: a pessoa desiste. Por isso o ideal é tratar os dois na mesma passada.

Pensar o celular primeiro, não por último

A maneira mais eficiente de acertar é inverter a ordem de projeto. Em vez de desenhar o site no computador e depois tentar espremer no celular, comece pelo celular e depois expanda.

Isso força uma disciplina saudável. Na tela pequena, não cabe tudo, então você é obrigado a decidir o que realmente importa: a frase que explica o serviço, a prova de confiança e o botão de contato. Quando você leva isso para o desktop, a página fica mais clara também.

Na prática, um site de serviço bem resolvido no celular tem: primeira dobra com serviço, região e botão de contato; menu curto; blocos de texto respiráveis; fotos leves; e contato acessível em qualquer ponto da rolagem.

Vale reformar ou refazer?

Se o seu site é apenas um pouco desajeitado no celular, com fonte pequena e botões apertados, dá para ajustar. Se ele foi feito em uma tecnologia antiga, que não prevê adaptação de layout, remendar costuma sair mais caro e pior do que refazer.

Um sinal claro: se ao abrir no celular você vê a página inteira do computador em miniatura, com zoom automático, o site provavelmente nasceu antes da era mobile. Aí é refazer.

Quando esse for o caso, um detalhe de expectativa: na srvs, o prazo de criação de site é de 2 a 3 dias úteis após o envio de todo o conteúdo, e valores são sob consulta, porque dependem do escopo. O que costuma demorar mesmo é reunir textos e fotos, não construir.

Se você quer um retrato honesto de como o seu site se comporta no celular e o que está custando venda, peça o Raio-X gratuito. A gente testa, mostra os pontos que travam e diz o que priorizar primeiro.