1. Formação completa em webdesign para lançamentos digitais
1.1. Você vai aprender
1.1.1. Como criar páginas
1.1.2. Como se relacionar com clientes do nicho
2. História
2.1. Elementos
2.1.1. Comecei há 20 anos
2.1.1.1. Autoridade muito grande. Anos de estrada. Experiência.
2.1.1.2. Mostrar certificado curso de webdesign.
2.1.2. Já programei sites na unha
2.1.2.1. Aqui entra experiência com CSS que muito se usa.
2.1.3. Experiência com Fotografia
2.1.3.1. Importante para quando for falar de aspectos da fotografia.
2.1.4. Já trabalhei em Gráfica
2.2. Sequência
2.2.1. Desde cedo gostava de desenhar. Desenhava na carteira do colégio, nos cadernos.
2.2.2. Comecei cursos de informática e logo fiz um curso de webdesign.
2.2.3. Refiz um curso de webdesign e o professor desse curso depois veio a me contratar pra trabalhar com ele.
2.2.4. Passagem Lovatel
2.2.4.1. Comecei com design, fazendo o desenho das páginas, e ele programava.
2.2.4.2. Um tempo depois comecei a implementar também e foi nessa época em que mais me envolvi com CSS
2.2.4.3. Paralelamente comecei a aprender a programar o gerenciador de conteúdo desses sites, para assim fechar o ciclo completo de desenhar, implementar e colocar tudo pra funcionar.
2.2.5. Saí dessa empresa para trabalhar sozinho. E foi onde percebi que também teria que vender.
3. Landing Page Basecamp
4. MATERIAIS
4.1. CHECKLIST DE ESTRUTURA
4.2. BIBLIOTECA DE CORES DE LPS
4.3. GUIA DE ELEMENTOS
4.3.1. Mockup
4.3.1.1. Usado para tornar palpável um entregável. Ajuda o lead a tornar a ideia tangível. Torna concreto.
4.3.2. Gráfico
4.3.2.1. Dá veracidade à informação. Passa a ideia de algo estudado, auferido.
4.3.3. Linha de progresso
4.3.3.1. Confere segurança e demonstra organização da jornada. Serve para indicar ao usuário que existe um plano em sequência que deixará a ornada mais fácil.
5. O porquê de tudo.
5.1. Muitas vezes me perguntei: Será que eu sei fazer páginas realmente?
5.1.1. Entender que a página é parte de um processo.
5.1.1.1. Se é parte de um processo, para construir boas páginas, preciso entender o processo.
5.1.1.1.1. E o que preciso entender do processo?
5.2. Ou só estou seguindo a manada?
5.2.1. Copia e Cola
5.3. O que funcionava antes não é o que funciona hoje.
6. Tópico
6.1. Você não precisa atender os grandes players do mercado.
6.1.1. Você irá ganhar muito dinheiro e ter a vida que sempre quis, atendendo clientes fora do grande mapa.
6.1.1.1. Clientes que pagam muitas vezes até melhor que grandes players.
6.1.1.2. Clientes onde você pode acompanhar a evolução.
6.1.1.3. Clientes que podem até se tornar grandes players, mas hoje são famosos apenas para sua própria audiência.
6.1.1.4. Esses clientes são a maioria, são mais acessíveis e são o verdadeiro ouro.
7. MÓDULOS
7.1. Módulo | [nome do modulo]
7.1.1. Aula | [nome da aula]
7.1.1.1. Transformação
7.1.1.1.1. O que o usuário precisa sair sabendo
7.1.1.2. Conteúdo
7.1.1.2.1. Descrição
7.2. Módulo | BOAS VINDAS
7.2.1. Aula | COMECE POR AQUI
7.2.1.1. Transformação
7.2.1.1.1. Entender o motivo do curso LP Class | Se sentir engajado com o curso | Entender que esse é um curso diferente daqueles que ele comprou e não assistiu.
7.2.1.1.2. Esse não é um curso sobre ferramentas.
7.2.1.2. Conteúdo
7.2.1.2.1. A LP Class
7.2.1.2.2. ## **Introdução** Olá! Seja bem vindo(a) ao LPClass. Estou muito feliz em ter você aqui comigo. Esse é o curso que eu gostaria de ter tido acesso algum tempo atrás. Eu queria ter tido acesso quando parei de fazer sites institucionais e comecei a olhar para o mercado de infoproduto. E já te adianto que são mundos bem diferentes diferentes. Definitivamente eu não quero que seja um curso comum, ou apenas com conhecimento básico que você encontra no youtube. Ou aquele curso que você compra, assiste duas ou três aulas e depois nem entra mais!
7.2.1.2.3. ## NÃO É SOBRE FERRAMENTAS Esse também não é um curso sobre ferramentas. Temos sim os módulos de Elementor, Figma, Photoshop, Hospedagem, mas o intuito aqui é aprendermos a fazer páginas, independentemente de qual ferramenta você venha a utilizar. E não apenas fazer páginas. Quero que você entenda de forma estratégica cada elemento presente na página. Não só o “como fazer” mas "por que fazer”. Esse é um ponto muito importante. O Porquê das coisas. Pra iniciar nossa jornada, vou te falar um pouquinho sobre o tipo de webdesigner quero que você seja: Que não olhe apenas para o visual da coisa. (Que não pense só em postar no behance) Seja estratégico, e não só entregue um layout bonito mas entenda da estratégia envolvida em cada uma das páginas. Sabe exatamente porque cada elemento está ali. Além de entregar impacto visual, vai entregar impacto em vendas, afinal esse é o grande motivo do trabalho. É o profissional que os clientes brigam para ter por perto. É o webdesigner que pode ser visto como um parceiro estratégico. E é com esse pensamento que você vai conseguir agregar muito mais valor ao trabalho, fazer a diferença e que vai naturalmente se destacar no mercado.
7.2.1.2.4. ## A LP CLASS Eu pensei a LP Class como uma formação completa, que vai desde a Base para alguém que não precisa saber nada de webdesign até para alguns colegas que eu sei que já são mais avançados e já estão inseridos no mercado. Então temos conteúdo para os dois. Os mais avançados, podem até pular algumas aulas, mas eu não recomendo. Assiste no 2X! Beleza? Para quem tá no básico, você é minha prioridade. Eu não sei qual o seu momento (na sequência vou pedir pra você preencher uma pesquisa), mas principalmente se você está começando, recomendo muito que siga a risca o cronograma das aulas, se possível, revendo mais de uma vez cada uma delas. Também é importante que a todo o momento você interaja, envie suas dúvidas, se algo não ficou claro, me envia essa dúvida pelos canais de suporte que depois vou mostrar pra você. Não tem nada aqui que não exista por algum motivo. Faz uns dois anos que eu venho lapidando esse conteúdo e busquei abordar apenas aquilo que vai te ajudar realmente a ir mais longe. E não se preocupe, se você ainda não dominar algo sobre hospedagem, domínio, talvez não tenha familiaridade com essa parte mais técnica. Não se preocupe se nunca abriu o Figma, se ainda não faz coisas avançadas no photoshop, nunca mexeu no Elementor. Fica tranquilo, vamos juntos nessa, e novamente, que bom ter você aqui, e Bora lá!
7.2.2. Aula | INFORMAÇÕES IMPORTANTES
7.2.2.1. Conteúdo
7.2.2.1.1. Apresentando a área de membros
7.2.2.1.2. Como assistir a aula e como tirar dúvidas
7.2.2.1.3. Instrução para clicar em "Concluir aula" para que eu possa acompanhar o progresso.
7.2.2.1.4. Como pedir ajuda: e-mail [ e-mail de suporte ]
7.2.2.1.5. No próximo vídeo vou te passar o link para responder uma breve pesquisa.
7.2.3. Aula | PESQUISA
7.2.3.1. Transformação
7.2.3.1.1. Entender que eu verei essa pesquisa e que ele precisa ser sincero nas respostas
7.2.3.2. Conteúdo
7.2.3.2.1. Onde você quer chegar?
7.2.3.2.2. Raio-X
7.3. Módulo | A BASE
7.3.1. Aula | O que preciso aprender para criar páginas
7.3.1.1. Desmistificando a criação de páginas
7.3.1.1.1. Preciso ser criativo?
7.3.1.1.2. Preciso ser um mago do Photoshop?
7.3.1.1.3. Preciso ser programador?
7.3.1.2. E na prática, o que eu preciso saber, aprender, entender?
7.3.1.2.1. Conhecer o mercado de Infoprodutos
7.3.1.2.2. Conhecer como as landing pages se encaixam nesse processo.
7.3.1.2.3. Conhecer os tipos, estruturas e anatomia das landing pages
7.3.1.2.4. Entender como construir uma página pensando de forma estratégica
7.3.1.2.5. E também precisará aprender como usar algumas ferramentas ao longo desse processo.
7.3.1.3. A parte boa é que nas próximas aulas aqui dentro você vai entender cada uma dessas etapas.
7.3.1.3.1. Esse módulo aqui eu dei o nome de "A BASE"pois é um momento de preparação. Eu sei que você quer botar a mão na massa o mais rápido possível, sair fazendo páginas, e vamos ter esse momento, mas eu preciso te preparar. Preciso garantir que você tenha uma base sólida.
7.3.2. Aula | O Mercado de Infoprodutos
7.3.2.1. Conteúdo
7.3.2.1.1. Que mercado é esse?
7.3.2.1.2. Qual o tamanho desse mercado?
7.3.2.1.3. Quem vai te contratar
7.3.2.1.4. Qual problema você resolve?
7.3.2.1.5. O que o mercado pede?
7.3.2.1.6. Focar em Landing Pages ou fazer criativos também?
7.3.3. Aula | As Landing Pages na Estratégia Digital
7.3.3.1. Conteúdo
7.3.3.1.1. O que é uma Landing Page
7.3.4. Aula | Tipos de Landing Page
7.3.4.1. Introdução
7.3.4.1.1. Objetivo Técnico VS Objetivo Estratégico
7.3.4.1.2. Cada página atua em uma determinada janela de tempo, em um momento da jornada do usuário.
7.3.4.2. Tipos de página mais comuns
7.3.4.2.1. Página de Captura
7.3.4.2.2. Página de Vendas
7.3.4.2.3. Página de Obrigado
7.3.4.2.4. Blog de aulas / Página de Replay ? Página de CPLs
7.3.4.2.5. Página de Upsell / Downsell
7.3.4.2.6. Página de VSL
7.3.4.2.7. Página de Checkout
7.3.5. Aula | Estrutura de Páginas
7.3.5.1. Quais seções são necessárias em cada tipo de página?
7.3.5.1.1. Por tipo de página
7.3.6. Aula | Anatomia das Seções
7.3.6.1. Hero Section
7.3.6.1.1. 3 segundos compram 30
7.3.6.1.2. Síndrome da Hero Solitária
7.3.6.1.3. Elementos principais
7.3.6.2. Seção de Oferta
7.3.6.3. Seção de Depoimentos
7.3.6.3.1. Como deve ser um depoimento, como coletar e apresentar depoimentos de forma que colaborem com o processo de compra. Depoimento 5 estrelas? A nota deve ser baixa o suficiente para ser crível e alta o suficiente para ser respeitável. Apresentar uma nota média de 4.7 parece ser mais verdadeiro e tende a ter uma melhor receptividade. Um outro exemplo é da Colgate “9 em cada 10 dentistas recomendam Colgate”.
7.3.6.4. Seção de FAQ (Perguntas Frequentes)
7.3.6.4.1. As perguntas devem ser colocadas na versão do usuário, isto é, da forma que ele pensa na pergunta em sua cabeça. Ex.: "Como será entregue o curso?" pode ser substituído por "Como vou receber o curso?"
7.3.6.4.2. Perguntas chave
7.3.6.5. Seção de Garantia
7.3.6.5.1. Exemplos
7.3.6.5.2. Conceito
7.3.6.6. Outros elementos
7.3.6.6.1. Temporizador / Contador regressivo
7.3.6.6.2. CTA
7.3.6.6.3. Formulário
7.3.7. Aula | Página de alta conversão
7.3.7.1. A pergunta não é se existem ou não páginas de alta conversão, e sim QUANDO existem.
7.3.7.2. Não existe uma prateleira onde escolhemos comprar uma lp de 50% de conversão ou uma de 70%.
7.3.7.3. Melhoria constante. Versões novas a cada identificação de possibilidade de melhoria.
7.3.7.4. Sua página não faz milagre e ponto final. A performance de uma página não depende só da página. A melhor página do mundo dentro de um processo ruim, não vai entregar tudo o que poderia.
7.4. Módulo | INFRAESTRUTURA
7.4.1. Aula | Infraestrutura
7.4.1.1. Quanto se investe para montar uma estrutura
7.4.1.2. Qual estrutura vamos usar?
7.4.2. Aula | Domínio
7.4.2.1. O que é
7.4.2.2. Registro
7.4.2.3. Editar DNS
7.4.2.4. Configurar cloudflare
7.4.3. Aula | Hospedagem
7.4.3.1. Contratar
7.4.3.2. Gerenciar
7.4.4. Aula | Instalação Wordpress
7.4.5. Aula | Configuração Elementor
7.5. Módulo | MÃO NA MASSA
7.5.1. O objetivo desse módulo é fazer o processo do início ao fim uma vez.
7.5.1.1. Ao final desse módulo você terá desenhado e montado sua primeira página.
7.5.2. Aula | Como desenhar uma landing page
7.5.2.1. Tutorial Rápido de Figma
7.5.2.1.1. Ferramentas
7.5.2.2. O Básico do Photoshop
7.5.2.2.1. Recortar imagem
7.5.2.2.2. Exportar
7.5.2.2.3. Usar uma máscara
7.5.2.3. Conceitos Básicos
7.5.2.3.1. Grids
7.5.2.3.2. Princípios de Design
7.5.2.3.3. Layout Desktop e Mobile
7.5.2.3.4. Exportação
7.5.3. Aula | Desenhando uma Página
7.5.3.1. Vamos pegar uma copy e vamos desenhar a primeira página.
7.5.4. Aula | Implementando uma Página
7.5.4.1. Preparando o Ambiente
7.5.4.1.1. Nomeando a página / url
7.5.4.1.2. Fundo
7.5.4.1.3. Responsivo
7.5.4.1.4. Separando os assets que utilizaremos
7.5.4.1.5. Configurando
7.5.4.2. Entendendo os Containers
7.5.4.2.1. Como pensar em "caixas"
7.5.4.3. Widgets disponíveis
7.5.4.3.1. Título
7.5.4.3.2. Texto
7.5.4.3.3. Formulário
7.5.4.3.4. Botões
7.5.4.3.5. Imagens
7.5.4.3.6. Backgrounds
7.5.4.3.7. Cards
7.5.4.3.8. Carrosséis
7.5.4.4. Preparando responsivos
7.6. Módulo | DESIGN ESTRATÉGICO
7.6.1. Aula | COMO SER ESTRATÉGICO EM DESIGN DE LPS?
7.6.1.1. O que é ser estratégico em Design?
7.6.1.1.1. É você entender o todo antes de olhar para a página.
7.6.1.1.2. É você resistir a colocar o Design acima da mensagem da página
7.6.1.1.3. É você saber dar ritmo à mensagem
7.6.1.1.4. Percepção de valor
7.6.1.1.5. Mobile Always
7.6.2. Aula | CRIATIVIDADE PARA NÃO CRIATIVOS
7.6.2.1. Transformação
7.6.2.1.1. O que o usuário precisa sair sabendo
7.6.2.2. Conteúdo
7.6.2.2.1. Descrição
7.6.3. Aula | INTERPRETAÇÃO DE COPY
7.6.3.1. Transformação
7.6.3.1.1. O que o usuário precisa sair sabendo
7.6.3.2. Conteúdo
7.6.3.2.1. Descrição
7.6.4. Aula | IMAGENS
7.6.4.1. Tipos de imagem
7.6.4.1.1. Imagem inspiradora
7.6.4.1.2. Imagem representativa
7.6.4.1.3. Imagem para marcar cenário
7.6.4.1.4. Imagem para aflorar um sentimento?
7.6.4.1.5. Imagem de reflexão
7.6.4.1.6. Imagem para identificação
7.6.4.1.7. Imagem marcante / de alto impacto
7.6.4.1.8. Íconografia
7.6.4.2. A busca por imagens Únicas
7.7. Módulo | PROSPECÇÃO E VENDAS
7.7.1. Aula | VENDAS
7.7.1.1. Qual o cliente ideal?
7.7.1.1.1. Onde está o dinheiro? No produto que ensina donas de casa a fazer bolos para vender, ou em um produto que ensina sobre investimento financeiro?
7.7.1.2. Posicionamento
7.7.1.2.1. Generalista ou Especialista?
7.7.1.3. Prospecção
7.7.1.3.1. A melhor comunicação na hora da prospecção é aquela em que você consegue ser ouvido dizendo "Eu quero te dar dinheiro".
7.7.2. Aula | SEAL Webdesign Training
7.7.2.1. Não ceder ao desconto
7.7.2.2. Não demonstrar fraqueza
7.7.2.3. Errar rápido
7.7.2.4. Mensurar os ganhos
7.7.2.4.1. Rende dinheiro?
7.7.2.4.2. Rende networking?
7.7.2.4.3. Rende portfolio?
7.7.2.4.4. Rende aprendizado?
7.8. OUTRAS AULAS
7.8.1. Aula | Elemento botão
7.8.1.1. Qual a melhor cor de botão?
7.8.1.2. Texto do botão
7.8.2. Aula | Microinterações
7.8.2.1. Animação de feedback
7.8.2.1.1. QUando passa o mouse, deve ocorre uma mudança para que o usuário entenda que aquilo é interativo/clicável
7.8.2.2. Diferença de Microinteraçãzo e Firula
7.8.3. Aula | Lembrança
7.8.3.1. A audiência pode até não comprar nesse lançamento, mas se lembrará da boa experiência que teve em um próximo e isso pode fazer a diferença.
7.8.4. Aula design de checkout
7.8.4.1. Página de vendas e Checkout mostrando a mesma condição por default.
7.8.4.2. A pessoa se reparou para pagar em 12x de 39,90 e no checkout se depara com o pagamento padrão a vista, aí ela lembra que são 500 conto e desiste. Ela se toca do CET.
7.8.5. Aula | Uma página para cada momento?
7.8.5.1. Uma página para cada momento? Primeiras horas de carrinho aberto vs restante dos dias: Segue a lógica de que quando o carrinho abre, as pessoas tem a tendencia de clicar no primeiro botão do header. É um momento de compra com mais impulsividade, tomado pela emoção. E esse momento deve ser tratado de forma singular em uma página correto? Devemos ter páginas diferentes para diferentes momentos?
7.8.6. Aula | Anatomia do Popup
7.8.6.1. Mínimo 48px em volta do popup para que os usuários consigam fechar de maneira fácil.
7.8.6.1.1. Para não irritar
7.8.6.1.2. Para não gerar cliques desnecessários
7.8.6.2. Botão fechar com área de no mínimo 48px
7.8.6.2.1. Muito comum, para não afetar a estética, colocar um "x" pequeno, mas sua área de toque deve ser de 48px.
7.8.6.3. Abrir instantaneamente
7.8.6.4. Não ter barra de rolagem dentro do popup
7.8.6.5. A nomenclatura mais correta é Modal.
7.8.7. Aula | Transições entre seções
7.8.7.1. Como trabalhar o fim de uma seção e começo da outra
7.8.7.2. O que acontece quando mudamos de assunto?
7.8.7.2.1. O que acontece quando a pessoa não entende que o assunto já mudou e como isso prejudica a mensagem.
7.8.7.3. Exemplos de transições
7.8.7.3.1. Mudança de cenário
7.8.7.3.2. Mudança de contexto
7.8.7.3.3. Mudança de sentimento
7.8.7.3.4. Mudança de tom de fala
7.8.7.3.5. Mudança de velocidade
7.8.7.4. Pré visualização
7.8.7.4.1. Como podemos fazer com que o usuário veja que existe uma nova seção a ser lida?
7.8.7.4.2. Como não deixar escondida uma seção importante.