O método que transforma você em um profissional completo.

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.

Veja agora o que você terá acesso:

Veja com detalhes o que você vai aprender na Formaçã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

  • Introdução Figma (AULA ATUALIZADA)
  • Inicial (Draft, time)
  • Comunidade Figma
  • Instalação do Figma e ferramentas principais
  • Layers (Camadas) no Figma
  • Preenchimento
  • Movimentação no Figma
  • Frames e Grid para Landing Page
  • Como duplicar e editar template de Grids no Figma
  • Por que usar Banners em 2560 px?
  • Como criar um Style Guide básico: Tipografia e Cores
  • Compartilhando protótipo com o cliente
  • Exportando imagens no Figma
  • Como conseguir o Figma estudante

 

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 )

  • Lembre-se de fazer backup
  • Desativar painel novo Elementor Atomic · Adaptando o mobile (espaçamentos, tamanhos)
  • Padrões para implementação
  • Configuração de banners celular e desktop
  • Puxar comentários do Google automático
  • Criar menu que rola na mesma página
  • Criar seção de contatos · Formulário em pop-up
  • Como fazer o FAQ
  • Configurações essenciais no Elementor (advogado) · Implementação página advogado (Partes 01, 02, 03)
  • Página de captura Arvensis
  • Implementação página Mentoria
  • Implementação Evento Board LinkedIn

⸱ 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

Pinterest

· 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

  • Sobre UI Design
  • Combinação de fontes
  • Onde encontrar bons ícones
  • Acervo de texturas
  • Sites para comprimir imagens
  • Códigos úteis
  • Framer
  • Sites para baixar ilustrações
  • Checklist páginas
  • Remover fundo de imagens
  • Sites referências
  • Paletas de cores
  • Prompts Imagens IA
  • Checklist otimização
  • Modelo de Contrato
  • Ferramentas para Cores
  • Guia de Posicionamento e Vendas

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.

Veja agora o que você terá acesso:

Curso Parceiro Oficial do Figma 2026

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.