Landing Page do Zero - Alef Miranda
Landing Page do Zero, com Alef Miranda: monte páginas do rascunho ao ar sem deixar o CSS tropeçar no caminho. Confira no Site
O que você recebe
- 230 aulas
- 48 materiais de apoio
- 12 módulos organizados
- Pagamento na hora pelo PIX
- Acesso enviado por e‑mail
- Compra sem cadastro
Módulos do Landing Page do Zero - Alef Miranda
Sua jornada de aprendizado
-
01 0 AREA DE MEMBROS GRAVAÇAO 1 aula
- landingpagedozero AREA DE MEMBROS (3)
-
02 1 Tudo que você precisa saber para iniciar 10 aulas · 2 materiais
- 1 Quadro no trello para organização - Primeiro Passos - 1920x1080 5000K
- 1 Quem sou eu - Minha Jornada até aqui - Introdução - 1920x1080 5000K
- 2 Como organizar as informações - Primeiro Passos - 1920x1080 5000K
- 2 Tudo que você precisa saber para iniciar
- 3 Briefing e contrato para o cliente - Primeiro Passos - 1920x1080 5000K
- 3 O que landing page
- 4 Software que vamos usar - Introdução - 1920x1080 5000K
- Apresentação do curso - Assista ao video, Importante! - 1920x1080 5000K
- Buscando referências - Referências para Projetos - 1920x1080 5000K
- Design e expectativa - Design e expectativa - 1280x720 2800K
- Link do Briefing
- Modelo do contrato
-
03 10 ao vivo 4 aulas
- Página de Captura pt 1 - 19-01-2023
- Página de Captura pt 2 - 19-01-2023
- Lend - A nova era da Landing Page
- WebSérie - O segredo do Designer Próspero
-
04 2 Figma 20 aulas · 1 material
- 1 Layout desktop - Página de captura 2 - 1920x1080 5000K
- 1 Layout desktop - Página de espera - 1920x1080 5000K
- 1 Referencia - Página captura - 1920x1080 5000K
- 1 Referencia - Página de vendas 2 - 1920x1080 5000K
- 2 Layout Mobile - Página de captura 2 - 1920x1080 5000K
- 2 Layout Mobile - Página de espera - 1920x1080 5000K
- 2 Layout desktop - Página captura - 1920x1080 5000K
- 2 Layout desktop - Página de vendas 2 - 1920x1080 5000K
- 3 Layout Mobile - Página captura - 1920x1080 5000K
- 3 Layout Mobile - Página de vendas 2 - 1920x1080 5000K
- Download, Instalaçao e Upgrade - Conhecendo o Figma - 1920x1080 5000K
- Layout - Link na Bio - 1920x1080 5000K
- Aula 01 Layout - Página de vendas - 1920x1080 5000K
- Conhecendo as Ferramentas - Conhecendo o Figma - 1920x1080 5000K
- Layout - Link na Bio - 1920x1080 5000K
- Aula 02 Layout - Página de vendas - 1920x1080 5000K
- Comunidade, Plugins, Mockups - Conhecendo o Figma - 1920x1080 5000K
- Implementação - Link na Bio - 1920x1080 5000K
- Auto Layout - Conhecendo o Figma - 1920x1080 5000K
- Implementação - Link na Bio - 1920x1080 5000K
- ⚙️ Arquivo Figma
-
05 3 Infraestrutura 39 aulas · 1 material
- 1 Introducão - COMECE AQUI - RONALDO - 1920x1080 5000K
- O que é dominio, hospedagem e cloudflare - Infraestrutura - Ronaldo - 1920x1080 5000K
- Contratação de domínio - Infraestrutura - Ronaldo - 1920x1080 5000K
- 1 - Contratação de domínio - Infraestrutura - Ronaldo - 1920x1080 5000K
- Contratando hospedagem - Infraestrutura - Ronaldo - 1920x1080 5000K
- Registrando cloudflare - Infraestrutura - Ronaldo - 1920x1080 5000K
- Formatos e tamanhos - Aulas Diversas - 1920x1080 8234K
- Instalando o Wordpress - Wordpress - Ronaldo - 1920x1080 5000K
- Introdução - Arsenal de Ferramentas - 1920x1080 5000K
- Introdução
- O que é o elementor e suas configurações iniciais 2 - Elementor - Ronaldo - 1920x1080 5000K
- Fontes personalizadas - Elementor - Ronaldo - 1920x1080 5000K
- GoFullPage - Arsenal de Ferramentas - 1920x1080 5000K
- Painel Wordpress - Wordpress - Ronaldo - 1920x1080 5000K
- Resoluções recomendadas - Aulas Diversas - 1920x1080 8254K
- Configuracoes iniciais do wordpress - Wordpress - Ronaldo - 1920x1080 5000K
- Conhecendo o Elementor - Elementor - Ronaldo - 1920x1080 5000K
- Integrando no Active Campaign - Aulas Diversas - 1920x1080 8254K
- Wappalyzer - Arsenal de Ferramentas - 1920x1080 5000K
- CSS Peeper - Arsenal de Ferramentas - 1920x1080 5000K
- Criando UTMs - Aulas Diversas - 1920x1080 8254K
- Criando usuários para sua equipe - Wordpress - Ronaldo - 1920x1080 5000K
- Tudo sobre conteiners - Elementor - Ronaldo - 1920x1080 5000K
- Configurando dominio hospedagem e cloudflare - Infraestrutura - Ronaldo - 1920x1080 5000K
- Plugins - Wordpress - Ronaldo - 1920x1080 5000K
- Responsive Viewer - Arsenal de Ferramentas - 1920x1080 5000K
- Titulos e Textos - Elementor - Ronaldo - 1920x1080 5000K
- Backup e migração de Wordpress - Wordpress - Ronaldo - 1280x720 2800K
- Backup e migração de Wordpress - Wordpress - Ronaldo - 1920x1080 5000K
- Botões 2 - Elementor - Ronaldo - 1920x1080 5000K
- Colorzilla - Arsenal de Ferramentas - 1920x1080 5000K
- Criando contas de e-mail - Infraestrutura - Ronaldo - 1920x1080 5000K
- Formulário - Elementor - Ronaldo - 1920x1080 5000K
- Segurança (trocar url de login) - Wordpress - Ronaldo - 1920x1080 5000K
- WhatFont - Arsenal de Ferramentas - 1920x1080 5000K
- FAQ (Acordeão) 2 - Elementor - Ronaldo - 1920x1080 5000K
- SVG Grabber - Arsenal de Ferramentas - 1920x1080 5000K
- Carrossel de imagens - Elementor - Ronaldo - 1920x1080 5000K
- Criando Popups - Elementor - Ronaldo - 1920x1080 5000K
- Importando e exportando páginas - Elementor - Ronaldo - 1920x1080 5000K
-
06 4 Implementaçao na prática 20 aulas · 1 material
- Desktop - Página de vendas 2 - Implementação - 1920x1080 5000K
- Implementando desktop - Página de Captura - Implementação - 1920x1080 5000K
- Implementando desktop - Página de Captura 2 - Implementação - 1920x1080 5000K
- Lista de espera - Página de espera - Implementação - 1920x1080 5000K
- Lista de espera
- Página de vendas TDA - Página de Vendas - Implementação - 1920x1080 5000K
- Implementacao notebook - Página de Captura - Implementação - 1920x1080 5000K
- Implementação Notebook - Página de Captura 2 - Implementação - 1920x1080 5000K
- Implementação notebook.mp4 - Página de Vendas - Implementação - 1920x1080 5000K
- Notebook - Página de vendas 2 - Implementação - 1920x1080 5000K
- Implementando tablet - Página de Captura - Implementação - 1920x1080 5000K
- Implementando tablet - Página de Captura 2 - Implementação - 1920x1080 5000K
- Implementação Tablet - Página de Vendas - Implementação - 1920x1080 5000K
- Tablet - Página de vendas 2 - Implementação - 1920x1080 5000K
- Implementando mobile - Página de Captura - Implementação - 1920x1080 5000K
- Implementação celular - Página de Captura 2 - Implementação - 1920x1080 5000K
- Implementação mobile - Página de Vendas - Implementação - 1920x1080 5000K
- Mobile - Página de vendas 2 - Implementação - 1920x1080 5000K
- 2 - Implementacão notebook - Página de espera - Implementação - 1920x1080 5000K
- 3 - Implementacão tablet - Página de espera - Implementação - 1920x1080 5000K
- 4 - Implementacao mobile - Página de espera - Implementação - 1920x1080 5000K
-
07 5 Curso de CSS 34 aulas
- 3 Dicas - COMECE AQUI CSS - 1920x1080 5000K
- Adaptando uma linha do tempo responsiva - ADAPTANDO CÓDIGOS PRONTOS - 1920x1080 5000K
- Estrutura HTML - O QUE VOCÊ PRECISA SABER - 1920x1080 5000K
- Personalizando com TAG - CRIANDO CÓDIGOS DO ZERO - 1920x1080 5000K
- Retirar imagem de background no responsivo - RESOLVENDO PROBLEMAS COM CSS - 1920x1080 5000K
- Utilizando o CSS do Figma - IMPLEMENTANDO COM FIGMA - 1920x1080 5000K
- Propriedade overflow - O QUE VOCÊ PRECISA SABER - 1920x1080 5000K
- Propriedade filter - O QUE VOCÊ PRECISA SABER - 1920x1080 5000K
- Propriedade animation - O QUE VOCÊ PRECISA SABER - 1920x1080 5000K
- Keyframes - O QUE VOCÊ PRECISA SABER - 1920x1080 5000K
- After e Before - O QUE VOCÊ PRECISA SABER - 1920x1080 5000K
- Media queries - O QUE VOCÊ PRECISA SABER - 1920x1080 5000K
- Adaptando ponto de luz animado. - ADAPTANDO CÓDIGOS PRONTOS - 1920x1080 5000K
- Estrutura do CSS - O QUE VOCÊ PRECISA SABER - 1920x1080 5000K
- Implementando um card personalizado - IMPLEMENTANDO COM FIGMA - 1920x1080 5000K
- Na dúvida, pesquise - COMECE AQUI CSS - 1920x1080 5000K
- Retirar sobreposição de fundo no responsivo - RESOLVENDO PROBLEMAS COM CSS - 1920x1080 5000K
- criando ponto de luz estático - CRIANDO CÓDIGOS DO ZERO - 1920x1080 5000K
- Adaptando um card com ícone vazado - ADAPTANDO CÓDIGOS PRONTOS - 1920x1080 5000K
- Como utilizar o CSS - O QUE VOCÊ PRECISA SABER - 1920x1080 5000K
- Elemento flutuando com Blur - CRIANDO CÓDIGOS DO ZERO - 1920x1080 5000K
- Posicionando um elemento sem padding e ma - RESOLVENDO PROBLEMAS COM CSS - 1920x1080 5000K
- Adaptando um botão com logo embaixo - ADAPTANDO CÓDIGOS PRONTOS - 1920x1080 5000K
- Botão com animação no hover. - CRIANDO CÓDIGOS DO ZERO - 1920x1080 5000K
- Prioridade e herança no CSS - O QUE VOCÊ PRECISA SABER - 1920x1080 5000K
- Retirando espaçamentos indesejados - RESOLVENDO PROBLEMAS COM CSS - 1920x1080 5000K
- Conhecendo os principais seletores - O QUE VOCÊ PRECISA SABER - 1920x1080 5000K
- Criando um degradê com pseudo-elemento. - CRIANDO CÓDIGOS DO ZERO - 1920x1080 5000K
- Criando um menu com Lista de ícones. - CRIANDO CÓDIGOS DO ZERO - 1920x1080 5000K
- Encontrando classe no devtools - O QUE VOCÊ PRECISA SABER - 1920x1080 5000K
- Diagramando texto com CSS - CRIANDO CÓDIGOS DO ZERO - 1920x1080 5000K
- Propriedades de posicionamento Ofc - O QUE VOCÊ PRECISA SABER - 1920x1080 5000K
- Propriedade transform. - O QUE VOCÊ PRECISA SABER - 1920x1080 5000K
- Propriedade border - O QUE VOCÊ PRECISA SABER - 1920x1080 5000K
-
08 6 Photoshop 48 aulas · 3 materiais
- Reunindo as informações
- Reunindo as informações
- Configurando o photoshop +Grid perfeito
- Configurando o photoshop +Grid perfeito
- Configurando o photoshop
- Criando Layout de no photoshop - Parte 1
- Criando Layout de no photoshop
- Criando Layout de no photoshop - Final
- Implementando no wordpress
- Ajustando Responsividade
- Implementando no wordpress - Parte 1
- Fazendo imagens do Mobile
- Implementando no wordpress - Final
- Ajustando Responsividade
- Finalizando LP
- Fazendo imagens do Mobile
- Finalizando LP
- 1 Configurando o photoshop - Conhecendo o Photoshop - 1920x1080 5000K
- 1 Layout - Parte 1 - Site Advogado - PS - 1920x1080 5000K
- 2 Layout - Parte 2 - Site Advogado - PS - 1920x1080 5000K
- 2 Organizando área de trabalho - Conhecendo o Photoshop - 1920x1080 5000K
- 3 Ferramentas - Conhecendo o Photoshop - 1920x1080 5000K
- 3 Layout - Parte 3 - Site Advogado - PS - 1920x1080 5000K
- 4 Filtros e Camadas de Ajuste - Conhecendo o Photoshop - 1920x1080 5000K
- 4 Layout - Alterações - Site Advogado - PS - 1920x1080 5000K
- 5 Implementação - Parte 1 - Site Advogado - PS - 1920x1080 5000K
- 5 Modos de mesclagem - Conhecendo o Photoshop - 1920x1080 5000K
- 6 Implementação - Parte 2 - Site Advogado - PS - 1920x1080 5000K
- 6 Trabalhando com Obejtos Inteligente - Conhecendo o Photoshop - 1920x1080 5000K
- 7 Implementação - Parte 3 - Site Advogado - PS - 1920x1080 5000K
- 7 Tratamento de Imagens - Conhecendo o Photoshop - 1920x1080 5000K
- 8 Criando um Hero - Conhecendo o Photoshop - 1920x1080 5000K
- 8 Implementação - Mobile - Site Advogado - PS - 1920x1080 5000K
- 9 Animações e finalização - Site Advogado - PS - 1920x1080 5000K
- Aula 01
- Aula 02
- Aula 03
- Aula 04
- Aula 05
- Aula 06
- Aula 07
- Aula 08
- Aula 09
- Implementacao Parte 1
- Implementacao Parte 2
- Introduçao e Referência
- LP - Alef (1)
- LP - Alef (1)
- LP do Zero0
- Layout Parte 1
- e mais 1 arquivo neste módulo
-
09 7 Prospecção e Vendas 3 aulas
- Aterrisagem - 1280x720 4721K
- Prospecção Passiva - 1280x720 4721K
- Aula de Vendas com Sanr - Vendas - Sant - 1920x1080 8125K
-
10 8 Workshop Caos 2k24 12 aulas · 15 materiais
- Pessoa Física ou Jurídica - Contabilidade ( Ana ) - 1920x1080 5000K
- O que é MEI - Contabilidade ( Ana ) - 1920x1080 5000K
- Motivos para ter um MEI - Contabilidade ( Ana ) - 1920x1080 5000K
- Benefícios do MEI - Contabilidade ( Ana ) - 1920x1080 5000K
- Obrigações do MEI - Contabilidade ( Ana ) - 1920x1080 5000K
- Nota Fiscal - Contabilidade ( Ana ) - 1920x1080 5000K
- Limite de Faturamento - Contabilidade ( Ana ) - 1920x1080 5000K
- Imposto de Renda do MEI - Contabilidade ( Ana ) - 1920x1080 5000K
- Meu dinheiro - 1920x1080 8238K
- Ordem e gestão - 1920x1080 5000K
- Processos internos - Thiago - 1920x1080 5000K
- Board-Cliente
- Briefing - Identidade Visual - Formulários Google(1)
- Briefing - Identidade Visual - Formulários Google
- Briefing - Identidade Visual - Formulários Google
- Briefing - Site Landing Page(1)
- Briefing - Site Landing Page
- Briefing - Site Landing Page
- Contrato Lp
- Cópia de Board-Cliente
- Gravação - Worshop Gravação - 1920x1080 5000K
- Modelo - Contrato Lançamento Digital
- Modelo - Contrato fixo
- Modelo - Contrato fixo 90 dias
- Modelo - Contrato fixo 90 dias
- Workshop - Caos à Clareza
- [Base] Financeiro Figmais
-
11 9 bonus 36 aulas · 1 material
- Importante
- Introdução
- 01 Figma - Apresentação - Refazendo projeto - Thiago Medeiros - 1920x1080 5000K
- 01 Introdução
- Posicionamento estratégico
- 02 Criativo Carrossel - Parte 01
- 02 Figma - Analisando o Projeto - Refazendo projeto - Thiago Medeiros - 1920x1080 5000K
- Precificação
- 03 Criativo Carrossel - Parte 02
- 03 Figma - LP part1 - Refazendo projeto - Thiago Medeiros - 1920x1080 5000K
- Organização financeira
- 04 Figma - LP part2 - Refazendo projeto - Thiago Medeiros - 1920x1080 5000K
- O que é copywriting
- Como escrever uma página de captura
- Como escrever um vídeo de vendas
- Refinando sua escrita
- Niveis de consciência
- Pesquisa
- Como começar a escrever copy
- Big Idea
- Promessa
- Oferta parte 1
- Oferta parte 2
- Como escrever uma página de vendas
- Aula - Criativos em 3 passos
- Apresentação e o que é um Style Guide - Bônus - Style Guide - 1920x1080 5000K
- Aula 01
- Aula 01
- Estrutura e Exemplos de Style Guide - Bônus - Style Guide - 1920x1080 5000K
- Aula 02
- Aula 02
- Criando o Style Guide na prática - Bônus - Style Guide - 1920x1080 5000K
- Aula 03
- Aula 03
- Aula 04
- Como vender qualquer coisa nos stories - Stories - 1920x1080 8248K
- Masterclass - Bônus - Heros Criativas - 1920x1080 5000K
-
12 ▶️baixar materias de apoio Landing Page do Zero Alef Miranda 3 aulas · 24 materiais
- Configurando o photoshop +Grid perfeito
- Aula - Criativos em 3 passos
- Implementando desktop - Página de Captura - Implementação - 1920x1080 5000K
- Introdução - Arsenal de Ferramentas - 1920x1080 5000K
- Introdução
- Lista de espera - Página de espera - Implementação - 1920x1080 5000K
- Lista de espera
- Board-Cliente
- Briefing - Identidade Visual - Formulários Google(1)
- Briefing - Identidade Visual - Formulários Google
- Briefing - Identidade Visual - Formulários Google
- Briefing - Site Landing Page(1)
- Briefing - Site Landing Page
- Briefing - Site Landing Page
- Contrato Lp
- Cópia de Board-Cliente
- LP - Alef (1)
- LP - Alef (1)
- Link do Briefing
- Modelo - Contrato Lançamento Digital
- Modelo - Contrato fixo
- Modelo - Contrato fixo 90 dias
- Modelo - Contrato fixo 90 dias
- Modelo do contrato
- Workshop - Caos à Clareza
- [Base] Financeiro Figmais
- ⚙️ Arquivo Figma
Sobre o Landing Page do Zero 📜
Você pode até ter uma boa ideia para um site, mas, quando chega a hora de organizar o conteúdo, cuidar do visual e fazer a página funcionar, cada etapa parece depender de alguém diferente. O Landing Page do Zero, criado por Alef Miranda, propõe ensinar esse percurso de ponta a ponta, da organização inicial à publicação. A proposta é ajudar você a entender como as partes se encaixam, em vez de ficar apenas com uma tela bonita que ainda não está pronta para ser acessada.
O começo está no planejamento: antes de abrir uma ferramenta, você aprende a pensar na estrutura da página e no papel de cada parte para orientar quem chega até ela. É como montar a vitrine de uma loja: os elementos precisam aparecer na ordem certa para que a pessoa entenda o que está sendo apresentado. A partir daí, o curso passa ao Figma, ferramenta de design usada para desenhar layouts, com demonstrações práticas para você acompanhar e construir uma proposta visual desde o início.
Mas um layout não chega à internet só porque ficou bem resolvido na tela. O conteúdo também aborda infraestrutura, ou seja, as configurações que permitem que uma página seja encontrada e aberta online, incluindo hospedagem e domínio. Depois, a etapa de implementação mostra como colocar as partes em funcionamento. Pense na diferença entre desenhar a planta de um cômodo e instalar portas e tomadas: a aparência importa, mas a página também precisa estar pronta para uso.
Na parte técnica, o CSS, linguagem usada para ajustar a aparência de páginas na web, ajuda a entender como controlar detalhes visuais e corrigir o que não saiu como planejado. O Photoshop entra no trabalho com imagens, desde a manipulação básica até ajustes gráficos mais cuidadosos. O diferencial está em aproximar essas frentes: você não fica restrito a criar o desenho, nem precisa tratar a publicação como um mistério reservado a outra pessoa. O caminho é semelhante a preparar uma apresentação e também aprender a conectar o projetor.
O conteúdo faz mais sentido para quem está começando em design para a web, para freelancers que querem ampliar o tipo de trabalho que oferecem e para donos de negócio interessados em compreender como uma landing page é construída. Também pode servir a quem já desenha, mas quer ganhar familiaridade com o lado técnico. Como o curso passa por planejamento, visual, código e publicação, pede disposição para praticar. É como aprender a cuidar de um pequeno jardim: ver as etapas ajuda, mas é mexendo na terra que você entende o ritmo do trabalho.
Resultado esperado com o Landing Page do Zero ⚡
Aprender a criar uma página não é apertar dois botões e assistir a clientes brotarem como plantas depois da chuva. O trabalho envolve decisões, ajustes e atenção a etapas que nem sempre aparecem no resultado final. O curso não substitui a prática nem promete que toda página vá trazer vendas. A proposta é dar mais clareza sobre o processo, para você saber o que fazer quando sair do rascunho, precisar configurar a publicação ou perceber que um detalhe visual ainda está fora do lugar.
Com essa visão do conjunto, você pode organizar melhor o próprio trabalho: pensar na estrutura antes do layout, entender como o Figma ajuda a representar a página e reconhecer o que precisa acontecer para ela ficar disponível online. O contato com CSS e edição de imagens também tende a tornar ajustes cotidianos menos intimidadores. Em vez de enxergar a criação como uma caixa fechada, você passa a ter peças identificáveis, como ferramentas separadas sobre uma bancada, cada uma usada na hora certa.
Para quem está começando no design web, o percurso pode ajudar a construir uma primeira página com atenção tanto à apresentação quanto à implementação. Um freelancer pode usar esse aprendizado para compreender melhor as etapas de um projeto de landing page e decidir quais habilidades ainda quer praticar. Já quem administra um negócio pode entender com mais propriedade o que envolve criar a própria página, mesmo que depois prefira contar com ajuda em alguma parte técnica.
Se você se reconhece em alguma dessas situações e quer entender o processo completo, da organização inicial à página publicada, vale considerar o Landing Page do Zero com atenção. O curso faz mais sentido para quem pretende acompanhar as demonstrações e praticar ao longo do caminho, sem esperar que uma habilidade se forme apenas assistindo. Começar pelo planejamento e avançar etapa por etapa pode deixar o trabalho mais compreensível, inclusive quando surgir aquele ajuste que parecia pequeno e resolveu pedir uma conversa inteira.
Você também pode gostar
Formação WebP - Web Designer Profissional - Othon Ciparoni
Canva Legend - Everton
