Your SlideShare is downloading. ×
Landing Page Design 101 - Lean Startup Machine SP
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Landing Page Design 101 - Lean Startup Machine SP

2,960
views

Published on

Palestra realizada pelo Paulo Floriano no Lean Startup Machine SP em fevereiro de 2013, sobre conceitos básicos para a criação de landing pages e como testá-las de forma rápida e controlada.

Palestra realizada pelo Paulo Floriano no Lean Startup Machine SP em fevereiro de 2013, sobre conceitos básicos para a criação de landing pages e como testá-las de forma rápida e controlada.


1 Comment
30 Likes
Statistics
Notes
No Downloads
Views
Total Views
2,960
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
2
Comments
1
Likes
30
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Basics&of&Landing&Page&Design& Landing Page Design 101 & Paulo Floriano Neue Labs
  • 2. What’s&the&Point?& Landing pages: Por quê? •  Controlled&experiment&(MVP)&• Experimento rápido e controlado •  Get&people&to&convert&on&a&• Mensurar conversão em uma única e específica single,&specific&value&proposiDon.& proposta de valor •  Split&test&and&iterate&rapidly.&
  • 3. What’s&the&Point?& A landing page deve responder às perguntas:• Cheguei Controlled&experiment&(MVP)& •  no local correto?• É o que eu esperava?• O que oGet&people&to&convert&on&a& •  site espera que eu faça?• single,&specific&value&proposiDon.& Confio nesta empresa?• Quanto tempo isto vai levar?• •  Split&test&and&iterate&rapidly.& Pra onde irei depois?
  • 4. What’s&the&Point?& 7 elementos de uma boa landing page1. Unique Selling Proposition (USP) •  Controlled&experiment&(MVP)&2. Foto, ilustração ou vídeo •  Get&people&to&convert&on&a&3. Benefícios chave single,&specific&value&proposiDon.&4. Call to action (CTA)5. Solicitação de dados do usuário •  Split&test&and&iterate&rapidly.&6. Social proof Unbounce.com7. Elementos de pós-conversão
  • 5. What’s&the&Point?& 1/7 Unique Selling Proposition (USP) •  Controlled&experiment&(MVP)&• Primeira coisa que as pessoas lêem na página• Deve•  Get&people&to&convert&on&a&sobre o satisfazer a curiosidade do usuário produto single,&specific&value&proposiDon.& ou serviço• Não pode ser longo. Mas pode ser quebrado em •  Split&test&and&iterate&rapidly.& um subheader.
  • 6. What’s&the&Point?& Qual converteu mais?•  Controlled&experiment&(MVP)&•  Get&people&to&convert&on&a& single,&specific&value&proposiDon.&•  Split&test&and&iterate&rapidly.&
  • 7. What’s&the&Point?& Qual converteu mais? 2º lugar 27%•  Controlled&experiment&(MVP)& 3º lugar•  Get&people&to&convert&on&a& 15% single,&specific&value&proposiDon.& 4º lugar•  Split&test&and&iterate&rapidly.& 7% 1º lugar 30%
  • 8. 2/7What’s&the&Point?& Foto, ilustração ou vídeo• A imagem ou vídeo ajuda a comunicar a proposta •  Controlled&experiment&(MVP)& de valor ou os benefícios do produto• O uso de imagens ajuda a criar empatia com o •  Get&people&to&convert&on&a& usuário single,&specific&value&proposiDon.&• Vídeos podem aumentar em até 80% a conversão de uma página •  Split&test&and&iterate&rapidly.&(fonte: eyeviewdigital.com)
  • 9. 2/7What’s&the&Point?& Foto, ilustração ou vídeo✓ de Controlled&experiment&(MVP)& Uso •  imagens com contexto de uso do produto✓Diagrama explicando o produto •  Get&people&to&convert&on&a&✓Infográfico com números e comparativos single,&specific&value&proposiDon.&✓Screenshots do produtox Fotos genéricas de bancos de imagens •  Split&test&and&iterate&rapidly.&x Vídeos mal produzidos
  • 10. What’s&the&Point?& 3/7 Benefícios chave •  Controlled&experiment&(MVP)&• Benefícios não são a mesma coisa que features do produto - devem endereçar necessidades ou •  Get&people&to&convert&on&a& expectativas dos usuários single,&specific&value&proposiDon.&• De 3 a 6, em bullet points• Benefícios podem ser segmentados por público •  Split&test&and&iterate&rapidly.& (ex: marketplace)
  • 11. What’s&the&Point?& 4/7 Call to action (CTA) •  Controlled&experiment&(MVP)&• Implemente apenas um call to action, que valide a sua principal hipótese •  Get&people&to&convert&on&a&• Seja claro no que você precisa do usuário: receber single,&specific&value&proposiDon.& convite, cadastrar para usar, solicitar demo, etc.• Você pode adicionar um CTA backup (safety net), •  Split&test&and&iterate&rapidly.& por exemplo um form de cadastro para newsletter
  • 12. What’s&the&Point?& Teste alternativas•  Controlled&experiment&(MVP)&•  Get&people&to&convert&on&a& single,&specific&value&proposiDon.&•  Split&test&and&iterate&rapidly.&
  • 13. What’s&the&Point?& Qual converteu mais?•  Controlled&experiment&(MVP)&•  Get&people&to&convert&on&a& single,&specific&value&proposiDon.&•  Split&test&and&iterate&rapidly.&
  • 14. What’s&the&Point?&O botão vermelho teve performance 21% melhor •  Controlled&experiment&(MVP)& •  Get&people&to&convert&on&a& single,&specific&value&proposiDon.& •  Split&test&and&iterate&rapidly.&
  • 15. What’s&the&Point?& 5/7 Solicitação de dados do usuário •  Controlled&experiment&(MVP)&• O formulário, junto com o CTA, é o que irá •  Get&people&to&convert&on&a& configurar o meu teste de conversão single,&specific&value&proposiDon.&• Formulários também ajudam a mapear o perfil dos usuários - localização geográfica, preferências, etc. •  Split&test&and&iterate&rapidly.&
  • 16. What’s&the&Point?& Algumas dicas• Para formulários menores, labels alinhados acima do •  Controlled&experiment&(MVP)& campo são mais efetivos• Se o campo é opcional, provavelmente é •  Get&people&to&convert&on&a& desnecessário - evite usar single,&specific&value&proposiDon.&• Use o mínimo de elementos visuais (cores de fundo, caixas, etc.)• Evite •  Split&test&and&iterate&rapidly.& ações secundárias ou faça distinção clara• Use validação inline para itens que possuem risco de erro
  • 17. What’s&the&Point?& 6/7 Social Proof •  Controlled&experiment&(MVP)&• Testemunhos (anônimos ou não) ajudam a estabelecer credibilidade• Se você Get&people&to&convert&on&a& inserir •  apareceu na mídia, não hesite em single,&specific&value&proposiDon.& isso na página• Fanboxes (que mostram o número de seguidores e se algumSplit&test&and&iterate&rapidly.& •  amigo curte a página) também podem ser úteis
  • 18. What’s&the&Point?& 7/7 Elementos de pós-conversão •  Controlled&experiment&(MVP)&• Você•  Get&people&to&convert&on&a&para que pode utilizar a tela de confirmação o usuário faça alguma coisa por você: encaminhar a single,&specific&value&proposiDon.& URL para amigos, compartilhar nas redes sociais, etc. •  Split&test&and&iterate&rapidly.&
  • 19. What’s&the&Point?& Construa e eles virão?• SEM: Adwords, Bing •  Controlled&experiment&(MVP)&• Facebook ads ou posts patrocinados• •  Get&people&to&convert&on&a& Quora/Yahoo! Answers• single,&specific&value&proposiDon.& Redes sociais (Facebook, Twitter, Google+)• Blog e posts em blogs/fóruns sobre o assunto •  Split&test&and&iterate&rapidly.&• Cadastros em diretórios (TuneYourStartup, FeedMyApp, App do dia, Hubbl, etc.)
  • 20. Hora de testar a reação dos usuários THINK MAKE CHECK
  • 21. What’s&the&Point?& Métodos de teste (simples e rápidos) •  Controlled&experiment&(MVP)&• Testes A/B• Feedback em tempo real •  Get&people&to&convert&on&a&• single,&specific&value&proposiDon.& Mapas de clique, rolagem e atenção• Gravação de visitas •  Split&test&and&iterate&rapidly.&• Questionários, entrevistas e testes remotos
  • 22. What’s&the&Point?& Testes A/B • Google Analytics • Optimizely•  Controlled&experiment&(MVP)& • ABtests•  Get&people&to&convert&on&a& single,&specific&value&proposiDon.&•  Split&test&and&iterate&rapidly.&
  • 23. What’s&the&Point?& Calculando a amostra para o teste•  Controlled&experiment&(MVP)&•  Get&people&to&convert&on&a& single,&specific&value&proposiDon.&•  Split&test&and&iterate&rapidly.& http://www.marketingexperiments.com/blog/wp-content/uploads/SampleSizeCalculator5.xlsx
  • 24. What’s&the&Point?& Feedback em tempo real • Usabilla • Loop11•  Controlled&experiment&(MVP)& • IntuitionHQ • User testing•  Get&people&to&convert&on&a& single,&specific&value&proposiDon.&•  Split&test&and&iterate&rapidly.&
  • 25. MapasWhat’s&the&Point?& de clique, rolagem e atenção • Clicktale • Crazyegg•  Controlled&experiment&(MVP)&Analytics • Google•  Get&people&to&convert&on&a& single,&specific&value&proposiDon.&•  Split&test&and&iterate&rapidly.&
  • 26. What’s&the&Point?& Gravação de visitas • Clicktale•  Controlled&experiment&(MVP)& • Ghostrec•  Get&people&to&convert&on&a& single,&specific&value&proposiDon.&•  Split&test&and&iterate&rapidly.&
  • 27. What’s&the&Point?&Questionários, entrevistas e testes remotos • Ethnio • Skype•  Controlled&experiment&(MVP)& • Survey Monkey • Wufoo•  Get&people&to&convert&on&a& single,&specific&value&proposiDon.&•  Split&test&and&iterate&rapidly.&
  • 28. Você não precisa construir sozinho
  • 29. What’s&the&Point?& Referências de elementos e design•  Controlled&experiment&(MVP)&•  Get&people&to&convert&on&a& single,&specific&value&proposiDon.&•  Split&test&and&iterate&rapidly.&
  • 30. Perguntas? paulo.floriano@neuelabs.com @prfloriano neuelabs.comA apresentação está disponível em bit.ly/neuelabs