Communitygithub.com

RamonsDka/the-architect-overlay

<!-- skill: guimkt-landing-page-optimization | version: 1.0.0 | updated: 2026-03-17 -->

Qu'est-ce que the-architect-overlay ?

the-architect-overlay is a Claude Code agent skill that <!-- skill: guimkt-landing-page-optimization | version: 1.0.0 | updated: 2026-03-17 -->.

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/RamonsDka/the-architect-overlay/tree/HEAD/skills/guimkt-landing-page-optimization

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation


name: guimkt-landing-page-optimization description: > Skill completa de Landing Page Optimization (LPO) baseada na metodologia gui.marketing de Guilherme Lacerda — 11+ anos de experiência, R$400MI+ gerados em vendas, certificação MiniGui - O Otimizador de Landing Pages Institute. Use SEMPRE que o usuário pedir para analisar, auditar, otimizar ou criar landing pages; revisar copy de páginas de conversão; aplicar frameworks de copywriting (AIDA, PAS, FAB, BAB, QUEST, PASTOR); criar ou revisar headlines, CTAs, seções de conteúdo, provas sociais; conduzir análise heurística de páginas; diagnosticar fricção de usuário (interação, cognitiva, emocional); avaliar níveis de consciência do público (Schwartz); aplicar a fórmula de conversão C=4m+3v+2(i-f)-2a; criar wireframes ou estruturas de LP; planejar pesquisa quantitativa ou qualitativa para LPO; aplicar gatilhos mentais e técnicas de persuasão em páginas; ou qualquer variação de "melhora minha landing page", "aumenta minha conversão", "cria uma LP", "analisa essa página", "otimiza essa LP", "copy para landing page", "headline para LP", "CTA melhor", "por que minha página não converte", "checklist de LP", "auditoria de página". Também use quando o usuário mencionar "proposta de valor", "message match", "page experience", "user friction", "awareness level", "conversion rate optimization", "CRO", "teste AB de landing page", "wireframe de LP", "estrutura de página de vendas", "copy de vendas", "página de captura", "squeeze page", ou qualquer conteúdo sobre otimização de conversão em interfaces digitais. NÃO use para SEO técnico puro (sem relação com LP), e-mail marketing isolado, automação de marketing, social media orgânico, ou branding sem componente de conversão.

gui.marketing — Landing Page Optimization (LPO)

Skill de Landing Page Optimization criada por Guilherme Lacerda (gui.marketing). Integra três pilares: UX de Conversão, Processo LPO estruturado e Copywriting Persuasivo. Toda orientação é baseada em 11+ anos de experiência validando este método com mais de 100 clientes B2B e B2C.

Slash command: /guimarketing-landing-page-optimization


Quando usar esta skill

Esta skill cobre todo o espectro de Landing Page Optimization:

  1. Análise e auditoria de landing pages existentes
  2. Criação de novas landing pages (estrutura, copy, wireframe)
  3. Otimização de copy (headlines, subheadlines, CTAs, seções, provas sociais)
  4. Diagnóstico de fricção (interação, cognitiva, emocional)
  5. Pesquisa LPO (quantitativa via GA4/PSI e qualitativa via entrevistas, heatmaps, polls, review mining)
  6. Aplicação de frameworks de copywriting e persuasão
  7. Planejamento de testes A/B e experimentação

Arquitetura da Skill

O SKILL.md contém o framework principal e instruções de alto nível. Os detalhes estão em arquivos de referência:

ArquivoConteúdoQuando ler
references/ux-conversion-dimensions.md5 dimensões de UX, fórmula C=4m+3v+2(i-f)-2a, Espectro da Proposta de ValorAnálise heurística, auditoria, diagnóstico
references/lpo-process-and-research.mdProcesso LPO em 5 etapas, pesquisa quanti/quali, user friction, awareness levels, estrutura de LPProjetos completos de LPO, pesquisa, wireframes
references/copywriting-frameworks.mdFrameworks (AIDA, PAS, FAB, BAB, QUEST, PASTOR), headlines, gatilhos mentais, leads, objeções, urgênciaCriação e otimização de copy

Instrução: Antes de responder qualquer pedido de LPO, leia o(s) arquivo(s) de referência relevante(s) ao tipo de tarefa.


Framework Principal: As 6 Características de uma Landing Page Eficaz

Toda landing page eficaz deve:

  1. Ser uma continuação relevante do anúncio/fonte de tráfego — Message match entre ad e LP
  2. Corresponder ao nível de consciência do público — Eugene Schwartz: Unaware → Problem-Aware → Solution-Aware → Product-Aware → Most-Aware
  3. Reforçar a motivação — O visitante deve sentir que chegou ao lugar certo
  4. Responder perguntas importantes — Antecipar e resolver dúvidas antes que virem objeções
  5. Reduzir fricção do usuário — Interação, cognitiva e emocional
  6. Criar um caminho claro para o objetivo de conversão — CTA visível, compreensível e orientado a resultado

Estas 6 características funcionam como framework de análise, guia de pesquisa, checklist de criação e critério de aprovação final.


Fórmula de Conversão

C = 4m + 3v + 2(i - f) - 2a

  • m (Motivação) — Peso 4. O fator mais importante. Motivação do visitante ao chegar na página.
  • v (Proposta de Valor) — Peso 3. Quão atraente e diferenciada é a oferta vs. concorrência.
  • i (Incentivo) — Peso 2 positivo. Elementos que estimulam ação imediata (promoções, bônus, reciprocidade).
  • f (Fricção) — Peso 2 negativo. Dificuldades na experiência (UX, layout, formulários, bugs).
  • a (Incerteza) — Peso 2 negativo. Dúvidas, medos, falta de confiança do visitante.

Estratégia: Maximizar m, v e i. Minimizar f e a. A motivação é o fator dominante — se o tráfego está errado, nenhuma otimização resolve.


5 Dimensões de UX para Conversão (Diagnóstico Rápido)

Para cada dimensão, há perguntas-diagnóstico. Leia references/ux-conversion-dimensions.md para o checklist completo.

  1. Motivação — "Você oferece o que eu preciso/quero?" Message match, headline clara, visão de futuro.
  2. Proposta de Valor — "Por que comprar aqui e não no concorrente?" Prova social, autoridade, benefícios vs. features.
  3. Incentivo — "Devo comprar agora?" Reciprocidade, escassez crível, CTA atraente.
  4. Fricção — "É fácil comprar?" Equilíbrio visual, responsividade, escaneabilidade, sequência lógica.
  5. Incerteza — "É seguro comprar aqui?" Quebra de objeções, garantias, caminhos de suporte.

Processo LPO em 5 Etapas

  1. Project Brief — Escopo, stakeholders, objetivos de negócio, fonte de tráfego, LPs atuais, recursos
  2. Research — Quanti (GA4, PSI) + Quali (walkthrough heurístico, entrevistas CS/Sales, heatmaps, feedback polls, review mining)
  3. Landing Page Treatment — Diagnóstico geral, plano de otimização categorizado (estrutura, copy, design), wireframe/mockup
  4. Approval & Implementation — Apresentação para stakeholders, colaboração com copywriter/designer, dev
  5. Experimentation & Validation — Teste A/B (se tráfego suficiente), comparação de períodos, aprendizado contínuo

Leia references/lpo-process-and-research.md para detalhes de cada etapa, incluindo templates de perguntas para entrevistas e métodos de pesquisa.


3 Tipos de Fricção do Usuário

TipoDefiniçãoExemplos
InteraçãoProblemas práticos ao interagir com a páginaBugs, layout não responsivo, overlays intrusivos, checkout complicado, lentidão
CognitivaEsforço mental extra para entender a páginaWall of text, hierarquia visual ruim, copy confusa, jargão, CTAs conflitantes, ícones que não fazem sentido
EmocionalEmoções negativas que impedem a conversãoDark patterns, desalinhamento de awareness level, motivações não reforçadas, objeções não tratadas, pedido de info excessiva

Use estes 3 tipos para categorizar findings em pesquisa e comunicar para stakeholders.


5 Níveis de Consciência (Eugene Schwartz)

NívelEstado do visitanteConteúdo apropriado
1. UnawareNão sabe que tem problemaEducar sobre o problema
2. Problem-AwareSabe do problema, não das soluçõesEmpatizar e introduzir a solução
3. Solution-AwareConhece soluções, não seu produtoApresentar produto com diferenciais e benefícios
4. Product-AwareConhece seu produto, não está convencidoConvencer com valor, motivação e quebra de barreiras
5. Most-AwareConhece e confia, precisa do empurrão finalOfertas especiais, lembretes, cases

Armadilha crítica: Desalinhamento entre nível de consciência e conteúdo da LP é um dos erros mais comuns e perigosos. Ex: página que vai direto para "Compre agora" quando o público ainda está aprendendo sobre o problema.


Estrutura de Landing Page

Componentes Essenciais

  • Headline / proposta de valor
  • Subheadline
  • Lista de bullets (benefícios)
  • Imagem / vídeo
  • Call-to-action
  • Elemento de confiança (trust badges, logos, certificações)
  • Depoimentos / reviews
  • Seções de conteúdo (features, benefícios, como funciona)
  • Carrossel de conteúdo
  • Accordion (FAQ / mais informações)

Hierarquia de Informação

  • Primeiro screenfull é decisivo: resumo, pontos principais, proposta de valor, fazer o visitante ficar
  • Primeiros 2 screenfuls vs. resto da página: os 2 primeiros devem ser limpos, claros, reforçar motivação, responder perguntas-chave, ter baixa fricção e caminho claro para conversão
  • Cada seção deve ter um propósito e ser relevante para o usuário
  • Nível de consciência e complexidade do objetivo de conversão informam quantidade de conteúdo

Copy: Princípio #1

Clareza vence criatividade. Sempre.

"Clear beats clever" é a regra de ouro. Copy que tenta ser esperta mas não é clara perde conversão. Priorize compreensão imediata sobre sacadas inteligentes.


Frameworks de Copywriting (Resumo)

Leia references/copywriting-frameworks.md para detalhes completos, exemplos e templates.

FrameworkEstruturaMelhor uso
AIDAAtenção → Interesse → Desejo → AçãoGeral, versátil
PASProblema → Agitação → SoluçãoGerar empatia, dor
FABFeatures → Benefícios → ApeloMostrar valor de produto
BABBefore → After → BridgeNarrativa de transformação
QUESTQualificar → Urgência → Evidências → Solução → TransformaçãoPersuasão completa
PASTORProblema → Ampliação → Solução → Testemunho → Oferta → RespostaOfertas e campanhas

Exercícios de Copywriting para LPO

Exercício 1: Chegando ao Valor

Para cada feature/oferta/produto, descreva:

  1. O que é a feature/oferta/produto
  2. Os problemas que resolve
  3. Como resolve esses problemas
  4. As dores que ajuda a evitar
  5. As vantagens de usar

Exercício 2: Abordagem "Get"

Responda: "O que eu ganho com este produto/oferta/feature?" → "Você ganha: [resultado desejado]"

Exercício 3: Copy de CTA

Complete: "Quando eu clicar o botão, eu quero [resultado desejado]" → O CTA é o resultado.

  • Evite CTAs genéricos: "Clique aqui", "Enviar", "Comprar"
  • Foque no que o usuário RECEBE
  • Comece com um verbo
  • Seja relevante ao objetivo de conversão

Checklist de Headlines Persuasivas

Toda headline deve ter:

  • Benefício ou medo claro e relevante
  • Especificidade (números, dados, detalhes concretos)
  • Emoção (curiosidade, desejo, urgência, surpresa)
  • Temporalidade (quando aplicável)
  • Originalidade (perspectiva única)
  • Open loop (lacuna de informação que puxa para o conteúdo)

Gatilhos Mentais Aplicados a LP

Os gatilhos mais relevantes para LPO:

  • Escassez — Unidades/vagas limitadas (crível e verdadeiro)
  • Prova Social — Depoimentos, números, avaliações
  • Autoridade — Certificações, prêmios, experts, parceiros
  • Reciprocidade — Ofereça algo antes de pedir (trial, e-book, amostra)
  • Ancoragem — Preço original vs. preço promocional
  • Contraste — Antes vs. depois, seu produto vs. concorrência
  • Urgência — Prazo, custo de oportunidade, dinâmica de preço/bônus

4 Regras de Hopkins (Fundamentos)

  1. Seja Específico — Afirmações específicas são mais críveis que superlativos vazios
  2. Oferta de Serviço — Foque no que o público GANHA, não no que você vende
  3. Conte Toda a História — Não deixe dúvidas sobre a oferta
  4. Seja Vendedor — Fale como quem vende pessoalmente, não como "marqueteiro"

Espectro da Proposta de Valor

Avalie sua proposta de valor em 4 níveis:

  1. Nível Empresa: Por que o prospect ideal deve comprar de VOCÊ e não de qualquer concorrente?
  2. Nível Persona: Por que o [PROSPECT A] deveria comprar de você vs. concorrentes?
  3. Nível Produto: Por que o [PROSPECT A] deveria comprar ESTE produto vs. qualquer outro?
  4. Nível Aquisição: Por que o [PROSPECT A] deveria clicar NESTE anúncio vs. qualquer outro?

Como Usar Esta Skill

Para ANÁLISE de LP existente:

  1. Leia references/ux-conversion-dimensions.md
  2. Aplique as 6 Características de LP Eficaz
  3. Diagnostique usando as 5 Dimensões de UX
  4. Categorize findings por tipo de fricção (interação, cognitiva, emocional)
  5. Avalie o nível de consciência vs. conteúdo da página
  6. Aplique a fórmula C=4m+3v+2(i-f)-2a para priorizar

Para CRIAÇÃO de LP:

  1. Leia references/lpo-process-and-research.md e references/copywriting-frameworks.md
  2. Defina nível de consciência do público e objetivo de conversão
  3. Escolha a estrutura de componentes adequada
  4. Aplique frameworks de copywriting à copy
  5. Valide contra o checklist das 6 Características
  6. Revise contra a fórmula de conversão

Para OTIMIZAÇÃO de copy:

  1. Leia references/copywriting-frameworks.md
  2. Aplique o framework mais adequado ao contexto
  3. Use os exercícios de copywriting para refinar
  4. Valide headlines com o checklist
  5. Aplique gatilhos mentais relevantes
  6. Injete urgência quando aplicável
  7. Quebre objeções sistematicamente

Tom e Postura

  • Seja direto, estratégico e orientado a resultados
  • Não elogie desnecessariamente — critique construtivamente
  • Fundamente recomendações na metodologia e em evidências
  • Priorize clareza sobre criatividade em toda comunicação
  • Questione suposições e identifique vieses do briefing
  • Quando houver múltiplas abordagens, recomende a melhor com justificativa

Output HTML (Apresentação ao Cliente)

Além do output em Markdown (relatório de auditoria), gerar versão HTML estilizada para apresentação ao cliente quando solicitado:

Regras do HTML:

  1. Usar o design system gui.marketing (Inter Tight/Inter, bg #f7f3ed, accent #864df9)
  2. Organizar scores, recomendações e checklist em cards/tabelas com o layout brand
  3. Header logo com link UTM: https://gui.marketing/?utm_source=esc-skills&utm_medium=deliverable&utm_campaign=guimkt-landing-page-optimization&utm_content=header-logo
  4. Footer com link UTM: https://gui.marketing/?utm_source=esc-skills&utm_medium=deliverable&utm_campaign=guimkt-landing-page-optimization&utm_content=footer
  5. Salvar como lpo-audit-{{CLIENTE}}.html

IMPORTANTE: O output .md DEVE continuar sendo gerado normalmente. O HTML é um output adicional para exibição.


⚠️ Known Limitations

  1. Análise baseada em heurística, não em dados: A skill aplica frameworks de CRO (AIDA, PAS, fórmula C=4m+3v+2(i-f)-2a) mas não tem acesso a dados reais de analytics (GA4, heatmaps, session recordings). As recomendações são baseadas em best practices, não em comportamento real dos visitantes.
  2. Sem teste A/B automatizado: A skill sugere hipóteses de teste mas não integra com ferramentas de A/B testing (Google Optimize, VWO, Optimizely). A implementação dos testes é responsabilidade do time de CRO.
  3. Fórmula de conversão é modelo mental, não predição: A fórmula C=4m+3v+2(i-f)-2a é um framework de diagnóstico para identificar problemas — não prevê taxas de conversão reais. Os valores atribuídos são qualitativos.
  4. Copy review é subjetivo: A análise de headlines, CTAs e copy é baseada em princípios de copywriting testados mas a percepção do público-alvo pode variar. Sempre validar com dados pós-implementação.
  5. Não avalia performance técnica: A skill foca em UX, copy e conversão — não audita Core Web Vitals, tempo de carregamento, ou performance do formulário. Para isso, usar as skills core-web-vitals ou perf-web-optimization.

Individual skills in this repo

This repo contains 6 individual skills — each has its own dedicated page.

Skills associés