Guia de conversão: landing, formulário e velocidade

A conversão é o encontro da página com a intenção de quem chegou

Uma landing page não converte visitantes. Ela converte visitantes que chegaram com uma intenção que a página soube reconhecer e continuar. Quando a taxa cai, a pergunta útil raramente é o que a página tem de errado; é quem está chegando nela e com qual expectativa. A mesma página que converte bem para quem buscou a marca pelo nome pode ser invisível para quem clicou num anúncio de descoberta, porque as duas pessoas chegaram com perguntas diferentes e a página só responde a uma delas.

Essa tese muda a ordem do trabalho. Antes de testar variações, a operação confere se a superfície cumpre o básico verificável: a primeira tela responde às seis perguntas de quem chega, o formulário não cobra pedágio inútil, o consentimento é válido, a medição não perde lead no caminho e a página responde ao toque no tempo que o padrão da web exige. Só depois disso o teste controlado entra, porque testar variação de texto sobre uma página que o visitante não entende é medir ruído com precisão.

Há ainda uma consequência de medição que atravessa a página inteira: a conversão precisa ser lida por origem. Uma taxa agregada confortável convive com um canal inteiro convertendo mal, e a média esconde exatamente a informação que decidiria onde agir. Quem já organiza a leitura de busca com recorte e denominador declarados, como a página de medição de busca sem ruído descreve, só precisa estender a mesma disciplina até o formulário.

As seis funções da primeira tela

A primeira tela é o trecho visível antes de qualquer rolagem, e ela decide em poucos segundos se a visita continua. Quem chega gasta esses segundos respondendo três perguntas na ordem: o que é isto, isto serve para mim, o que acontece se eu clicar. A primeira tela que funciona distribui seis funções nesse espaço, cada uma respondendo a uma pergunta específica do visitante.

O teste de aluguel resolve a maior parte das discussões de layout: elemento que não responde a nenhuma das seis perguntas está ocupando o espaço mais caro da página sem pagar aluguel por ele. Um carrossel decorativo, um vídeo institucional que ninguém pediu, um segundo slogan. Quando você não consegue dizer qual pergunta um elemento responde, encontrou o candidato mais barato a sair.

Repare que quase toda correção da coluna da direita tem dono fora do time que desenha a página. É por isso que a primeira tela trava em reunião em vez de travar em sprint: a headline depende de quem conhece a objeção do comprador, a prova depende do que o comercial sustenta, a redução de risco depende de política que não é de UX. A tabela existe para nomear essas alçadas antes que a discussão vire disputa de gosto.

O teste dos cinco segundos

1. Capture a primeira tela em viewport de 390 pixels. É a largura de um celular comum, e é onde a maior parte do tráfego chega. Sem rolagem: só o que aparece antes do primeiro gesto.
2. Mostre a captura por cinco segundos a três pessoas de fora do time. Gente que nunca viu a página e não participou de nenhuma reunião sobre ela. Cinco segundos, e a imagem sai da tela.
3. Peça que escrevam o que a empresa vende e para quem. Por escrito, para que uma resposta não contamine a outra, e sem ajuda no meio do caminho.
4. Conte os erros. Duas respostas erradas encerram a discussão sobre cor de botão e movem a fila para proposta de valor ou continuidade de mensagem. O problema está na vitrine, e nenhum ajuste no botão resolve vitrine.

Estágio de consciência e continuidade entre anúncio e página

Uma landing page não fala com um visitante genérico. Fala com alguém num estágio específico de consciência sobre o próprio problema, e esse estágio determina o que a página precisa entregar primeiro. Estágio de consciência é o quanto a pessoa já sabe: do sintoma que ainda não tem nome até a decisão tomada que só quer executar. Quem ainda não sabe que tem um problema não responde a uma tabela de planos; quem já comparou três fornecedores não quer ser educado outra vez sobre o problema.

O erro caro é escrever sempre para o estágio mais avançado, porque é o mais confortável: quem já está pronto dispensa argumentação, a página fica curta e direta, e invisível para todo mundo que chegou antes disso. A mesma oferta pode exigir páginas diferentes por estágio. Quando o orçamento não permite várias, a decisão honesta é escolher o estágio que o canal dominante entrega e assumir a perda nos demais, por escrito, em vez de fazer uma página média que não atende nenhum. A frase no documento de campanha custa duas linhas e evita que a perda assumida reapareça como surpresa no relatório.

A continuidade entre o anúncio e a página

A objeção mais comum de quem opera mídia é a landing que converte bem no orgânico e mal no pago, com a mesma página e a mesma oferta. A explicação quase nunca está na qualidade da mídia. Quem chega pelo orgânico leu um título que ele mesmo formulou na busca, com as palavras dele. Quem chega pelo anúncio leu uma promessa que outra pessoa escreveu, noutra reunião, com outra métrica na cabeça. Quando a headline da página não repete a promessa do criativo, o visitante gasta o primeiro segundo conferindo se caiu no lugar certo, e uma parte dele decide que não caiu.

A correção é de processo: nenhum criativo sobe com verba relevante sem que a página de destino esteja escrita com a mesma promessa, e o relatório de mídia passa a ser lido por par anúncio-página, em vez de por campanha. Enquanto o par não for a unidade de leitura, a queda de conversão aponta para lance e público, que são as alavancas mais caras de mexer e as menos responsáveis pela perda.

O botão: verbo, contraste, alvo e um único pedido por tela

O botão é a frase mais lida da página e a menos escrita. "Enviar" descreve o que o formulário faz pelo sistema; "Receber o diagnóstico" descreve o que ele faz por quem clica. A regra que sobrevive ao escrutínio é o verbo de ação prometendo valor na primeira palavra, com o botão repetindo a promessa da headline, porque incoerência entre os dois reabre a dúvida no exato momento em que ela custa mais caro.

1. Verbo de ação que promete valor. O visitante lê o que vai acontecer, em vez do nome de uma função do sistema. O texto do botão é copy, e das mais importantes da página.
2. Contraste medido, com ferramenta. O texto sobre o fundo do botão precisa atingir 4,5:1, piso do critério de sucesso 1.4.3 das WCAG, nível AA, para texto de tamanho normal; texto grande tem piso de 3:1. Isso se verifica com ferramenta, e não pela impressão de quem desenhou num monitor calibrado. Botão claro com texto branco reprova com frequência, e a mesma régua vale nos dois temas quando o site tem modo escuro.
3. Alvo de toque com o piso certo e a folga certa. O piso verificável do nível AA é 24 por 24 pixels CSS por alvo, critério 2.5.8 das WCAG 2.2. Os 44 por 44 pixels que circulam como padrão também são normativos, mas no nível AAA, pelo critério 2.5.5: quem promete 44 está declarando AAA e precisa saber disso antes de assinar. Na prática de conversão, o botão principal confortável para o polegar passa folgado dos dois pisos, e a folga entre alvos vizinhos pesa tanto quanto o tamanho, porque o toque errado no celular termina em aba fechada, sem reclamação registrada em painel nenhum.
4. Um pedido primário por tela. Duas ações com o mesmo peso visual empurram o visitante a adiar a decisão em vez de escolher entre elas. Ações secundárias existem, em hierarquia visivelmente menor.
5. O botão repete a promessa do título. Headline que promete diagnóstico e botão que pede cadastro contam duas histórias, e o visitante desconfia das duas.

O teste barato da seção: abra a página no celular, segure o aparelho com uma mão e toque no botão com o polegar, três vezes. Depois meça o contraste do texto sobre o fundo com um verificador, nos dois temas. Os dois testes juntos custam cinco minutos e pegam as duas falhas de botão que nenhuma revisão visual pega.

O formulário: cada campo cobra um pedágio, e a pesquisa diz quais

O formulário é o único lugar do funil onde a intenção já foi declarada: quem começou a preencher quis avançar. Quando desiste, quase sempre desiste por algo que a interface, a política comercial ou o desenho do fluxo fez ou deixou de fazer. E esse algo foi medido. O Baymard Institute, instituto de pesquisa de usabilidade que mantém a agregação mais citada da área, registrou taxa média de abandono de carrinho de 70,22% na atualização de 22 de setembro de 2025, agregando cerca de 50 estudos. O número serve apenas de contexto: ele mistura setores e definições, e parte relevante dele é comportamento normal de pesquisa de preço. Numa base distinta, que inclui todos os respondentes, o mesmo instituto registrou em fevereiro de 2025 que 42% dos compradores americanos abandonam porque estavam apenas navegando, e essa fatia nenhuma reforma de formulário recupera.

O que interessa à decisão são as razões declaradas por quem tinha intenção real e desistiu. A pesquisa é de resposta múltipla: cada pessoa marca quantas razões quiser, os percentuais são marcações independentes e somá-los produz um número sem significado. A soma passar de 100 é o comportamento esperado da resposta múltipla: a mesma pessoa marcou mais de uma razão, e a pesquisa segue correta.

Fonte: Baymard Institute, pesquisa de razões declaradas de abandono, versão vigente em 2025, entre respondentes que não estavam apenas navegando. Resposta múltipla: os percentuais não se somam. A lista completa tem mais linhas; as seis acima são as que uma operação de captação controla ou sente primeiro.

A linha da conta obrigatória tem o caso mais citado da literatura de formulários. Um grande varejista online exigia cadastro antes de pagar, e a tela travava principalmente o cliente recorrente que não lembrava a senha. A troca do botão "Cadastrar" por um "Continuar", com a conta oferecida depois da compra concluída, elevou a receita anual na ordem de 300 milhões de dólares, no relato publicado por Jared Spool em 2009 sob o título "The $300 Million Button". A lição transportável para captação de leads: peça o compromisso somente depois de entregar o valor.

Os princípios do formulário que não vaza

1. Um campo por decisão de negócio nomeada. Para cada campo, escreva qual decisão de roteamento, qualificação ou atendimento ele sustenta. Campo sem decisão associada sai do formulário, porque ele cobra tempo de todo mundo para alimentar um relatório que talvez ninguém leia.
2. Rótulo persistente, fora do campo. Placeholder usado como rótulo some no primeiro caractere digitado, some para o leitor de tela e reprova o critério 3.3.2 das WCAG. O rótulo acima do campo resolve os três problemas de uma vez, e a conferência do que foi digitado deixa de depender de memória.
3. Validação quando o campo perde o foco. Validar a cada tecla acusa erro em dado ainda incompleto e ensina a ignorar o vermelho; validar só no envio joga a pessoa de volta ao formulário inteiro atrás do problema. O evento de saída do campo fica no meio: corrige um campo por vez, no contexto em que o erro foi cometido. A referência clássica é a medição de Luke Wroblewski, de 2009, que associou a validação inline a cerca de 22% a mais de conclusão; o estudo tem idade, siga a direção e meça a magnitude no seu formulário.
4. Erro que diz o que fazer, além da cor. "Dados inválidos" transfere ao usuário a tarefa de adivinhar; "O CEP precisa ter 8 dígitos" resolve na primeira leitura. A mensagem fica ao lado do campo, o campo recebe aria-invalid e aponta a mensagem por aria-describedby, atributos que anunciam o erro ao leitor de tela, e o foco vai para o primeiro campo inválido. Cor sozinha não chega a quem não distingue a cor.
5. Teclado certo no celular. inputmode="numeric" abre o teclado numérico em campo de número; autocomplete com o valor correto deixa o navegador preencher em um toque. Um atributo de uma linha economiza a troca de teclado a cada dígito, e quem desiste de digitar não gera evento de falha em painel nenhum.
6. Botão que promete valor e privacidade em uma linha. Junto do botão, uma frase curta dizendo o que acontece com o dado: quem escreve, com que frequência, e que sair é fácil. É redução de risco no ponto exato da hesitação.
7. Conforto físico no celular. Alvo de toque na casa dos 48 pixels para o botão que decide a conversão e fonte de 16 pixels nos campos, porque abaixo disso o iOS aplica zoom forçado ao focar o campo e a tela salta no pior momento.
8. Multi-etapa com o e-mail primeiro. Quando a operação precisa de mais dados, a primeira tela pede só o contato e as seguintes pedem o resto. O lead capturado na primeira etapa não se perde se a pessoa abandonar a segunda, e nenhum dado já informado é pedido de novo, que é também o que o critério 3.3.7 das WCAG 2.2 passou a exigir.

O teste barato da seção: preencha o seu próprio formulário pelo celular, sem estar logado, errando um campo de propósito. Anote quantos toques a correção custou, se o rótulo ainda estava visível na revisão e qual teclado abriu em cada campo. Quinze minutos, e a lista de correção sai pronta, com a maioria dos itens cabendo numa sprint.

Os cinco estados da tela, incluindo os que ninguém desenha

Todo formulário vive em cinco estados, e a maioria das equipes desenha só o primeiro. O estado vazio, que é a página como ela abre. O estado de preenchimento, com validação campo a campo. O estado de envio, entre o clique e a resposta do servidor. O estado de erro, quando o envio falha. E o estado de sucesso, que é a página de obrigado, chamada de thank-you page. Os três últimos são invisíveis na demonstração de layout e decidem uma parte desproporcional da experiência, porque é neles que a pessoa está mais tensa.

O estado de envio merece a linha de código mais barata da página: bloquear o botão no primeiro clique. Sem isso, a espera de dois segundos numa rede lenta vira dois leads duplicados, dois disparos de automação e um contato que recebe a mesma mensagem duas vezes no primeiro minuto de relacionamento.

A thank-you page é o espaço mais desperdiçado da captação. Quem acabou de converter é a pessoa mais disposta da base inteira, e a página de obrigado que só agradece devolve esse momento ao vazio. O desenho que aproveita: confirmar o que acontece agora, em que prazo e por qual canal, e oferecer uma segunda conversão coerente com a primeira: o material complementar, a pergunta de enriquecimento, o agendamento. É prática documentada das grandes operações de automação, e é também onde começa o trabalho que a página de conteúdo de ativação, retenção e lifecycle descreve: o lead que chegou precisa de um caminho, em vez de um ponto final.

Consentimento válido e medição que não perde o lead

O formulário de captação faz duas coisas ao mesmo tempo: entrega um lead e assume uma responsabilidade legal sobre o dado dele. A segunda parte costuma ser tratada como burocracia de rodapé, e é ela que decide se a base construída este ano ainda pode ser usada no ano que vem.

A regra central cabe numa frase: a caixa de consentimento para comunicação de marketing é opcional e vem desmarcada. Caixa obrigatória ou pré-marcada invalida o consentimento como base legal: a documentação de proteção de dados das próprias plataformas de automação declara isso, e o regime brasileiro exige o mesmo. Junto do aceite, o sistema grava o registro de consentimento: data, origem e status, guardados com o lead. É esse registro que responde um pedido de titular sem pânico e que separa, numa fiscalização, a base construída de boa-fé da base indefensável.

A medição que sobrevive ao consentimento

A mesma fundação legal alcança a medição. Consent Mode é o mecanismo do Google que transporta a escolha de consentimento do visitante para as tags de medição e publicidade; a versão 2 é obrigatória desde março de 2024 para quem atinge usuários do Espaço Econômico Europeu e, conforme análise da UniConsent sobre anúncio do Google, passou a ser desde 15 de junho de 2026 o único controle de coleta e uso de dados de publicidade em propriedades GA4 vinculadas ao Google Ads. A implementação correta tem uma ordem que não admite troca:

1. O comando de consent default executa no head, antes de qualquer script de tag. Os quatro parâmetros entram em denied: ad_storage, analytics_storage, ad_user_data e ad_personalization.
2. A CMP exibe o banner e recolhe a escolha do visitante. CMP é a plataforma que faz essa ponte entre a decisão da pessoa e as tags.
3. A CMP atualiza os quatro parâmetros depois da decisão do visitante. Só a partir daí as tags trabalham com o que foi concedido.

A validação é verificável em minutos: no Tag Assistant, as requisições ao Google carregam o parâmetro gcs, que aparece como G100 com consentimento negado e G111 com consentimento concedido. Sem os sinais corretos, as listas de remarketing param de crescer em silêncio, sem nenhum erro no console, enquanto a mídia continua gastando. É o defeito mais caro da captação justamente porque não dói em lugar nenhum visível.

1. Meça a conversão no envio, antes do redirecionamento. O evento generate_lead, nome recomendado no GA4, dispara no submit do formulário. Quem mede só na thank-you page perde o lead que fecha a aba entre o clique e o carregamento da página seguinte.
2. Capture o gclid em campo oculto. O gclid é o identificador de clique que o Google Ads anexa à URL de quem chegou por anúncio. Gravado num campo oculto do formulário e enviado junto do lead, ele permite ligar a conversão à campanha pelo seu próprio dado, sem depender de cookie de terceiro.
3. Nenhum dado pessoal em URL. Nem em parâmetro de página de obrigado, nem em nome de evento, nem em parâmetro de analytics. E-mail na URL vira dado pessoal gravado em log de servidor, em histórico de navegador e em ferramenta de terceiro, tudo fora de qualquer contrato de tratamento.
4. Teste os três cenários de consentimento. Aceito, recusado e parcial. O lead precisa chegar ao sistema nos três, com o status de consentimento junto, porque captar o contato depende do formulário funcionar, com ou sem cookie.

O que a base recebe depois de capturada, com que frequência e com qual pedido, é assunto da trilha de mensagens e da página de lifecycle. O que esta seção garante é que exista uma base legalmente utilizável para essas mensagens chegarem.

Velocidade que converte: o INP no aparelho de quem visita

INP, de Interaction to Next Paint, é a métrica que mede quanto tempo a página leva para responder visualmente a uma interação: um toque no campo, um clique no botão. O INP substituiu o FID como Core Web Vital em 12 de março de 2024, e todo material que ainda ensina otimização de FID é anterior a essa data. Numa página de captação, a interação que o INP mede é exatamente a que decide o lead: cada tecla no formulário e o toque no botão de envio.

Percentil 75 quer dizer que três em cada quatro visitas precisam ficar dentro do limiar, e "visitas reais" quer dizer dado de campo: o que aconteceu nos aparelhos e redes de quem visitou, coletado pelo CrUX, o relatório de experiência do Chrome. O teste de laboratório rodado no notebook de quem publicou serve para achar a causa de um problema; a aprovação sai do dado de campo. Quando os dois discordam, o campo decide, porque é ele que descreve gente de verdade.

Onde o INP morre em páginas de captação, três causas respondem pela maioria dos casos:

• scripts de tag e da CMP ocupando a thread principal no momento do clique;
• validação síncrona cara disparada a cada tecla em vez de na saída do campo;
• frameworks que hidratam a página inteira para servir um formulário de quatro campos.

A correção segue a mesma ordem: carregar tags depois da primeira interação, validar no blur e fazer o código do formulário chegar antes de todo o resto. E vale a regra de governança que evita a recaída: nenhum script novo entra na primeira tela sem que outro saia, com o inventário de terceiros mantido com dono e finalidade por script.

O vínculo com receita tem caso documentado: a RedBus, plataforma de passagens, ligou a melhoria de INP a um aumento de 7% em vendas, em estudo de caso publicado no web.dev em 2024. Caso de uma operação não é promessa para a sua, e é exatamente por isso que a régua desta seção é o seu relatório de campo: ele diz qual das três métricas reprova, em qual página e em qual dispositivo, e é por aí que a correção começa.

Persuasão honesta contra dark pattern: o teste das três perguntas

Dark pattern é a escolha de interface que manipula, esconde ou dificulta para induzir uma decisão que a pessoa não tomaria com a informação clara à frente: o contador que reinicia, o estoque inventado, o cancelamento escondido. A fronteira entre persuasão legítima e infração deixou de ser debate de ética de design e virou jurisprudência com valor, e o critério que separa os dois lados é verificável por qualquer pessoa da operação.

A versão legítima de cada mecânica existe e converte:

• Urgência apontando um campo de sistema rastreável: promoção com data real de término, com a condição mudando de fato quando o prazo expira, e o prazo mantido no servidor, fora do contador de JavaScript que cada recarga zera.
• Escassez com o estoque lido do registro real.
• Prova com número, unidade e período que a empresa sustenta se alguém pedir a apuração.
• Simetria de saída: cancelar tão fácil quanto assinar, no mesmo canal, no mesmo horário, com o mesmo número de passos.

As sanções que calibram o risco são reais e grandes.

No Brasil a base legal já existe: o Código de Defesa do Consumidor enquadra publicidade enganosa e prática abusiva desde 1990, nos artigos 37 e 39, e o Decreto 11.034/2022, a Lei do SAC, exige que o cancelamento seja possível pelo mesmo canal da contratação, sem etapa de retenção obrigatória. Para uma operação que ensina automação de marketing a milhares de clientes, como a Leadlovers, a coerência aqui vale dobrado: a mecânica que a casa usa é a mecânica que os clientes copiam.

Uma última instrução de método, porque ela protege a medição: antes de remover qualquer mecânica fabricada, registre a linha de base de conversão, cancelamento, devolução e contato de suporte da janela corrente. Quando a conversão oscilar no mês seguinte, é essa linha de base que mostra se o suposto ganho da mecânica era transferência de receita para passivo.

Pop-up sem pedágio: o gatilho aparece depois do interesse

Pop-up é uma interrupção, e interrupção só se paga quando a oferta corresponde ao conteúdo da página e ao momento do visitante. A regra de desenho cabe em uma frase: o gatilho certo aparece depois que o visitante demonstrou interesse, ocupa pouco e fecha em um toque.

1. Dispare por intenção de saída ou por tempo; o carregamento fica de fora. Exit intent, o movimento do cursor em direção a fechar a aba, ou 20 a 30 segundos de página. Quem acabou de chegar ainda não teve tempo de querer o que o pop-up oferece.
2. Nunca tela cheia no primeiro toque vindo do Google no celular. A penalidade de interstitials intrusivos, os painéis que cobrem o conteúdo, vale desde 10 de janeiro de 2017 e tem escopo mais estreito do que se repete: alcança o celular e a página de entrada vinda da busca. O aviso de cookies exigido por lei e a verificação de idade têm exceção declarada. Banner que cobre menos de 30% da tela, modal disparado por engajamento e pop-up em navegação interna passam sem risco.
3. Feche em um toque, sem reaparecer. Botão de fechar visível e funcional no primeiro toque, sem reexibição depois que o visitante dispensou, e com versão própria para o celular, com alvo de toque adequado. O pop-up que persegue converte a mesma visita uma vez e a marca nenhuma vez.
4. Case a oferta com a página. O pop-up de e-book sobre outro assunto interrompe sem trocar nada em retorno. A oferta coerente com o conteúdo lido é a única que justifica a interrupção.

O teste barato da seção: abra a página mais visitada num celular, chegando por uma busca no Google, e cronometre quando a primeira interrupção aparece e quantos toques custa fechá-la. Se a resposta for "no carregamento" e "mais de um", a correção vem antes de qualquer discussão sobre a taxa de conversão do pop-up.

Os erros que se repetem, e o que fazer com cada um

O padrão que atravessa a tabela: quase todo erro nasce de uma decisão que ninguém tomou por escrito. O campo entrou porque alguém pediu, o selo entrou porque sobrou espaço, o número entrou porque estava num slide. O antídoto não é talento, é o hábito de perguntar de onde veio e quem sustenta, antes de publicar.

O que esta página não promete

Toda página de método tem uma zona em que ela não funciona, e declarar essa zona custa menos do que descobri-la em produção. Três limites merecem estar escritos antes do pedido final.

O roteiro de revisão de landing em uma página

O roteiro abaixo condensa a página em critérios de pronto verificáveis, organizados por bloco. Ele foi escrito para ser percorrido em uma sessão de trabalho, com a página aberta ao lado, e cada item tem uma resposta binária: passou ou não passou. Item que depende de opinião foi deixado de fora de propósito, porque opinião não encerra reunião. O roteiro não menciona nenhuma tela de ferramenta específica e funciona igual em qualquer plataforma.

ROTEIRO DE REVISÃO DE LANDING E FORMULÁRIO
Página revisada:                       Data:            Revisor:

BLOCO 1 · PRIMEIRA TELA
[ ] As seis funções presentes: identificação, proposta, público,
    prova, ação, redução de risco
[ ] Cada elemento da primeira tela responde a uma das seis perguntas
    (o que não responde nenhuma sai)
Pronto quando: teste dos 5 segundos feito em viewport de 390 px com
3 pessoas de fora; no máximo 1 resposta errada sobre o que a empresa
vende e para quem.

BLOCO 2 · CONTINUIDADE E ESTÁGIO
[ ] A headline repete a promessa do criativo de maior verba
[ ] O estágio de consciência do canal dominante está declarado por
    escrito, com a perda nos demais estágios assumida
Pronto quando: captura do criativo e da primeira tela lidas em voz
alta, na ordem, e a segunda frase completa a primeira.

BLOCO 3 · CTA
[ ] Verbo de ação prometendo valor; o botão repete a promessa do título
[ ] Um único pedido primário por tela
[ ] Contraste do texto sobre o fundo do botão medido: 4,5:1 ou mais
    (critério 1.4.3, nível AA), nos dois temas
[ ] Alvo de toque de no mínimo 24x24 px CSS (critério 2.5.8, AA),
    com folga dos alvos vizinhos
Pronto quando: contraste aferido com ferramenta e toque testado no
aparelho, com uma mão.

BLOCO 4 · FORMULÁRIO
[ ] Cada campo tem a decisão de negócio que sustenta escrita ao lado
[ ] Rótulo persistente fora do campo (nada de placeholder como rótulo)
[ ] Validação na saída do campo; erro diz o que fazer, ao lado do
    campo, com aria-invalid e aria-describedby; foco vai ao primeiro
    campo inválido
[ ] inputmode e autocomplete corretos campo a campo
[ ] Fonte de 16 px nos campos e alvo de ~48 px no botão, no celular
[ ] Multi-etapa com e-mail primeiro, quando houver mais de uma etapa;
    nenhum dado já informado é pedido de novo
Pronto quando: formulário preenchido no celular com um erro proposital
e corrigido sem reler a página inteira.

BLOCO 5 · ESTADOS
[ ] Botão bloqueado no primeiro clique durante o envio
[ ] Estado de erro preserva o que foi digitado
[ ] Thank-you page confirma o próximo passo e oferece segunda conversão
Pronto quando: envio testado em rede lenta com dois cliques seguidos
e apenas um lead registrado.

BLOCO 6 · CONSENTIMENTO E MEDIÇÃO
[ ] Caixa de consentimento de marketing OPCIONAL e DESMARCADA
[ ] Registro de consentimento com data, origem e status junto do lead
[ ] Consent default com ad_storage, analytics_storage, ad_user_data e
    ad_personalization em denied ANTES de qualquer tag
[ ] Parâmetro gcs conferido no Tag Assistant (G100 negado, G111 aceito)
[ ] generate_lead disparando no submit, antes do redirect
[ ] gclid capturado em campo oculto; nenhum dado pessoal em URL
Pronto quando: os três cenários (aceito, recusado, parcial) testados
e o lead chegando nos três, com o status junto.

BLOCO 7 · VELOCIDADE
[ ] INP até 200 ms no p75 do relatório de campo (não do laboratório)
[ ] Validação não roda a cada tecla; tags carregam depois da interação
[ ] Nenhum script novo entrou na primeira tela sem outro sair
Pronto quando: a página passa nas três métricas no relatório de campo,
lida por dispositivo.

BLOCO 8 · PROVA E URGÊNCIA
[ ] Toda prova tem número, unidade e período sustentáveis numa apuração
[ ] Toda urgência aponta campo de sistema rastreável; prazo no servidor
[ ] O número exibido sobrevive ao recarregamento da página
[ ] Cancelar é tão fácil quanto assinar (mesmo canal, mesmos passos)
Pronto quando: o teste das três perguntas aplicado a cada mecânica,
sem nenhum "não" pendente.

PENDÊNCIAS
Item reprovado | dono | prazo:
Item reprovado | dono | prazo:
Item reprovado | dono | prazo:

Plano de 30, 60 e 90 dias

O ciclo abaixo serve para quem tem páginas no ar e nunca as revisou com critério escrito. Cada período fecha com uma entrega e um gate, e o gate impede que o projeto avance por calendário com a base pendente. Comece por uma página, a de maior tráfego pago, porque é onde a conta da mídia amplifica cada defeito da superfície.

A ordem importa mais do que a velocidade. Consentimento e medição vêm no primeiro mês porque tudo o que se aprende depois depende deles: melhorar uma página medindo errado é aprender a coisa errada com confiança crescente. E a experimentação vem por último de propósito, porque teste sobre superfície quebrada mede ruído, e ruído medido com rigor continua sendo ruído.

Cada papel responde por uma parte verificável

Uma landing atravessa mais áreas do que parece, e a ausência de fronteira escrita produz o defeito conhecido: a headline sem dono, o campo que ninguém pediu e ninguém tira, o consentimento que era de todo mundo e não era de ninguém. Os cartões abaixo declaram o que cada papel entrega e por qual prova responde.

A regra de desempate é a mesma da casa: quem consegue mostrar a evidência ganha a discussão. Se a conversão caiu, mídia mostra o par anúncio-página, front-end mostra o relatório de campo, dados mostram a leitura por origem e conteúdo mostra o teste dos cinco segundos. A conversa termina em causa identificada, e quem chega sem evidência perde por falta de linha para mostrar, por mais convicção que carregue.

Dúvidas sobre landing e formulário

Fontes

As referências abaixo sustentam os números citados nesta página, com a data que cada fonte declara. Todas foram conferidas no material de referência que alimentou esta publicação, em 11 de agosto de 2026. Documentação de plataforma e norma técnica mudam sem aviso: se a página tiver mudado quando você abrir, vale a versão que estiver lá, e o resumo daqui deixa de valer.

Abandono e formulários

• Baymard Institute · Cart abandonment rate: taxa média de 70,22%, agregação de cerca de 50 estudos, atualizada em 22 de setembro de 2025; razões declaradas de abandono em resposta múltipla, versão vigente em 2025; e a fatia de 42% de quem estava apenas navegando, de fevereiro de 2025, medida numa base distinta que não se soma às razões.
• Jared Spool, "The $300 Million Button", User Interface Engineering, 2009: a remoção do cadastro obrigatório antes do pagamento, substituído por conta opcional após a compra, elevou a receita anual de um grande varejista em cerca de 300 milhões de dólares.

Acessibilidade e norma técnica

• W3C · WCAG 2.2: publicada em 5 de outubro de 2023. Critério 1.4.3, contraste mínimo de 4,5:1 para texto normal e 3:1 para texto grande, nível AA; critério 2.5.8, alvo de toque de 24 por 24 pixels CSS, nível AA; critério 2.5.5, alvo de 44 por 44 pixels, nível AAA; critérios 3.3.2, rótulos ou instruções, e 3.3.7, entrada redundante.

Velocidade

• web.dev · Interaction to Next Paint: INP bom até 200 milissegundos e ruim acima de 500, avaliado no percentil 75 de visitas reais; o INP substituiu o FID como Core Web Vital em 12 de março de 2024. O estudo de caso da RedBus, publicado no web.dev em 2024, ligou a melhoria de INP a um aumento de 7% em vendas.
• web.dev · Core Web Vitals: documentação oficial das três métricas e da avaliação por dado de campo.

Consentimento e medição

• Lei 13.709/2018 · LGPD: sanções administrativas de até 2% do faturamento, com teto de R$ 50 milhões por infração.
• ANPD · Guia Orientativo de Cookies e Proteção de Dados Pessoais: consentimento livre, informado, inequívoco e granular, com recusar tão fácil quanto aceitar; atualização de 23 de janeiro de 2025 classificando o banner assimétrico como dark pattern.
• Google · Consent Mode: os quatro parâmetros de consentimento e o comando de default antes de qualquer tag; obrigatório para quem atinge o Espaço Econômico Europeu desde março de 2024. A leitura de que ele passou a ser o único controle de dados de publicidade em GA4 vinculado ao Ads, a partir de 15 de junho de 2026, vem de análise da UniConsent sobre anúncio do Google.

Persuasão, sanção e pop-up

• Federal Trade Commission · Comunicados oficiais: acordo de 2,5 bilhões de dólares com a Amazon, anunciado em 25 de setembro de 2025, sendo 1 bilhão de multa civil e 1,5 bilhão de restituição, por dark patterns na inscrição e no cancelamento do Prime; e acordo de 520 milhões de dólares com a Epic Games, de 19 de dezembro de 2022, dos quais 245 milhões por padrões de interface enganosos de cobrança.
• Comissão Europeia, estudo comportamental sobre práticas digitais desleais, 2022: dark patterns encontrados em 97% dos sites e aplicativos mais usados na União Europeia.
• Decreto 11.034/2022 · Lei do SAC: cancelamento pelo mesmo canal da contratação, sem etapa de retenção obrigatória; artigos 37 e 39 do Código de Defesa do Consumidor para publicidade enganosa e prática abusiva.
• Google Search Central · Interstitials intrusivos: penalidade vigente desde 10 de janeiro de 2017, com escopo no celular e na página de entrada vinda da busca, e exceções para aviso legal de cookies e verificação de idade.