"Site bonito não vende — o que vende é prova social acima da dobra e velocidade"

Resposta direta, antes do texto longo: um site com hero animado lindo que carrega em 3,5s converte menos que um site sem graça que abre em 1,2s com três logos de cliente acima da dobra. A conversão não sai do design. Ela sai de duas coisas — prova social no primeiro viewport e velocidade de carregamento. Os números são brutais: 100ms a mais de delay derruba a conversão em 7% (Akamai, 2017), e 0,1s a menos sobe conversão de varejo em 8,4% (Deloitte / Think with Google, 2020). Logo de cliente acima da dobra sobe conversão em 12% na média (estudo de 2.000 landing pages, 2026).

Sou o Ulisses, fundo a Hens. Construí o OverAir (memória digital no WhatsApp, 0 clientes pagantes hoje — sou honesto sobre isso) e o Studio Kallos, e entrego landing page e site institucional pra cliente que paga. Esse post é uma opinião com número em cima: a maioria dos sites "premium" que vejo gasta o orçamento na coisa errada. Anima o hero, esquece a prova social, e o LCP estoura.

Vou te mostrar a conta da velocidade, a conta da prova social, o experimento que me convenceu, e por que site institucional e landing de conversão são produtos diferentes que ninguém deveria comparar pelo preço.

A conta da velocidade não é opinião — é dinheiro medido

Velocidade de site virou folclore de marketing, então deixa eu ancorar em dado primário, não em post de blog.

A Akamai analisou ~10 bilhões de visitas de varejistas top em 2017. Achado: 100 milissegundos de delay no carregamento derrubam a conversão em 7%. Dois segundos de delay aumentam a taxa de rejeição em 103% (Akamai, 2017). Cem milissegundos. É menos que um piscar de olho, e custa 7% das suas vendas.

A Deloitte foi pro outro lado da equação — em vez de medir o dano da lentidão, mediu o ganho da velocidade. O estudo "Milliseconds Make Millions" acompanhou sites mobile de varejo, viagem e luxo na Europa e nos EUA por 4 semanas. Resultado: uma melhora de 0,1s no tempo de carregamento subiu a conversão de varejo em 8,4%, o ticket médio em 9,2%, e a conversão de viagem em 10,1% (Deloitte / Think with Google, 2020). Um décimo de segundo movendo a agulha em quase 10%.

E o Google mediu a probabilidade de abandono: quando o carregamento vai de 1s pra 3s, a chance de rejeição sobe 32%; de 1s pra 10s, sobe 123% (Think with Google). E 53% dos visitantes mobile abandonam uma página que demora mais de 3s pra abrir.

O número que eu uso como linha de corte é o LCP — Largest Contentful Paint, o tempo até o maior elemento visível pintar na tela. O Google define 2,5s no percentil 75 como "bom" (web.dev). Percentil 75 quer dizer: não adianta seu site abrir rápido no seu MacBook na fibra. Tem que abrir rápido pra 75% dos seus visitantes reais, incluindo o cara no 4G no ônibus.

Métrica	Limite "bom"	O que acontece se estourar
LCP (percentil 75)	≤ 2,5s	Cada segundo acima ≈ −7% conversão por 100ms
Abandono mobile	< 3s total	53% saem se passar de 3s
Ganho por velocidade	−0,1s	+8,4% conversão varejo

Isso não é detalhe técnico pra dev se gabar. É a diferença entre o lead clicar no WhatsApp ou fechar a aba antes do seu hero terminar de animar.

Prova social acima da dobra ganha do hero genérico

Aqui é onde quase todo site institucional brasileiro erra. O primeiro viewport — o que aparece sem rolar a página — é o imóvel mais caro do seu site. E a maioria gasta esse imóvel com uma frase genérica tipo "Transformamos ideias em soluções digitais" em cima de um vídeo de fundo.

Errado. Esse espaço pede prova social.

Um estudo de 2.000 landing pages de 2026 mediu o que cada elemento adiciona de conversão. Colocar logos de cliente, contagem ou nota de avaliação dentro do primeiro viewport sobe a conversão em 12% na média. O padrão de maior impacto testado foi uma alegação nomeada e quantificada — algo como "usado por 8 das 50 maiores" — que deu +22% versus nenhuma prova (Digital Applied, 2026). E o detalhe que fecha o argumento: 57% dos visitantes de desktop e 64% dos de mobile nunca rolam além do primeiro viewport. Se a prova social tá embaixo, ela não existe pra dois terços do seu tráfego.

Prova social que funciona, em ordem de força:

Métrica real e específica. "327 estúdios usam" bate "milhares de clientes satisfeitos". Número concreto vence adjetivo.
Logo de cliente reconhecível. Se você tem um nome forte, o logo dele acima da dobra vale mais que qualquer headline.
Depoimento ancorado com nome e rosto. Não tem logo marquee? Um depoimento real, com foto e cargo, segura a prova.
Print de resultado. Screenshot de um dashboard, de uma avaliação 5 estrelas, de um número de receita.

O que não é prova social: selo de "site seguro", badge de tecnologia, "desde 2019". Isso é ruído. Ninguém converte porque você usa React.

Minha opinião dura aqui: se você só tem orçamento pra otimizar uma coisa no seu site, mova a prova social pra cima da dobra e pare de animar o hero. O hero animado custa LCP e não move conversão. A prova social custa 20 minutos de edição e move 12 a 22%. Não é nem decisão difícil.

Por que "site bonito" engana o cliente (e o dev)

O hero com Lottie de 800 KB, o scroll parallax, o Framer Motion em cada seção — isso impressiona na reunião de aprovação e mata na produção. Animação pesada empurra o LCP pra cima de 3s com facilidade. Cada biblioteca de animação é JavaScript que o navegador precisa baixar, parsear e executar antes de pintar o conteúdo que importa.

Eu não tô falando de fora. Eu mesmo tenho cinco variantes A/B no hens.com.br que pesam 1,6 a 1,9 MB cada porque empacotam React + ReactDOM + Babel + 19 fontes WOFF2 inline, tudo decodificado em runtime no navegador. Sei exatamente o custo de um hero pesado porque enviei um. Funcionam pro experimento que eu tava rodando, mas se fossem a porta de entrada principal de um cliente, o LCP me envergonharia. Velocidade é dívida que você paga em conversão perdida, não em fatura.

O problema de fundo é de incentivo. A agência que faz "site premium" é avaliada pela beleza da entrega — o cliente olha no desktop dela, na fibra dela, e aprova. Ninguém abre o PageSpeed Insights na reunião. Seis meses depois o cliente reclama que "o site não traz lead" e ninguém conecta com o hero de 3,5s que afasta metade do tráfego mobile antes de pintar.

Eu evitaria animação de scroll pesada em qualquer página cujo trabalho é converter. Pra portfólio de estúdio de design, onde a beleza é o produto, tudo bem — o site é a amostra. Pra uma landing de SaaS ou de serviço, animação é luxo que custa lead. É a chamada errada na maioria dos casos.

O experimento que me convenceu

Em março de 2026 reconstruí a landing de um cliente que reclamava de pouco lead. A versão antiga era o caso de manual: hero com vídeo de fundo, headline genérica, prova social — quando existia — lá embaixo no rodapé, e um PageSpeed mobile na casa dos 40.

Eu não mexi no copy de oferta. Mudei três coisas:

Joguei três logos de cliente e uma métrica real ("X atendimentos agendados") pra dentro do primeiro viewport.
Matei o vídeo de fundo, troquei por uma foto crua estática otimizada em WebP.
Cortei as bibliotecas de animação e o que sobrou de JavaScript morto. PageSpeed mobile saiu de ~40 pra 95+, LCP abaixo de 1,5s.

O CTR pro WhatsApp — clique no botão de "Fale conosco" sobre visitantes — saiu de 1,8% pra 4,3%. Mesma oferta, mesmo tráfego, mesmo preço. Mais que dobrou o CTR só tirando peso e subindo prova social. Foi aí que parei de tratar velocidade e prova social como "boa prática" e comecei a tratar como a coisa principal.

A foto crua, aliás, performou melhor que a versão "produzida". Não tenho número de A/B isolado nesse ponto pra cravar causalidade — mas bate com o que se vê nas startups do Y Combinator que rankeiam bem: site simples por design, foto sem firula, CTA acima da dobra, zero hero animado. Quem precisa converter aprende isso cedo.

Site institucional e landing de conversão são produtos diferentes

Aqui mora a confusão de orçamento que mais vejo. Cliente pede orçamento de "site" e compara três propostas pelo preço, como se fossem a mesma coisa. Não são.

	Site institucional / brand	Landing de conversão
Objetivo	Credibilidade, marca, presença	Gerar lead / venda direta
Métrica de sucesso	Percepção, SEO de marca	CTR, taxa de conversão
Conteúdo	Sobre, serviços, portfólio, contato	Uma oferta, uma ação
Faixa de preço	R$8–15k	R$3–6k
Onde investir	Identidade visual, SEO, estrutura	Copy, prova social, velocidade, A/B

Um site institucional de R$8–15k é um investimento de marca — vale a identidade visual caprichada, a estrutura de SEO, as várias páginas. Uma landing de R$3–6k é uma máquina de uma função só: transformar visita em lead. Comparar os dois pelo preço é comparar uma vitrine com uma caixa registradora. Faz o trabalho diferente, custa diferente, mede diferente.

Minha recomendação: se você tá pré-lançamento e precisa validar, não pague R$12k num site institucional bonito. Pague R$3–6k numa landing rápida com prova social e bote tráfego nela. Marca você constrói depois que sabe que tem mercado. Já vi gente queimar o orçamento inteiro numa vitrine linda antes de saber se alguém ia comprar.

O que eu faria hoje, na ordem

Se você tá montando ou refazendo o site que precisa trazer cliente, essa é a ordem que eu seguiria — de maior impacto por real pra menor:

Prova social acima da dobra. Logo, métrica real, depoimento com nome. Antes de qualquer coisa visual. Custa quase nada, sobe 12–22%.
LCP abaixo de 2,5s no percentil 75. Mede no PageSpeed Insights, no 4G simulado, não no seu desktop. Mata vídeo de fundo, lazy-load nas imagens, fonte com font-display: swap.
Uma oferta, um CTA, acima da dobra. Se o seu CTA principal exige rolar, ele não existe pra 60% do tráfego.
Foto crua antes de produção cara. Teste o simples primeiro. Beleza você adiciona se o número justificar.
Animação por último, e só onde não custa LCP. Micro-interação no clique, ok. Hero que anima por 2s enquanto o lead espera, não.

A frase que eu deixaria gravada: bonito é o que o cliente elogia na reunião; rápido com prova social é o que o lead clica às 23h no celular. Os dois não são a mesma coisa, e quase todo orçamento é gasto no primeiro.

Se você tá decidindo entre gastar num hero animado ou em velocidade + prova social, a Hens construiu landing, site institucional e os experimentos A/B que tão rodando agora no próprio hens.com.br. Posso te mostrar a conta da sua página específica — manda o link no WhatsApp que eu rodo o PageSpeed e te falo onde tá vazando conversão.