O que Construtor de Landing Pages faz?
Fórmula: nossa estrutura × melhores práticas dos concorrentes, construídas de acordo com o padrão de referência.
Cada página é única para seu nicho. Do zero, o design vem do tópico + dos concorrentes (fases 2–3), nunca de uma página anterior ou de um template. O que se repete entre as páginas é o nível de qualidade, não a aparência:
- hierarquia clara em cada bloco: chamada de atenção → título principal → lead → mídia real → CTA com microtexto;
- mídia real do produto em molduras adequadas, com molduras em branco etiquetadas onde faltar;
- um par tipográfico e um acento escolhidos para o nicho;
- uma seção de contraste para dar ritmo;
- resultados legendados um a um;
- um resumo antes do preço;
- FAQ e um CTA final construídos a partir de nossos fatos;
- revisão por captura de tela.
O redesign aprovado da Vidpeak (references/examples.md §D) mostra esse nível. Iguale o acabamento, nunca a aparência.
- Nossa estrutura decide quais trabalhos a página deve fazer e em que proporção (5 blocos, pesos, regras base). É a mesma em todos os nichos.
- Concorrentes decidem como cada trabalho é feito neste nicho: fórmula do hero, tipos de prova, como o produto é mostrado, formato de preço, objeções, sistema visual. Isso muda por nicho.
- Lacunas — o que nenhum concorrente diz ou mostra bem — tornam-se nossa diferenciação.
- O padrão de referência (
references/reference-standard.md) define a barra de qualidade: quatro landings que o proprietário escolheu como boas. Seus padrões de bloco, arte da cópia e arte visual são o que significa "bem feito". O nicho decide a aparência; as referências decidem o quão bem é feito.
Nunca construir apenas com o framework (página genérica) e nunca clonar um concorrente (página cópia).
Dois modos — escolha um primeiro
| Modo | Quando | Fluxo de trabalho |
|---|---|---|
| A. Construir do zero | Ainda não há página, ou o proprietário quer uma nova | Abaixo (fases 1–6) |
| B. Melhorar o design | Uma página existe (URL / arquivo de repositório / captura de tela) e o proprietário quer que ela tenha melhor aparência e funcionamento | references/redesign.md |
Sinais para B: "melhorar / embelezar", "redesign", "melhorar o design", "aqui está minha landing", um link para uma página ao vivo. Dúvida → faça uma pergunta: "Página nova, ou melhorar o design desta?" Ambos os modos usam a mesma estrutura proprietária, regras base e padrão de referência.
Fluxo de trabalho — Modo A (do zero)
Siga em ordem. As fases 2–3 são o núcleo desta skill — não pule para economizar tempo.
| # | Fase | Resultado | Referência |
|---|---|---|---|
| 1 | Briefing — produto, avatar, benefício, tipo de CTA, preço, idioma, ativos | Briefing em 10 linhas | references/brief.md |
| 2 | Pesquisa de concorrentes — encontrar 3–5 concorrentes, abrir suas landing pages, capturar cada seção | Capturas de tela research/ + anotações brutas | references/competitor-research.md |
| 3 | Desconstrução e síntese — padrões por bloco, linha de base do mercado, melhores práticas, lacunas, trava visual | research/teardown.md | references/competitor-research.md |
| 4 | Plano da página — nossos 5 blocos, cada um preenchido com práticas escolhidas + um padrão do padrão de referência + nosso conteúdo | Tabela do plano → ponto de verificação com o proprietário | references/framework.md, references/reference-standard.md |
| 5 | Construção — pilha, texto, mídia, CTA, sistema visual único para este nicho | A página | references/build.md, references/visual-system.md |
| 6 | QA — no navegador, desktop + mobile, de acordo com o plano, os concorrentes e o padrão de referência | Página corrigida + entrega | references/build.md §QA |
| 7 | SEO e GEO — antes da página entrar no ar (ou sob solicitação): um endereço, robots/sitemap/llms.txt, meta e og, JSON-LD, velocidade, acesso de bots de IA, Search Console | Página ao vivo indexável e citável pela busca de IA | references/seo-geo.md |
Ponto de verificação (após a fase 4). Mostre ao proprietário, resumidamente: a linha de base do mercado, as 3–5 práticas que você está adotando, as lacunas que atacará, a trava visual e a tabela do plano. Obtenha um "ok", então construa. Se o proprietário pediu rapidez, apresente o plano e construa na mesma rodada.
Não pare. Se algo estiver faltando (URL do produto, capturas de tela, preços), marque um TODO e continue. Pergunte apenas o que bloquear o tipo de CTA ou o idioma.
A estrutura proprietária (sempre)
Cinco trabalhos. Um trabalho pode abranger várias seções (ex.: Oferta = resumo + preço + FAQ + CTA final). Os pesos são a parcela do comprimento/atenção da página — uma forma alvo, não uma lei.
| # | Trabalho | Peso | Deve alcançar |
|---|---|---|---|
| 1 | Primeira tela | 5% | O que é ou o benefício principal, para quem, um CTA primário (nenhum se for pré-produto) |
| 2 | Dores e situação | 15% | Apenas se os concorrentes usarem um bloco de dores. Então: o problema, incisivo, apenas com fatos reais. Caso contrário, pule — sua parcela vai para Benefícios + Produto |
| 3 | Benefícios | 20% | O que o leitor ganha, cada vantagem apoiada por um visual ou prova |
| 4 | Produto | 40% | O que é + como funciona, compreensível em uma tela |
| 5 | Oferta e CTA | 20% | Resumo dos benefícios, o que acontece após o clique, preço + reversão de risco, objeções, CTA |
Benefícios + Produto ≈ 60% da página. Se já existir uma LP ativa, mantenha a ordem de suas seções e mapeie os trabalhos nela.
Como os concorrentes e nossa estrutura se combinam
- Mapeie cada seção do concorrente para um de nossos 5 trabalhos (depoimentos → prova de Benefícios, FAQ → objeções da Oferta, barra de logos → prova da Primeira tela, integrações → Produto…). Isso fornece uma visão por trabalho do mercado.
- Linha de base do mercado = padrões usados pela maioria dos concorrentes. Os compradores os esperam — inclua-os (barra de logos, teste gratuito, tabela comparativa, antes/depois… o que este nicho tratar como padrão).
- Melhor prática = um padrão que é (a) usado pelo líder da categoria ou por ≥2 concorrentes, ou em páginas para as quais eles veiculam anúncios pagos, e (b) serve ao trabalho de seu bloco. Adote-o, com nossas palavras.
- Lacunas = objeções que ninguém responde, benefícios que ninguém prova, segmentos que ninguém nomeia, formatos que ninguém usa (ex.: ninguém mostra resultados reais). Lidere com 1–2 delas — essa é a diferenciação.
- Conflitos. As regras proprietárias vencem por padrão; sinalize o conflito no ponto de verificação e deixe o proprietário decidir. Típico: concorrentes usam formulários de lead/quiz → mantemos uma ação primária (veja as regras base).
- Sistema visual vem do conjunto de concorrentes (geralmente o líder): funções da paleta, tipografia, densidade, formato de mídia, formato do CTA. Copie o sistema, nunca o texto, números, logotipos ou ativos deles.
Regras base (qualquer nicho)
- Primeira tela forte: uma descrição nítida ou um gancho de benefício, mais o avatar.
- Cada CTA é emparelhado com um benefício concreto e diz o que acontece em seguida.
- Mostre como o produto funciona com a interface real — cada etapa do "como funciona" emparelhada com uma captura de tela/gravação real dessa etapa, ou deixe o usuário usar se os concorrentes o fizerem. Nada pronto → deixe um molde em branco, com tamanho correto, etiquetado com o que vai lá. Nunca substitua a interface por uma lista de texto, ícones ou uma IU inventada.
- Uma ação primária, apenas dois tipos de CTA: para o produto (Começar / Experimentar / Baixar / Inscrever-se) ou agendar uma chamada (idealmente um agendador embutido). Nenhum formulário de lead ou quiz na página. Permitido: uma entrada de produto que inicia o uso do produto (colar um link, enviar um arquivo, inserir um endereço) quando essa for a forma como os concorrentes permitem que as pessoas experimentem.
- Nunca invente provas, preços, estatísticas, depoimentos ou logotipos. Espaço vazio →
TODOvisível. - Apenas mídia real do produto — sem IU falsa, sem imagem de stock onde deveria haver mídia do produto.
- Quando uma prática de mercado não for clara ou for arriscada, pergunte ao proprietário em vez de adivinhar.
Arquivos
references/reference-standard.md— as quatro landings de referência: a barra de qualidade, uma biblioteca de padrões por trabalho, arte da cópia e arte visual. Leia em ambos os modos.references/redesign.md— Modo B: auditar uma página existente e elevar seu design.references/brief.md— briefing primeiro no cartão, mapeamento linha de cartão → bloco, idioma, tipo de CTA.references/competitor-research.md— encontrar concorrentes, quais páginas, captura, modelo de desconstrução, regras de síntese. O núcleo da skill.references/framework.md— os 5 trabalhos em detalhe, regras por bloco, maturidade do mercado, tabela do plano.references/visual-system.md— derivar e travar um sistema visual a partir dos concorrentes (qualquer nicho).references/build.md— pilha, texto, mídia, fiação do CTA, oferta/preço, QA, entrega.references/seo-geo.md— antes de entrar no ar: checklist técnico de SEO e GEO (busca de IA), do domínio ao Search Console.references/examples.md— exemplos práticos (diferentes nichos). Exemplos, não regras.scripts/capture.mjs— capturas de tela + extração de estrutura/visual para URLs de concorrentes.templates/teardown.md— o arquivo de desconstrução a ser preenchido.