SlideShare uma empresa Scribd logo
1 de 29
Founder do Desprograme - iniciativa para levar
oficinas de programação para todas as pessoas,
que não sabem programar e desejam decolar
nessa aventura.
O que Landing Page
Fonte: bit.ly/MVPxMLP
Páginas de Conversão (Landing Pages)
 Landing Pages são páginas criadas com foco na conversão. É uma das
melhores estratégias para transformar visitantes em Leads e captar
informações valiosas para você
Conversão de Leads
Já sei! Aquela página de
E-book grátis.
Foco da Palestra
 Criar Landing Pages que convertem;
 Criar Call-to-actions clicáveis;
 Otimizar a taxa de conversão de suas Landing Pages;
Criar Landing Pages que convertem;
Coloque vídeos
Imagens
Infográfico
Ícones
Depoimento
Formulário
Defina bem o foco do produto
Evite Leads falsos em
seus formulários de
conversão e obtenha
mais dados verdadeiros
Cadê as conversões
Validação no formulário
Confirmação de e-mail
Verificação de dados duplicação
 Segundo estudos da Integrate de 2015, 40% de todos os
Leads gerados em B2B apresentam uma qualidade de
dados pobre, ou seja, apresentam problemas como dados
duplicados, entradas inválidas, emails inválidos, campos não
preenchidos.
Formulário Inteligente
O que é Call-to-actions
Criar Call-to-actions clicáveis;
 call to action (CTA), que significa a “chamada para ação”.
Usuário feliz, converter mais 
Princípios para a criação de LPs mais persuasivas
 Capturar/atrair a atenção: é o objetivo da chamada de seu anúncio
ou postagem.
 Manter/prender a atenção: a chamada de sua Landing Page faz isso
ao confirmar a promessa do anúncio.
 Focar a atenção: esta é a função do design de sua Landing Page e o
propósito das dicas a seguir.
 4 princípios
1. Direção
 Existem muitos exemplos de direção no mundo real:
 As linhas coloridas no chão
da área de emergência de
um hospital.
Use outros tipos de direcionamentos no site,
como setas ou uma imagem de alguém olhando
para o formulário. A ideia aqui é que somos
inconscientemente condicionados a acompanhar
setas e indicações com o corpo e olhar.
2. Espaço em branco
O espaço em branco permite que os elementos
de sua página respirem. Ele facilita a leitura de
sua Landing Page e pode ter um efeito calmante
para os visitantes.
Caso queira atrair atenção para algo,
você pode adicionar espaço em branco
ao redor desse elemento.
A reação natural a isso é: “por que há
Apenas aquilo naquela parte da página?
Deve ser importante!”.
3. Reconhecimento
 “Reconhecimento (em inglês, affordance) são dicas visuais no design
de um objeto que sugerem como ele pode ser usado. Por exemplo, o
estilo tridimensional de alguns botões evidencia que devem ser
clicados.”
 Um diagrama que ilustra essa afirmação (adaptado a partir do
exemplo de Steve):
4. Destaque
 Destaque é um exemplo de atenção seletiva desenvolvida por Robert
Solso como um exercício em que os leitores eram capazes de eliminar
ou ignorar o texto circundante e focar apenas nas palavras
“destacadas”.
 Você pode considerar o negrito como um desse tipo de ênfase. Se o
destaque é muito utilizado no texto das suas Landing Pages, por
exemplo, acaba perdendo o sentido. Reserve-o para as informações
realmente importantes.
/desprograme123
/desprograme
contato@desprograme.com.br

Mais conteúdo relacionado

Destaque

Informática e educação
Informática e educação Informática e educação
Informática e educação FabianeJulia
 
2016年10月13日「ONA16」参加報告会
2016年10月13日「ONA16」参加報告会2016年10月13日「ONA16」参加報告会
2016年10月13日「ONA16」参加報告会Atsuo Fujimura
 
Codigo contencioso administrativo
Codigo contencioso administrativoCodigo contencioso administrativo
Codigo contencioso administrativoOscar Pacheco
 
Conceptos basicos de las redes
Conceptos basicos de las redesConceptos basicos de las redes
Conceptos basicos de las redespabloquin0925
 
Como As Apis Podem Lhe Ajudar A Criar Um MLP
Como As Apis Podem Lhe Ajudar A Criar Um MLPComo As Apis Podem Lhe Ajudar A Criar Um MLP
Como As Apis Podem Lhe Ajudar A Criar Um MLPCristina Luz
 
лекция 1 переделка1
лекция 1 переделка1лекция 1 переделка1
лекция 1 переделка1giduv_ofvc
 
Efectos nocivos de la tecnología informática en el
Efectos nocivos de la tecnología informática en elEfectos nocivos de la tecnología informática en el
Efectos nocivos de la tecnología informática en elFernando Londoño
 

Destaque (12)

Informática e educação
Informática e educação Informática e educação
Informática e educação
 
Aula bootstrap
Aula bootstrapAula bootstrap
Aula bootstrap
 
Trabajo Personal
Trabajo PersonalTrabajo Personal
Trabajo Personal
 
Trabajo Colectivo
Trabajo ColectivoTrabajo Colectivo
Trabajo Colectivo
 
2016年10月13日「ONA16」参加報告会
2016年10月13日「ONA16」参加報告会2016年10月13日「ONA16」参加報告会
2016年10月13日「ONA16」参加報告会
 
Codigo contencioso administrativo
Codigo contencioso administrativoCodigo contencioso administrativo
Codigo contencioso administrativo
 
Conceptos basicos de las redes
Conceptos basicos de las redesConceptos basicos de las redes
Conceptos basicos de las redes
 
Como As Apis Podem Lhe Ajudar A Criar Um MLP
Como As Apis Podem Lhe Ajudar A Criar Um MLPComo As Apis Podem Lhe Ajudar A Criar Um MLP
Como As Apis Podem Lhe Ajudar A Criar Um MLP
 
лекция 1 переделка1
лекция 1 переделка1лекция 1 переделка1
лекция 1 переделка1
 
El ser humano y la tecnologia1
El ser humano y la tecnologia1El ser humano y la tecnologia1
El ser humano y la tecnologia1
 
ATP Resume 2016
ATP Resume 2016ATP Resume 2016
ATP Resume 2016
 
Efectos nocivos de la tecnología informática en el
Efectos nocivos de la tecnología informática en elEfectos nocivos de la tecnología informática en el
Efectos nocivos de la tecnología informática en el
 

Semelhante a Landing Page

Whitepaper call-to-action-resultados digitais
Whitepaper call-to-action-resultados digitaisWhitepaper call-to-action-resultados digitais
Whitepaper call-to-action-resultados digitaisVanessa Costa
 
Aula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdfAula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdfssuser595b1e1
 
28-tipos-de-conteudo-para-geracao-de-leads.pdf
28-tipos-de-conteudo-para-geracao-de-leads.pdf28-tipos-de-conteudo-para-geracao-de-leads.pdf
28-tipos-de-conteudo-para-geracao-de-leads.pdfEduardoNunes543823
 
FAPI - V JASI 2009 - Palestra SEO
FAPI - V JASI 2009 - Palestra SEOFAPI - V JASI 2009 - Palestra SEO
FAPI - V JASI 2009 - Palestra SEOluizeof
 
Design de temas para WooCommerce - Anyssa Ferreira
Design de temas para WooCommerce - Anyssa FerreiraDesign de temas para WooCommerce - Anyssa Ferreira
Design de temas para WooCommerce - Anyssa FerreiraAnyssa Ferreira
 
Páginas de destino, como transformar tráfego em dinheiro.
Páginas de destino, como transformar tráfego em dinheiro. Páginas de destino, como transformar tráfego em dinheiro.
Páginas de destino, como transformar tráfego em dinheiro. VERTERE SERVIÇOS LINGUÍSTICOS
 
Landing Page: 7 erros que estão custando suas conversões
Landing Page: 7 erros que estão custando suas conversõesLanding Page: 7 erros que estão custando suas conversões
Landing Page: 7 erros que estão custando suas conversõesWishpond
 
E book Design - Presença Digital
E book  Design - Presença DigitalE book  Design - Presença Digital
E book Design - Presença DigitalMarcel Bozza
 
Como criar Landing Pages de sucesso
Como criar Landing Pages de sucessoComo criar Landing Pages de sucesso
Como criar Landing Pages de sucessoJames R. Moro
 
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão PretoAula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão PretoEstrategia Digital
 
Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web designCarla Suelen
 
UX - Experiência do Usuário com foco em Alta Performance
UX - Experiência do Usuário com foco em Alta PerformanceUX - Experiência do Usuário com foco em Alta Performance
UX - Experiência do Usuário com foco em Alta PerformanceLisandra Maioli
 
Os principais cuidados para ter uma loja virtual competitiva - Workshop VTEX ...
Os principais cuidados para ter uma loja virtual competitiva - Workshop VTEX ...Os principais cuidados para ter uma loja virtual competitiva - Workshop VTEX ...
Os principais cuidados para ter uma loja virtual competitiva - Workshop VTEX ...VTEX
 
10 templates-de-call-to-action-customizáveis
10 templates-de-call-to-action-customizáveis10 templates-de-call-to-action-customizáveis
10 templates-de-call-to-action-customizáveisMarcius Rogerio
 
fdocumentos.tips_a-importancia-do-copywriting-nas-landing-pages-de-conversao....
fdocumentos.tips_a-importancia-do-copywriting-nas-landing-pages-de-conversao....fdocumentos.tips_a-importancia-do-copywriting-nas-landing-pages-de-conversao....
fdocumentos.tips_a-importancia-do-copywriting-nas-landing-pages-de-conversao....Laís Pardo Castilho
 
Design: um diferencial estratégico para projetos web
Design: um diferencial estratégico para projetos webDesign: um diferencial estratégico para projetos web
Design: um diferencial estratégico para projetos webOndaweb Criação de Sites
 
SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010
SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010
SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010Renata Tibiriçá
 

Semelhante a Landing Page (20)

Whitepaper call-to-action-resultados digitais
Whitepaper call-to-action-resultados digitaisWhitepaper call-to-action-resultados digitais
Whitepaper call-to-action-resultados digitais
 
Aula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdfAula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdf
 
28-tipos-de-conteudo-para-geracao-de-leads.pdf
28-tipos-de-conteudo-para-geracao-de-leads.pdf28-tipos-de-conteudo-para-geracao-de-leads.pdf
28-tipos-de-conteudo-para-geracao-de-leads.pdf
 
Curso web faveni aula 27
Curso web faveni aula 27Curso web faveni aula 27
Curso web faveni aula 27
 
FAPI - V JASI 2009 - Palestra SEO
FAPI - V JASI 2009 - Palestra SEOFAPI - V JASI 2009 - Palestra SEO
FAPI - V JASI 2009 - Palestra SEO
 
Design de temas para WooCommerce - Anyssa Ferreira
Design de temas para WooCommerce - Anyssa FerreiraDesign de temas para WooCommerce - Anyssa Ferreira
Design de temas para WooCommerce - Anyssa Ferreira
 
Páginas de destino, como transformar tráfego em dinheiro.
Páginas de destino, como transformar tráfego em dinheiro. Páginas de destino, como transformar tráfego em dinheiro.
Páginas de destino, como transformar tráfego em dinheiro.
 
Landing Page: 7 erros que estão custando suas conversões
Landing Page: 7 erros que estão custando suas conversõesLanding Page: 7 erros que estão custando suas conversões
Landing Page: 7 erros que estão custando suas conversões
 
E book Design - Presença Digital
E book  Design - Presença DigitalE book  Design - Presença Digital
E book Design - Presença Digital
 
Como criar Landing Pages de sucesso
Como criar Landing Pages de sucessoComo criar Landing Pages de sucesso
Como criar Landing Pages de sucesso
 
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão PretoAula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
 
C708 j livro landing pages na prática
C708 j livro landing pages na práticaC708 j livro landing pages na prática
C708 j livro landing pages na prática
 
Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web design
 
UX - Experiência do Usuário com foco em Alta Performance
UX - Experiência do Usuário com foco em Alta PerformanceUX - Experiência do Usuário com foco em Alta Performance
UX - Experiência do Usuário com foco em Alta Performance
 
Os principais cuidados para ter uma loja virtual competitiva - Workshop VTEX ...
Os principais cuidados para ter uma loja virtual competitiva - Workshop VTEX ...Os principais cuidados para ter uma loja virtual competitiva - Workshop VTEX ...
Os principais cuidados para ter uma loja virtual competitiva - Workshop VTEX ...
 
Métricas Para a Web 2.0
Métricas Para a Web 2.0Métricas Para a Web 2.0
Métricas Para a Web 2.0
 
10 templates-de-call-to-action-customizáveis
10 templates-de-call-to-action-customizáveis10 templates-de-call-to-action-customizáveis
10 templates-de-call-to-action-customizáveis
 
fdocumentos.tips_a-importancia-do-copywriting-nas-landing-pages-de-conversao....
fdocumentos.tips_a-importancia-do-copywriting-nas-landing-pages-de-conversao....fdocumentos.tips_a-importancia-do-copywriting-nas-landing-pages-de-conversao....
fdocumentos.tips_a-importancia-do-copywriting-nas-landing-pages-de-conversao....
 
Design: um diferencial estratégico para projetos web
Design: um diferencial estratégico para projetos webDesign: um diferencial estratégico para projetos web
Design: um diferencial estratégico para projetos web
 
SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010
SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010
SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010
 

Mais de Cristina Luz

Crie chatbot com bluemix
Crie chatbot com bluemix Crie chatbot com bluemix
Crie chatbot com bluemix Cristina Luz
 
Crie chatbot com bluemix
Crie chatbot com bluemixCrie chatbot com bluemix
Crie chatbot com bluemixCristina Luz
 
Crie seu bot do zero
Crie seu bot do zeroCrie seu bot do zero
Crie seu bot do zeroCristina Luz
 
Por que devemos usar site responsivo.
Por que devemos usar site responsivo. Por que devemos usar site responsivo.
Por que devemos usar site responsivo. Cristina Luz
 
O que aprendi com WordPress
O que aprendi com WordPressO que aprendi com WordPress
O que aprendi com WordPressCristina Luz
 
Aula bootstrap-carousel
Aula bootstrap-carouselAula bootstrap-carousel
Aula bootstrap-carouselCristina Luz
 
Aula bootstrap-carousel
Aula bootstrap-carouselAula bootstrap-carousel
Aula bootstrap-carouselCristina Luz
 

Mais de Cristina Luz (9)

Crie chatbot com bluemix
Crie chatbot com bluemix Crie chatbot com bluemix
Crie chatbot com bluemix
 
Crie chatbot com bluemix
Crie chatbot com bluemixCrie chatbot com bluemix
Crie chatbot com bluemix
 
Crie seu bot do zero
Crie seu bot do zeroCrie seu bot do zero
Crie seu bot do zero
 
Chatbot
ChatbotChatbot
Chatbot
 
Por que devemos usar site responsivo.
Por que devemos usar site responsivo. Por que devemos usar site responsivo.
Por que devemos usar site responsivo.
 
O que aprendi com WordPress
O que aprendi com WordPressO que aprendi com WordPress
O que aprendi com WordPress
 
Aula bootstrap-carousel
Aula bootstrap-carouselAula bootstrap-carousel
Aula bootstrap-carousel
 
Aula bootstrap-carousel
Aula bootstrap-carouselAula bootstrap-carousel
Aula bootstrap-carousel
 
Aula bootstrap
Aula bootstrapAula bootstrap
Aula bootstrap
 

Landing Page

  • 1. Founder do Desprograme - iniciativa para levar oficinas de programação para todas as pessoas, que não sabem programar e desejam decolar nessa aventura.
  • 2. O que Landing Page Fonte: bit.ly/MVPxMLP
  • 3. Páginas de Conversão (Landing Pages)  Landing Pages são páginas criadas com foco na conversão. É uma das melhores estratégias para transformar visitantes em Leads e captar informações valiosas para você
  • 5. Já sei! Aquela página de E-book grátis.
  • 6. Foco da Palestra  Criar Landing Pages que convertem;  Criar Call-to-actions clicáveis;  Otimizar a taxa de conversão de suas Landing Pages;
  • 7. Criar Landing Pages que convertem;
  • 8.
  • 10. Defina bem o foco do produto
  • 11. Evite Leads falsos em seus formulários de conversão e obtenha mais dados verdadeiros
  • 13. Validação no formulário Confirmação de e-mail Verificação de dados duplicação
  • 14.  Segundo estudos da Integrate de 2015, 40% de todos os Leads gerados em B2B apresentam uma qualidade de dados pobre, ou seja, apresentam problemas como dados duplicados, entradas inválidas, emails inválidos, campos não preenchidos.
  • 16. O que é Call-to-actions
  • 17. Criar Call-to-actions clicáveis;  call to action (CTA), que significa a “chamada para ação”.
  • 19. Princípios para a criação de LPs mais persuasivas  Capturar/atrair a atenção: é o objetivo da chamada de seu anúncio ou postagem.  Manter/prender a atenção: a chamada de sua Landing Page faz isso ao confirmar a promessa do anúncio.  Focar a atenção: esta é a função do design de sua Landing Page e o propósito das dicas a seguir.
  • 21. 1. Direção  Existem muitos exemplos de direção no mundo real:  As linhas coloridas no chão da área de emergência de um hospital.
  • 22. Use outros tipos de direcionamentos no site, como setas ou uma imagem de alguém olhando para o formulário. A ideia aqui é que somos inconscientemente condicionados a acompanhar setas e indicações com o corpo e olhar.
  • 23. 2. Espaço em branco O espaço em branco permite que os elementos de sua página respirem. Ele facilita a leitura de sua Landing Page e pode ter um efeito calmante para os visitantes.
  • 24. Caso queira atrair atenção para algo, você pode adicionar espaço em branco ao redor desse elemento. A reação natural a isso é: “por que há Apenas aquilo naquela parte da página? Deve ser importante!”.
  • 25. 3. Reconhecimento  “Reconhecimento (em inglês, affordance) são dicas visuais no design de um objeto que sugerem como ele pode ser usado. Por exemplo, o estilo tridimensional de alguns botões evidencia que devem ser clicados.”  Um diagrama que ilustra essa afirmação (adaptado a partir do exemplo de Steve):
  • 26.
  • 27. 4. Destaque  Destaque é um exemplo de atenção seletiva desenvolvida por Robert Solso como um exercício em que os leitores eram capazes de eliminar ou ignorar o texto circundante e focar apenas nas palavras “destacadas”.
  • 28.  Você pode considerar o negrito como um desse tipo de ênfase. Se o destaque é muito utilizado no texto das suas Landing Pages, por exemplo, acaba perdendo o sentido. Reserve-o para as informações realmente importantes.