Aprenda o processo do início ao fim: copy, design, UI & UX, implementação e otimização, o método que faz você entregar Landing Pages completas voltadas para conversão.



























Material completo, detalhado e estruturado para levar você da base ao nível profissional, seguindo um passo a passo claro e aplicável.
⸱ Bem-vindo(a) ao LPS! Sua jornada começa agora 🚀
⸱ O melhor conselho que eu posso te dar
⸱ Landing page da dinheiro?
Fundamentos de uma boa Landing Page (PARTE 01)
Fundamentos de uma boa Landing Page (PARTE 02)
Cores nas Interfaces
Imagens com Propósito e Impacto Visual
Whitespace nas Interfaces
Tipografia & Hierarquia de Leitura
Ícones nas Interfaces
Contraste nas Interfaces
Botões nas Interfaces
Briefing
Modelo pronto de briefing
Briefing chamada gravada com cliente Copywriter
Chamada de Briefing com Cliente Advogado Empresarial
Chamada de Briefing Cliente Página Lançamento Pago
Chamada briefing com Cliente Marketing médico
Chamada de briefing Advogada Criminal
⸱ Design estratégico – introdução
⸱ Fases de um lançamento
⸱ Grandes Players
⸱ Onde o Design entra nos Lançamentos
⸱ Estrutura baseada em conversão – Página de vendas
⸱ Estrutura baseada em conversão – Página de captura
⸱ Estrutura baseada em conversão – Página de Obrigado
⸱ Entendendo e criando Persona
⸱ Copy que Converte para páginas de serviços
⸱ Blueprint de copy para baixar – Página de Serviço
⸱ Criação Copy Página de Vendas Curso Online
⸱ Criação Copy Página de Captura de Leads
⸱ Blueprint de copy para baixar– Página de Vendas
Como usar Camadas, Máscaras e Degradês para criar Banners no Figma
Componentes no Figma
Como criar um Style Guide: Tipografia e Cores
Criação de botão com autolayout no Figma
Timelines, Infográficos onde encontrar e como fazer
Posicionar elementos dentro de um Auto Layout sem quebrar a interface
Como utilizar Autolayout para padronizar alinhamentos e espaçamentos
Tudo sobre Autolayout
Texto no fundo da imagem com pen tool
⸱ Plugin de sombras
⸱ Plugin de Mockups
⸱ Plugin para encontrar Logos
⸱ Plugin para geração de textos Loren Ipsun
⸱ Plugin de perspectiva
⸱ Plugin de efeitos
⸱ Plugin para exportar imagens em WebP
⸱ Plugins para encontrar ícones
⸱ Plugin de textura
⸱ Plugin de contraste
⸱ Criação Página de Captura no Figma – Bruna Puga ( PARTE 01)
⸱ Criação Página de Captura no Figma – Bruna Puga ( PARTE 02)
⸱ Criação Landing Page no Figma – Médica ( Criação Wireframe )
⸱ Criação Landing Page no Figma – Médica ( Criação Banners)
⸱ Criação Página de Vendas no Figma – Workshop Investimentos ( PARTE 01 )
⸱ Criação Página de Vendas no Figma – Workshop Investimentos ( PARTE 02 )
⸱ Criação Landing Page no Figma – Página Advogado ( EM BREVE)
⸱ Criação Página de Link da Bio no Figma – Página Médico ( EM BREVE)
⸱ Photoshop – Como contratar com desconto
⸱ Visão Geral do Photoshop
⸱ Ferramentas principais do Photoshop
⸱ Preset tratamento imagens Photoshop
⸱ Ferramenta generativa na prática
⸱ Photoshop aplicado a Landing Pages
⸱ Camera Raw
⸱ Fundamentos de um bom Banner
⸱ Método CAMADA
⸱ Como usar Camadas, Máscaras e Degradês para criar Banners no Figma
⸱ Remover fundo de imagens – Picwish
⸱ Banners Médica
⸱ Banner Mentoria
⸱ Banner Advogado
⸱ Banner Curso
⸱ Upscale Imagens ( Ferramenta gratuita para melhorar imagens )
⸱ Detalhes para Landing Pages
⸱ Raciocínio por trás das decisões (Análise páginas)
⸱ Curadoria de Códigos úteis e materiais
⸱ Extensões para o Chrome que todo Webdesigner deveria utilizar
⸱ Análises de páginas alunos
⸱ Detalhes de refinamento para Landing Pages [em breve ]
⸱ Bento Grid [em breve ]
⸱ Infográficos e timelines ( como fazer )
· Base visual
· Preparação de imagens
· Estilo e detalhes
· Consistência
· Prompt
· Freepik
· Agentes de IA
· Criação de ensaios com IA
· Como reutilizar referências e prompts
· Onde encontrar referências
⸱ Hospedagem e domínio
⸱ Hospedagem compartilhada e hospedagem dedicada
⸱ Revenda de hospedagem, minha opinião sincera
⸱ Hospedagem: Como escolher certo e quais eu indico
⸱ Contratando hospedagem na prática
⸱ Apontar domínio direto para a hospedagem – Sem Cloudflare
⸱ Criando e gerenciando Subdomínios
⸱ Domínio complementar
⸱ Fundamentos de Infraestrutura para Landing Pages
⸱ Conectar domínio ao servidor via Cloudflare
⸱ Instalar WordPress via Cpanel
⸱ Visão geral WordPress
⸱ Configuração Inicial do WordPress
⸱ Instalação do Tema
⸱ Instalar tema Hello
⸱ Instalação de Plugins ( Elementor e Happy Addons)
⸱ Elementor tipo de Licença e Licença GPL
⸱ Conhecendo o Painel do Elementor
⸱ Configurações de Grid (Happy Addons)
⸱ Style Guide básico salvo no Elementor: Tipografia e Cores
⸱ Configurações essenciais no Elementor implementação página de advogado
⸱ Implementação página de advogado
⸱ Configuração Banners celular e Desktop
⸱ Como criar Menu que rola dentro da mesma página
⸱ Alterar URL Login WordPress
⸱ Faça Backup ( Como fazer Backup)
⸱ Backup e Migração
⸱ Visão geral interface
⸱ Planos Framer
⸱ Biblioteca Framer
⸱ Pontos importantes construção no Framer
⸱ Como se tornar parceiro Framer
⸱ Revisando uma página real no Framer (parte 01)
⸱ Revisando uma página real no Framer (parte 02)
⸱ Curso completo sendo gravado [ EM BREVE ]
⸱ Ferramentas para testar velocidade
⸱ Métricas importantes
⸱ Usando o Speed Vitals na prática Parte 01
⸱ Corrigindo erros na construção de layout – Parte 01
⸱ Corrigindo erros na construção de layout – Parte 02
⸱ Imagens
⸱ Checklist antes de publicar – Guia Otimização velocidade
⸱ CRO – Otimização para Conversão
⸱ Como instalar Clarity
⸱ Como instalar Hotjar
⸱ Ánalise de comportamento dentro do Clarity
⸱ Configurações Iniciais que Evitam Dor de Cabeça
⸱ Escolha do Tema: use o tema Hello
⸱ Erros na Responsividade
⸱ Página “dançando” – Overflow
⸱ Código quebrado
⸱ Plugins Essenciais: o que instalar e o que evitar
⸱ Editor do elementor não carrega
⸱ Organização Estratégica
⸱ Processos do início a entrega de uma Landing Page
⸱ Cronograma
⸱ Organização Pasta Drive Cliente ( Materias projeto)
⸱ Grupo Cliente
⸱ Checklist
⸱ Prazos de entrega
⸱ Ferramentas organização ( TODAS AS QUE EU USO )
⸱ Envio de contrato de forma gratuita
⸱ Formas de pagamento
⸱ Pagamento Asaas ( como criar link de pagamento )
⸱ Organização Estratégica
⸱ Processos do início a entrega de uma Landing Page
⸱ Cronograma
⸱ Pasta Cliente
⸱ Grupo Cliente
⸱ Checklist
⸱ O que é a Pandora das Landing Pages? Ferramenta de análise de páginas
⸱ Agente ChatGPT para criação de copys
⸱ Acesso a Pandora das Landing Pages
Introdução
Dúvida: Realmente preciso aparecer ou não precisa?
Posicionamento Instagram
Posts fixados
Formatos: Feed, Stories, Destaques
Conteúdo (frequência, público alvo…)
Estratégia & objetivo (investimento, insights)
Estratégia Corredor Polonês
Na prática (ESSENCIAL PARA EXECUTAR AGORA)
Behance — Como funciona e como postar projetos
Outros pontos Behance
Template de Portfólio para Behance editável no Figma
· Entregáveis ao cliente
· Explicação do DEP
· DEP (documento)
· GTM (Google Tag Manager)
· Pixel Meta Ads
· API de conversões · Verificação de domínio
· Google Analytics · Backup · Instalar Clarity
Níveis Webdesigner
Introdução
Processo de vendas
Organização Leads
Ferramentas CRM organização Leads
Tipos de prospecção (prospecção ativa)
Tipos de prospecção (prospecção passiva)
Precificação (nível de entrega)
Previsibilidade
ASAAS para receber pagamentos
Asaas na prática
Proposta Comercial editável no FIGMA
Chamada de vendas com cliente
Chamada fechamento com clientes advogados
Copy com Claude
Estruturar página
Acelerar produção com IA
Como instalar o Claude Code
Setup e instalação de Skills
Como usar o Claude for Chrome
Como criar página com IA
Transformar do Claude para o FIgma
Guia completo posicionamento e vendas no Notion
Exclusivo para os 30 ou 40 primeiros: Swipe files com mais de 20 páginas minhas no Figma, além de Json de páginas no Elementor.
De R$ 90,00 /mês (Plano PRO) por R$ 0,00 para alunos com o Figma Edu
A formação LPS é um parceiro oficial do Figma. Ao se tornar aluno(a), você garante a elegibilidade necessária para solicitar o
Plano Education (equivalente ao Professional), economizando centenas de reais enquanto estuda com recursos premium.