Curso

Formação Landing Pages Estratégicas

Do briefing ao deploy: o método por trás de mais de 800 landing pages produzidas

71:10:41293 aulas36 módulos

A formação completa para quem entrega landing page como serviço.

Você aprende o método, a estratégia de texto, o design no Figma e a publicação — na ordem em que as coisas acontecem num projeto real de cliente.

O que está incluído

  • O método completo, do briefing à página no ar
  • Copy e estratégia de texto, com prompts prontos
  • Figma do zero ao avançado, com os plugins que importam
  • Práticas de UI e UX aplicadas a página que vende
  • Comunidade no WhatsApp e no Discord

O que você vai ver

Comece aqui
  • Bem-vindo(a) ao LPS! Sua jornada começa agora 🚀2:22
  • O melhor conselho que eu posso te dar6:36
  • Landing page da dinheiro?4:25
Acesso a comunidade WhatsApp
  • Acesso a Comunidade de Networking do WhatsApp0:00
Acesso ao Discord
  • Acesso ao Discord0:00
Método Landing Pages Estratégicas
  • PRIMEIRA AULA PARA VOCÊ VER: Caminho para o resultado, primeiros passos (O QUE EU FARIA)32:01
  • Aulão de fundamentos - Método Landing Pages Estratégicas1:58:35
  • Acesso ao Guia 0:00
Práticas de UI & UX
  • Fundamentos de uma boa Landing Page ( PARTE 01 )32:09
  • Fundamentos de uma boa Landing Page ( PARTE 02 )28:59
  • Cores nas Interfaces13:01
  • Imagens com Propósito e Impacto Visual 21:40
  • Whitespace nas Interfaces7:27
  • Tipografia & Hierarquia de Leitura18:23
  • Ícones nas Interfaces10:28
  • Contraste em Interfaces4:40
  • Botões nas Interfaces11:42
Design dentro do Lançamento
  • Design estratégico - introdução6:54
  • Fases de um lançamento11:00
  • Grandes Players7:58
  • Onde o Design entra nos Lançamentos4:04
  • Estrutura baseada em conversão - Página de captura12:43
  • Estrutura baseada em conversão - Página de Obrigado13:35
  • Estrutura baseada em conversão - Página de vendas37:27
Briefing com autoridade
  • Briefing5:35
  • Modelo pronto de briefing 0:00
  • Briefing chamada gravada com cliente Copywriter44:30
  • Chamada de Briefing com Cliente Advogado Empresarial48:10
  • Chamada de Briefing Cliente Página Lançamento Pago24:37
  • Chamada briefing com cliente Marketing médico38:11
  • Chamada de briefing Advogada Criminal38:16
Copywriting para Landing Pages
  • Entendendo e criando Persona19:30
  • Copy que Converte para páginas de serviços40:55
  • Blueprint de copy para baixar – Página de Serviço 0:00
  • Página de serviço na prática comigo cliente 1:21:07
  • Copy que converte Página de vendas33:42
  • Blueprint de copy para baixar– Página de Vendas 0:00
  • Copy que Converte Página de captura11:14
  • Blueprint de copy para baixar– Página de Captura0:00
Agente Karine da Copy
  • O que é o Agente Karine da Copy5:13
  • Acessar Agente de Copy0:00
Agente Pandora das LPS
  • O que é a Pandora das Landing Pages?3:52
  • Acessar Agente Pandora das Landing Pages0:00
Figma do Zero
  • Introdução FIGMA ( AULA ATUALIZADA )5:42
  • Inicial ( Draft, time )2:27
  • Comunidade Figma0:38
  • Instalação do Figma e ferramentas principais24:13
  • Layers ( Camadas ) no Figma1:46
  • Preenchimento1:17
  • Movimentação no Figma1:26
  • Frames e Grid para Landing Page12:40
  • Como duplicar e editar o template de Grids no Figma2:49
  • Por que usar Banners em 2560 px?2:30
  • Exportando imagens no Figma8:15
  • Compartilhando protótipo com o cliente5:40
Figma Avançado
  • Como criar um Style Guide: Tipografia e Cores19:27
  • Criação de botão com autolayout no Figma2:26
  • Como usar Camadas, Máscaras e Degradês para criar Banners no Figma16:40
  • Componentes no Figma12:19
  • Timelines, Infográficos onde encontrar e como fazer39:44
  • Posicionar elementos dentro de um Auto Layout sem quebrar a interface3:49
  • Como utilizar Autolayout para padronizar alinhamentos e espaçamentos2:20
  • Mockup isométrico no Figma3:29
  • Arredondar vetor somente em um canto específico0:32
Plugins essenciais do Figma
  • Plugin de sombras4:41
  • Plugin de Mockups6:09
  • Plugin para encontrar Logos1:35
  • Plugin para geração de textos Loren Ipsun1:04
  • Plugin de perspectiva3:18
  • Plugin de efeitos4:26
  • Plugin para exportar imagens em WebP1:51
  • Plugins para encontrar ícones2:24
  • Plugin de textura2:09
  • Plugin de contraste1:36
  • Como fazer Halftones1:56
Criação de Landing Pages Figma
  • Criação Landing Page no Figma - Médica ( Criação Wireframe )1:34:51
  • Criação Landing Page no Figma - Médica ( Criação Banners)30:38
  • Criando o mobile completo página - Médica 58:18
  • Por que eu não faço o mobile das páginas no Figma?8:48
  • Adaptando o mobile, espaçamentos, tamanhos... direto online27:11
  • Criação Página de Captura no Figma - Bruna Puga ( PARTE 01)1:30:02
  • Criação Página de Captura no Figma - Bruna Puga ( PARTE 02)40:49
  • Criação Página de Vendas no Figma - Workshop Investimentos ( PARTE 01 )38:03
  • Criação Página de Vendas no Figma - Workshop Investimentos ( PARTE 02 ) 48:06
  • Criação Página de Vendas no Figma - Workshop Investimentos ( PARTE 03 )1:28:29
  • Criação Página de Link da Bio no Figma1:30:40
Ensaio com IA
  • Base visual2:46
  • Preparação imagens7:59
  • Estilo e detalhes1:20
  • Consistência4:34
  • Prompt6:58
  • Freepik2:13
  • Agentes de IA4:33
  • Criação de ensaios com IA4:26
  • Como reutilizar referências e prompts2:57
  • Onde encontrar referências7:23
Photoshop Essencial para Landing Pages
  • Photoshop - Como contratar com desconto2:56
  • Introdução e ferramenta generativa8:10
  • Conta gotas, ferramenta de texto e formas geométricas2:47
  • Ferramenta de pincel9:11
  • Mascara5:54
  • Objeto inteligente3:29
  • Remover fundo imagem Photoshop7:11
  • Remover fundo com a Pen Tool4:18
  • Tratamento de imagens & Camera Raw9:57
  • Modos de mesclagem6:55
  • Organização de camadas Photoshop2:37
  • Movimentação de elementos, detalhes e atalhos4:16
  • Banner Página de Advogado42:46
  • Preset tratamento imagens Photoshop2:20
  • Remoção de manchas, olheiras, marcas com ferramentas3:49
Criação de Banners para Landing Pages
  • Fundamentos de um bom Banner27:57
  • Método CAMADA6:12
  • Remover fundo de imagens - Picwish1:55
  • Como usar Camadas, Máscaras e Degradês para criar Banners no Figma16:40
  • Criação de Banner Médica no Figma30:38
  • Criação de Banner para Endocrinologista no Figma18:41
  • Criação de Banner Sobre mim - Mentoria no Figma10:27
  • Criação de Banner Advogado no Photoshop42:46
  • Upscale Imagens ( Ferramenta gratuita para melhorar imagens )1:36
  • Criação Banner Curso Figma0:00
Diretrizes Design Karine
  • Por que eu não faço o mobile das páginas no Figma?8:48
  • Extensões para o Chrome que todo Webdesigner deveria utilizar6:16
  • Botões11:42
  • GRAVAÇÃO ANÁLISE DE PÁGINAS3:28:56
  • Acesso a Códigos úteis e materiais - LP's Skills (Notion) 0:00
  • Detalhes para Landing Pages [em breve ]0:00
  • Aula 01 revsao1:10:16
  • Revisão de páginas alunos - 021:10:06
  • Sanando Dúvidas - Aluna que trabalha comigo35:05
Hospedagem e domínio - Infraestrutura Web
  • Hospedagem e domínio5:09
  • Hospedagem compartilhada e hospedagem dedicada3:39
  • Revenda de hospedagem, minha opinião sincera4:15
  • Hospedagem: Como escolher certo e quais eu indico20:41
  • Contratando hospedagem na prática8:16
  • Apontar domínio direto para a hospedagem - Sem Cloudflare7:33
  • Criando e gerenciando Subdomínios4:55
  • Domínio complementar6:07
  • Conectar domínio ao servidor via Cloudflare11:57
  • Fundamentos de Infraestrutura para Landing Pages - Aula completa antiga40:59
WordPress do zero
  • Instalar Wordpress via Cpanel3:02
  • Visão geral Wordpress8:44
  • Configuração Inicial do WordPress4:01
  • Instalação do Tema2:02
  • Instalar tema Hello1:14
  • Instalação de Plugins ( Elementor e Happy Addons)3:41
  • Elementor tipo de Licença e Licença GPL2:03
  • Aula - Como baixar plugins pelo pro downloads - Napoleon1:55
  • Conhecendo o Painel do Elementor8:39
  • Configurações de Grid (Happy Addons)2:35
  • Style Guide básico salvo no Elementor: Tipografia e Cores16:46
  • Alterar URL Login Wordpress2:43
  • Faça Backup ( Como fazer Backup)2:49
  • Backup e Migração4:10
Implementação de páginas online na prática
  • Lembre-se de fazer backup!2:49
  • Desativar Painel novo Elementor Atomic0:49
  • Adaptando o mobile, espaçamentos, tamanhos...27:11
  • Padrões para seguir na implementação22:30
  • Configuração Banners celular e Desktop10:47
  • Como puxar comentários do Google de forma automática na Landing Page6:56
  • Como criar Menu que rola dentro da mesma página6:40
  • Como criar seção de contatos15:08
  • Formulário em Pop up5:32
  • Como fazer o FAQ10:08
  • Configurações essenciais no Elementor - implementação página de advogado16:46
  • Implementação página de advogado ( Parte 01 )1:06:03
  • Implementação online página de advogado ( Parte 02 )1:33:39
  • Implementação página advogado ( part 03)1:10:37
  • Página de captura de Leads Arvensis41:00
  • Implementação Página Mentoria48:34
  • Implementação página Evento Board Linkedlin33:19
Efeitos implementação & Códigos úteis
  • Efeito Scroll suave página2:14
  • Efeitos de entrada com HTML e CSS6:16
  • Efeito folha dourada Css se movendo6:00
  • Efeito elemento rodando com CSS2:25
  • Faixas animadas10:48
  • Efeito seta movimentando0:00
Erros comuns e boas práticas na criação de LPs
  • Configurações Iniciais que Evitam Dor de Cabeça16:46
  • Escolha do Tema: use o tema Hello3:22
  • Página "dançando" - Overflow3:44
  • Código quebrado3:22
  • Plugins Essenciais: o que instalar e o que evitar3:41
  • Editor do elementor não carrega0:00
Otimização & CRO
  • Ferramentas para testar velocidade3:14
  • Métricas importantes13:44
  • Usando o Speed Vitals na prática Parte 0120:51
  • Transformando imagens para WebP com Plugin6:46
  • Corrigindo erros na construção de layout - Parte 0128:03
  • Corrigindo erros na construção de layout - Parte 0218:53
  • Imagens11:45
  • Aula trackeamento ( Tag conversão, API de conversão & Webhook com Make ) - Leonardo1:50:09
  • Google Tag Manager5:15
  • Google Analytics7:34
  • Como instalar Clarity5:44
  • Checklist antes de publicar - Guia Otimização0:00
  • WP Rocket como configurar17:21
  • Litespeed cache14:29
  • Pré-carregar imagem de background da primeira dobra e fontes3:42
Entrega de projeto profissional
  • Entregáveis cliente17:17
  • Explicação Documento de Entrega de Projeto - DEP11:36
  • DEP - Documento de Entrega de Projeto 0:00
  • GTM - Como criar e instalar Google Tag Manager5:15
  • Instalação de Pixel Meta Ads5:22
  • API de conversões5:51
  • Verificação de domínio3:01
  • Google Analytics7:34
  • Backup4:10
  • Como instalar Clarity5:44
Landing Page no Framer
  • Visão geral interface18:50
  • Planos Framer6:13
  • Biblioteca Framer15:20
  • Pontos importantes construção no Framer9:20
  • Como se tornar parceiro Framer1:51
  • Revisando uma página real no Framer (parte 01)28:13
  • Revisando uma página real no Framer (parte 02)17:07
  • Curso completo sendo gravado [ EM BREVE ]0:00
Organização & processos
  • Organização Estratégica Profissional10:44
  • Grupo Cliente ( Onboarding )3:23
  • Prazos de entrega4:06
  • Organização Pasta Drive Cliente ( Materias projeto)5:50
  • Ferramentas organização ( TODAS AS QUE EU USO )10:40
  • Envio de contrato de forma gratuita - Envio pelo Autentique3:16
  • Forma de pagamento - Asaas1:45
  • Pagamento Asaas ( como criar link de pagamento )1:40
Posicionamento de alto valor
  • Introdução1:28
  • Dúvida: Realmente preciso aparecer ou não precisa?3:10
  • Posicionamento Instagram38:15
  • Posts fixados6:46
  • Formatos: Feed, Stories, Destaques13:48
  • Conteúdo ( frequência, público alvo...)9:13
  • Estratégia & objetivo ( investimento, insights)3:40
  • Estratégia Corredor Polonês10:04
  • Na prática ( ESSENCIAL PARA EXECUTAR AGORA )6:10
  • Behance - Como funciona e como postar projetos9:28
  • Outros pontos Behance0:59
  • Template de Portfólio para Behance editável no figma0:00
  • Pinterest2:22
  • GRAVAÇÃO - ANÁLISE DE PERFIL2:06:31
Produção de conteúdo
  • Nosso desafio - ACESSO NOTION INSTRUÇÕES:0:00
  • Paleta de cores & identidade na prática4:51
  • Fonte de letra4:55
  • Edição Gling AI10:16
  • Cenário, iluminação, elementos...6:33
  • Editando vídeos direto no Tik Tok3:54
  • Decupagem no Cap Cut ( cortes de erros )4:59
  • Editando via cap cut celular - adicionando legendas e tratando o som2:46
  • Aula de revisão de instagram gravada3:17:44
Vendas & precificação
  • Níveis Webdesigner18:23
  • Introdução3:15
  • Processo de vendas11:35
  • Organização Leads2:02
  • Ferramentas CRM organização Leads1:58
  • Tipos de prospecção ( prospecção ativa )6:21
  • Tipos de prospecção ( prospecção passiva)11:52
  • Precificação ( nível de entrega )7:12
  • Previsibilidade7:02
  • ASAAS para receber pagamentos1:45
  • Asaas na prática1:40
  • Proposta Comercial editável no FIGMA0:00
  • Chamada de vendas com cliente 38:26
  • Chamada fechamento com clientes advogados29:02
  • Chamada vendas cliente infoprodutora9:09
Fundamentos de venda
  • Venda primeiro, entregue depois4:48
  • Vender não é algo ruim, venda é um ato de caridade6:44
  • Quanto mais você sabe, mais confiante para vender vai ser3:39
  • Gargalos2:37
  • Controle suas emoções, faça o que precisa ser feito4:48
  • Seja firme, cumpra o seu papel como vendedor3:03
Central de recursos
  • LP's Skills (Notion)0:00
  • Central de recursos0:00
GUIA DE POSICIONAMENTO E VENDAS
  • Acesso ao material0:00
Swipe Files Páginas
  • Acesso Swipe Files Páginas 0:00
  • Json de páginas para baixar0:00
Claude
  • Visão geral ( oportunidade com Claude Code )1:25
  • Ecossistema Claude11:24
  • Claude no Chrome ( Claude pode fazer qualquer coisa dentro do navegador)4:15
  • Cursor e Visual Studio Code3:21
  • Cursor3:44
  • SETUP INICIAL: Instalar o Claude Code dentro do Cursor e Visual Studio Code + Codex4:50
  • SETUP INICIAL: INSTALANDO SKILLS5:49
  • Criando LP no Claude Code17:02
  • Subir a landing page online de forma gratuita na Vercel5:25
  • MCP FIGMA - como conectar o Claude ao Figma7:58
  • MCP elementor10:34
  • Criando uma página com Claude0:00
  • Otimização de tempo com Claude0:00
Ferramenta LPS
  • Acesse e instale ( somente depois de 7 dias será liberado o acesso a ferramenta )0:44
  • Como instalar ferramenta1:29
  • Plugin Figma Nomear Camadas0:00
  • Configure o token do Figma1:26
  • Exemplo com página7:50
  • Organizando camadas5:33
  • Modelos para usar de base0:00