Carrossel na página inicial: vale mesmo a pena?

Abra o site de dez empresas diferentes e é provável que sete delas comecem igual: uma imagem grande ocupando a tela inteira que, sozinha, troca para outra imagem, depois para outra, e volta ao início. É o carrossel — também chamado de slider ou banner rotativo. Ele parece a solução perfeita para um problema real: todo mundo dentro da empresa quer aparecer na primeira tela do site.

O vendedor quer a promoção. O dono quer a frase institucional. O marketing quer a campanha nova. Como ninguém quer ceder, alguém sugere o óbvio: "coloca tudo num carrossel, aí cabe todo mundo". O problema é que o carrossel na página inicial costuma resolver a discussão interna sem resolver nada para quem visita o site. Este artigo explica por quê, e o que fazer no lugar.

Por que o carrossel parece uma boa ideia

A lógica é convincente: se você tem quatro mensagens importantes, mostrar as quatro deveria funcionar melhor do que mostrar só uma. Além disso, o efeito é bonito — movimento chama atenção, o site parece moderno, e a primeira impressão tem cara de revista.

Só que essa lógica assume duas coisas que raramente acontecem. A primeira é que o visitante vai esperar pacientemente pelos quatro slides. A segunda é que ele entende que aquilo é um carrossel e que existe mais coisa ali dentro. Na prática, quem entra no seu site está no meio de outra coisa: procurando um preço, um telefone, confirmando se você atende a cidade dele. A paciência é curta.

O que acontece de verdade com o visitante

Quase ninguém passa do primeiro slide

Esse é o dado que costuma surpreender: a enorme maioria das pessoas vê apenas o primeiro slide e rola a página para baixo. Os slides 2, 3 e 4 existem no código, foram pensados, custaram tempo de design — e quase ninguém chega neles. Na prática, você não tem quatro espaços nobres. Tem um, e mais três que servem de decoração.

Dá para conferir isso no seu próprio site sem adivinhar: ferramentas de mapa de calor do site mostram onde as pessoas clicam e até onde elas rolam. Quase sempre o resultado é o mesmo — os cliques se concentram no primeiro quadro.

A mensagem troca antes de ser lida

Existe um detalhe cruel no carrossel automático: a troca não espera por você. A pessoa começa a ler "Atendemos toda a Grande Vitória com..." e o texto desliza para fora da tela. A reação natural não é procurar a setinha para voltar. É desistir daquele trecho e seguir em frente.

O mesmo vale para o botão. Se a chamada para ação está no slide que passou, o clique não acontece. E um botão que some é pior do que um botão discreto — vale reler o que já escrevemos sobre o que é um CTA e como usar.

Pesa no carregamento

Um carrossel com quatro imagens grandes precisa baixar quatro imagens grandes, além do código que faz a animação funcionar. No 4G irregular de quem está na rua — que é a situação de boa parte dos seus visitantes — isso vira segundos de espera na parte mais importante da página. Como já explicamos em como um site rápido ajuda a vender mais, esses segundos custam visitas reais, e ainda afetam os Core Web Vitals que o Google mede.

Atrapalha quem navega de outro jeito

Conteúdo que se move sozinho também cria barreira de acessibilidade: quem usa leitor de tela, quem navega pelo teclado ou quem simplesmente lê mais devagar é atropelado pela animação. Se o carrossel não tiver botão de pausa e controles que funcionem com o teclado, parte do público fica de fora — assunto do nosso texto sobre acessibilidade em sites.

Comparando os dois formatos

Repare na última linha, que é a mais honesta: o carrossel é ótimo para acabar com a discussão dentro da empresa e ruim para ajudar quem está do lado de fora. Escolher dói, mas escolher é o trabalho.

Quando o carrossel faz sentido

Não é proibido usar — é questão de lugar. O formato funciona bem quando o próprio conteúdo é uma coleção de itens equivalentes, e não uma hierarquia de mensagens:

• Depoimentos de clientes, em que nenhum é mais importante que o outro;
• Galeria de trabalhos ou de fotos do espaço, dentro de uma seção de portfólio;
• Logotipos de parceiros ou marcas atendidas;
• Produtos relacionados numa loja virtual, mais abaixo na página;
• Fotos de um mesmo imóvel, prato ou serviço, onde a pessoa espera mesmo passar as imagens.

A diferença é que, nesses casos, o carrossel está no meio da página, o visitante já entendeu o que você faz, e ele desliza porque quer. Se usar, prefira que a troca seja manual (sem girar sozinho), com setas visíveis e as imagens bem otimizadas.

O que colocar no lugar na primeira tela

A primeira tela tem uma única tarefa: responder, em três segundos, "o que é isto e serve para mim?". Um bom substituto do carrossel costuma ter quatro elementos, nesta ordem:

1. Um título direto, que diga o que você faz e para quem — "Ar-condicionado em Guarapari: instalação e manutenção" vence qualquer frase criativa;
2. Uma linha de apoio, com o diferencial concreto: prazo, região atendida, garantia;
3. Um botão principal, visível sem rolar, com o verbo da ação: pedir orçamento, ver cardápio, agendar;
4. Uma imagem de fundo ou lateral que mostre o serviço real, não banco de imagens genérico.

E as outras três mensagens que estavam nos slides? Elas não se perdem — viram seções logo abaixo, cada uma com seu espaço e seu botão. A página continua rolando, e quem se interessou continua lendo. É exatamente o raciocínio que detalhamos em o que não pode faltar na página inicial.

Na dúvida, teste em vez de opinar

Se o assunto virar queda de braço no escritório, existe um jeito de encerrar com dados: rode um teste A/B. Metade das visitas vê o carrossel, metade vê o banner único, e em algumas semanas os números dizem qual gerou mais contatos. É mais barato do que discutir, e o resultado vale para o seu público — que é o único que importa.

Se você não quer se envolver nesse tipo de decisão técnica, essa é a parte fácil: a TH Designer monta a primeira tela do seu site a partir do que o seu cliente procura, escolhe o formato com base no comportamento real das visitas e acompanha os números depois da publicação. Conheça nossos serviços e peça um orçamento sem compromisso.

No fim, o carrossel é como um vendedor que troca de assunto a cada cinco segundos: parece cheio de argumentos, mas o cliente sai sem entender nenhum. Uma frase clara, parada na tela, com um botão do lado, costuma vender mais do que quatro mensagens girando — e dá muito menos trabalho de manter.

Perguntas frequentes