projeto web - resumo p1
TRANSCRIPT
![Page 1: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/1.jpg)
BEM VINDOS AO E-BRANDINGRENATO MELO – 2016
![Page 2: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/2.jpg)
O E-BRANDINGNÃO BASTA SER DIFERENTE E FAZER COISAS QUE NINGUÉM FAZ. TEM QUE
TER BOA IMAGEM E AGIR COMO HUMANO.
![Page 3: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/3.jpg)
O E-BRANDINGSIM, O SEGREDO É AGIR COMO UM HUMANO, OU BEM, QUASE ISSO...
VAMOS A ALGUNS EXEMPLOS?
![Page 4: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/4.jpg)
COMO SUA MARCA É VISTA NO DIGITAL
UM NOVO PÚBLICO ESTÁ À FRENTE E NÃO TOLERA OS ERROS DAS
EMPRESAS, ACEITOS PELA GERAÇÃO PASSADA
![Page 5: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/5.jpg)
PÚBLICO DIGITALÉ DIFERENTE DA MÍDIA DE MASSA
![Page 6: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/6.jpg)
![Page 7: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/7.jpg)
O E-BRANDING
CHICKEN FRIES ASSUME O TWITTER DO BRUGER KING
![Page 8: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/8.jpg)
O E-BRANDING
MUDE O COMPORTAMENTO!CASE DO PONTO FRIO
![Page 9: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/9.jpg)
TODDY BRASIL
CONEXÃO COM O PÚBLICO ALVO
![Page 10: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/10.jpg)
HEINEKEN NO SNAP
CONEXÃO COM O PÚBLICO ALVO
![Page 11: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/11.jpg)
NUBANK
NASCEU DIGITAL,PARA O PÚBLICO DIGITAL
![Page 12: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/12.jpg)
NUBANK
MIMOS PARA O CLIENTE, MESMO QUE PAREÇA CARO
(caro é trazer um cliente novo)
![Page 13: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/13.jpg)
FAQ PORVÍDEO.
RESPOSTASHUMANAS
![Page 14: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/14.jpg)
UX e UIInjeção de personalidade no seu brandingRENATO MELO - 2016
![Page 15: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/15.jpg)
“Você deve começar com a experiência do usuário e depois ir para a tecnologia”
![Page 16: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/16.jpg)
INTERNET ONTEM
Anúncios Sites Institucionais
![Page 17: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/17.jpg)
INTERNET HOJE: INTEGRAÇÃOE CONVERSÃO
Anúncios Sites Institucionais SEO Mobile
RedesSociais
Geo localização ConversãoNo PDV
Logística
![Page 18: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/18.jpg)
O CONCEITO
E-BRANDIN
G
UIUX
![Page 19: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/19.jpg)
UXExperiência do Usuário
![Page 20: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/20.jpg)
UX Design é o processo de aumentar a satisfação e
lealdade do cliente.
Como?Melhorando a usabilidade,
facilidade do uso e o prazer
proporcionado com a interação entre
consumidor e produto.
![Page 21: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/21.jpg)
UX Design
Conteúdo
![Page 22: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/22.jpg)
5 passos do UXEstratégia – Escopo – Estrutura –
Wireframe – Visual Design
![Page 23: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/23.jpg)
BriefingPergunte, pergunte e
pergunte até esgotar suas dúvidas. O site deve
converter em vendas!
![Page 24: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/24.jpg)
UXNa prática
![Page 25: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/25.jpg)
#1 – Refaça todos os passosSimule e trace com sua equipe todos
os passos que um usuário pode percorrer no seu site.
![Page 26: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/26.jpg)
#2 – Trace metas concretasO problema nunca será número de
visitas! Trace metas como aumentar número de leads, contatos,
orçamentos...
![Page 27: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/27.jpg)
Design Responsivo e Disposição:Passou de
500 inscrições para 1200 por
mês
![Page 28: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/28.jpg)
35% da operação do Call Center
existia apenas para responder uma demanda: Onde encontrar
a 2ª via do boleto.
![Page 29: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/29.jpg)
#3 – Faça um protótipoAntes de ir ao ar, faça um protótipo
para ver se todo seu projeto caminhou bem
![Page 30: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/30.jpg)
#4 – MétricasAvalie pouco a pouco seus resultados
via Google Analytics
![Page 31: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/31.jpg)
#5 – TráfegoSEO, Google Adwords e Redes Sociais vão aumentar o seu tráfego. Mas eles irão sair se o site não tiver um layout que prenda sua atenção e converta.
![Page 32: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/32.jpg)
UIInterface do Usuário
![Page 33: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/33.jpg)
UI é o processo de guiar visualmente o usuário através da
interface de um produto, utilizando
elementos interativos e em
todos os tamanhos / plataformas.
O UI é o responsável
pela UX
![Page 34: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/34.jpg)
UIIdeias para utilizar
![Page 35: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/35.jpg)
#1 – AgruparAgrupe funções similares ao invés de
fragmentá-las.
![Page 36: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/36.jpg)
#2 – Destaque a conversãoColoque cores e destaque somente a conversão. Tome cuidado para não
confundir e distrair seu usuário.
![Page 37: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/37.jpg)
#3 – Menos é maisColoque nos campos de formulário
somente o necessário.
![Page 38: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/38.jpg)
#4 – Excesso de linksSó use em caso de todos levarem ao
mesmo local. Tome cuidado em distrair demais seu usuário.
![Page 39: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/39.jpg)
#5 – Call to Action?Troque “Cadastre-se agora” por
“Quero receber as melhores ofertas”, por exemplo
![Page 40: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/40.jpg)
USABILIDADEComo aplicar no seus projetosRENATO MELO - 2016
![Page 41: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/41.jpg)
USABILIDADEE sua importância
![Page 42: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/42.jpg)
O QUE É USABILIDADE?
![Page 43: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/43.jpg)
SIMPLES E FUNCIONAL. DÁ PARA MELHORAR?
![Page 44: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/44.jpg)
WAZE: ROTAS SEGURAS
Muitas vezes o aplicativo induz o condutor a trafegar por ruas perigosas, expondo-os a riscos potenciais de
assaltos, violência e outros infortúnios.
![Page 45: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/45.jpg)
WAZE: ROTAS SEGURAS
API integrado com notícias ou cadastro de ocorrências ou a comunidade Waze poderia marcar alterações de
segurança e ganhar pontos.
![Page 46: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/46.jpg)
![Page 47: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/47.jpg)
RADARESO motorista não recebe alertas chamativos, tem que
prestar atenção no caminho e na tela do aplicativo a todo momento.
![Page 48: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/48.jpg)
MUDANÇAS + SINAL SONORO
![Page 49: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/49.jpg)
FORMULÁRIOSMedida é MP/H ao invés de KM/H o que pode confundir o
usuário.
![Page 50: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/50.jpg)
![Page 51: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/51.jpg)
USABILIDADETestes
![Page 52: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/52.jpg)
1) FEEDBACK
![Page 53: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/53.jpg)
até 0,1s: ideia de continuidade até 1s: delay percebido, mas okdepois de 10s: o usuário muda de tarefa.
O USUÁRIO NÃO QUER ESPERAR!
![Page 54: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/54.jpg)
A CADA 100 MILISSEGUNDOS DE TEMPO DE CARREGAMENTO DE PÁGINA REDUZ 1% DE VENDAS NA AMAZON.
AMAZON
![Page 55: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/55.jpg)
AO AUMENTAR O CARREGAMENTO DO SITE DE 0.4 PARA 0.9 SEGUNDOS, PERDEU 20% DA RECEITA EM PUBLICIDADE,
![Page 56: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/56.jpg)
2) PÁGINAS DE ERRO
O usuário deve saber o que está acontecendo em uma linguagem fácil.O usuário deve saber que a culpa não foi dele.O usuário deve conseguir voltar para o site.
![Page 57: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/57.jpg)
3) ERROS DE FORMULÁRIO
Nome:
Endereço:
CEP:
CPF:
Telefone:
Renato Melo
Rua dos Bobos, número zero
01234-000
12345678900
48 6666-6666
Houve um erro no preenchimento do formulário.
Onde?Não use espaços ou hifens no telefone. Utilize somente números.
13 6666-6666
![Page 58: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/58.jpg)
3) DADOS DO FORMULÁRIO
Remover um único campo do formulário (telefone) foi capaz de aumentar as conversões em 167%. A taxa média de
conversão da página foi de 20,18% para 53,90%.
Pense que para cada R$ 100 investidos em mídia anteriormente, agora conseguiríamos o mesmo resultado investindo apenas R$37,45, ou então teríamos quase três
vezes esse resultado se investíssemos o mesmo valor.
![Page 59: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/59.jpg)
4) CAIXA DE BUSCA
![Page 60: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/60.jpg)
5) ETAPAS DO SEU SITE
1. Escolhas dos produtos
2. Cadastro ou login
3. Entrega e embalagem
4. Pagamento
![Page 61: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/61.jpg)
Testes de Usabilidade
![Page 62: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/62.jpg)
TESTE COM USUÁRIOS!Nunca mencione a palavra teste, ela assusta as pessoas.
![Page 63: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/63.jpg)
Maior controle de dados e variáveis;Mais fácil de envolver o cliente;Maior custoUsuário pode se sentir desconfortávelComportamento distante do seu universo real
LABORATÓRIO
![Page 64: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/64.jpg)
Mais barato;Usuário se sente mais a vontade;Mais próximo de seu uso real;Menor controle dos dados e variáveisDificuldade de envolver o cliente (quem contrata)
AMBIENTE DO USUÁRIO
![Page 65: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/65.jpg)
Laboratório
Medir performance (tempo, número de
erros)Produção acadêmica (maior “aceitação”
científica para teses, artigos e dissertações)Estudos permanentes com equipe dedicada
(Globo, Nokia)
Ambiente do Usuário
Obter feedback rápidoProjetos com recursos
reduzidosTestar conceitos e
interfaces em fases iniciais de design
![Page 66: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/66.jpg)
USABILIDADEPesquisas com Usuários
![Page 67: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/67.jpg)
Perguntas abertas são aquelas que permitem ao participante responder da forma que quiser, no formato que quiser, e com a profundidade e duração que quiser.
Perguntas abertas vs. Perguntas
fechadas
![Page 68: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/68.jpg)
Perguntas fechadas são aquelas que podem ser respondidas com um “Sim? ou “Não”, ou outra opção sugerida.
Perguntas abertas vs. Perguntas
fechadas
![Page 69: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/69.jpg)
Perguntas fechadas funcionam melhor para questionários quantitativos (porcentagem de sim ou não). Já para usabilidade, o melhor é utilizar questões abertas.
Perguntas abertas vs. Perguntas
fechadas
![Page 70: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/70.jpg)
USABILIDADESoluções Nielsen
![Page 71: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/71.jpg)
MUDANÇAS:De: A interface agiu como esperado?
Para: O que você esperava queacontecesse quando você ____?
![Page 72: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/72.jpg)
MUDANÇAS:De: Você encontrou o que procurava?
Para: Onde você encontrou o item?
![Page 73: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/73.jpg)
MUDANÇAS:De: Você acha que usaria esse
produto?
Para: Como você acha que esse produto se encaixaria no seu trabalho?
![Page 74: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/74.jpg)
MUDANÇAS:De: Você achou fácil de usar?
Para: Qual a parte mais confusa da experiência?
![Page 75: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/75.jpg)
USABILIDADERoteiro
![Page 76: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/76.jpg)
• Planejar o teste: com quantas pessoas?• Criar um roteiro: como devem ser as
perguntas?• Moderação do teste: o que fazer e o que
não fazer, exercício prático• Como analisar: o que observar, o que
fazer com as informações obtidas• Como adaptar: teste mobile, teste
caseiro, teste em contexto de uso
![Page 77: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/77.jpg)
ConversãoTestes, Vendas e Landing PagesRENATO MELO - 2016
![Page 78: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/78.jpg)
ConversãoFazer seu usuário agir da forma desejada e mensurável
![Page 79: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/79.jpg)
CONVERSÃOLANDING PAGE
![Page 80: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/80.jpg)
PÁGINA ÚNICA PARA SOLICITAR OPT-IN DE
E-MAIL E GERAR LEADS
![Page 81: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/81.jpg)
ANTES DE TUDO PENSE
EM UM PRÊMIO!
![Page 82: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/82.jpg)
HOTEL = GUIA COMPLETO DA
CIDADE
![Page 83: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/83.jpg)
CONVERSÃOTamanho da Página
![Page 84: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/84.jpg)
662% de aumento na taxa de conversão.
![Page 85: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/85.jpg)
Então, qual é a relação entre o
tamanho da página e a taxa de conversão?
![Page 86: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/86.jpg)
NÃO HÁ RELAÇÃO!!
TESTE!!
![Page 87: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/87.jpg)
![Page 88: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/88.jpg)
CONVERSÃODesejo de Recompensa
![Page 89: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/89.jpg)
Apelo informacional. Exemplo:Comprar um freezer novo para deixar as bebidas geladas mais rapidamente
Tangível
![Page 90: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/90.jpg)
Apelo Transformacional. Exemplo:Comprar uma caneta de grife para simbolizar sucesso e status social
Intangível
![Page 91: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/91.jpg)
Possibilitar ao usuário dar acesso a músicas ilimitadas para toda sua família por um preço acessível. Este é um apelo que apresenta um benefício tangível
![Page 92: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/92.jpg)
CONVERSÃOMedo da Punição
![Page 93: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/93.jpg)
O medo da punição está relacionado à nossa vontade de não sermos privados de algo que temos ou que gostaríamos de obter.
![Page 94: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/94.jpg)
Apelo informacional. Exemplo:Não perder a chance de assistir ao jogo do seu time comprando o pacote da TV por assinatura
Tangível
![Page 95: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/95.jpg)
Apelo Transformacional. Exemplo:Não criar memórias incríveis ao deixar de passar o Revéillon em Copacabana
Intangível
![Page 96: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/96.jpg)
Recompensa x Punição
![Page 97: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/97.jpg)
O Booking é basicamente um site que utiliza muito bem apelos que enfatizam o medo da punição e também o desejo de recompensa. Nesta imagem, vemos a utilização do medo da punição associado à criação de um senso de urgência, que incentiva o usuário a agir imediatamente.
![Page 98: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/98.jpg)
CONVERSÃOPunição ou Recompensa?
![Page 99: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/99.jpg)
A escolha está relacionada à característica do seu produto e sua proposta de valor, assim como ao comportamento do seu cliente em potencial enquanto está navegando em seu site.
![Page 100: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/100.jpg)
Uma dica muito valiosa é que você pode testar duas versões da sua página em um Teste A/B e verificar qual desses motivadores fundamentais é mais poderoso em termos de levar os usuários à conversão.
![Page 101: Projeto WEB - Resumo P1](https://reader038.vdocuments.net/reader038/viewer/2022110218/5871aa9a1a28abda6a8b55fd/html5/thumbnails/101.jpg)
ESTA AULA ESTÁDISPONÍVEL EM:renatomelo.com.br/slides
ou no grupo do Facebook:bit.ly/gruporenato