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. 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.&

4. 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?

5. What’s&the&Point?&
7 elementos de uma boa landing page
1. 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.com
7. Elementos de pós-conversão

6. 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.

8. 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.&

9. 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%

10. 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)

11. 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 produto
x Fotos genéricas de bancos de imagens
• Split&test&and&iterate&rapidly.&
x Vídeos mal produzidos

14. 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)

17. 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

19. What’s&the&Point?&
Teste alternativas
• Controlled&experiment&(MVP)&
• Get&people&to&convert&on&a&
single,&specific&value&proposiDon.&
• Split&test&and&iterate&rapidly.&

20. 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.&

21. 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.&

22. 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.&

23. 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

24. 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

26. 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.&

28. 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.)

29. Hora de testar a reação dos usuários
THINK
MAKE
CHECK

30. 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

31. 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.&

32. 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

33. 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.&

34. 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.&

35. 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.&

36. 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.&

37. Você não precisa construir sozinho

38. 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.&

39. Perguntas?
paulo.floriano@neuelabs.com
@prfloriano
neuelabs.com
A apresentação está disponível em
bit.ly/neuelabs