55
Como usar Design para Converter mais Leads e fechar mais vendas

Design para conversão

Embed Size (px)

Citation preview

Page 1: Design para conversão

Como usar Design para Converter mais Leads e fechar mais vendas

Page 2: Design para conversão

O que é design?

Page 3: Design para conversão
Page 4: Design para conversão
Page 5: Design para conversão
Page 6: Design para conversão

Design é transformar complexas ideias em

simples soluções“

Page 7: Design para conversão

Simples, sem ser simplista…

Page 8: Design para conversão

1 9 2 3 2 0 1 5 4 1 2 07 4 3 8 9 1 4 3 8 6 8 55 9 7 5 1 9 1 7 9 1 6 41 0 6 1 6 2 5 8 6 8 5 21 4 8 5 7 1 0 2 1 0 6 18 2 1 8 2 5 3 4 7 2 9 8

Page 9: Design para conversão

3? 4? 5? 6? 7?

Page 10: Design para conversão

1 9 2 3 2 0 1 5 4 1 2 07 4 3 8 9 1 4 3 8 6 8 55 9 7 5 1 9 1 7 9 1 6 41 0 6 1 6 2 5 8 6 8 5 21 4 8 5 7 1 0 2 1 0 6 18 2 1 8 2 5 3 4 7 2 9 8

Page 11: Design para conversão

1 9 2 3 2 0 1 5 4 1 2 07 4 3 8 9 1 4 3 8 6 8 55 9 7 5 1 9 1 7 9 1 6 41 0 6 1 6 2 5 8 6 8 5 21 4 8 5 7 1 0 2 1 0 6 18 2 1 8 2 5 3 4 7 2 9 8

Page 12: Design para conversão

1 9 2 3 2 0 1 5 4 1 2 07 4 3 8 9 1 4 3 8 6 8 55 9 7 5 1 9 1 7 9 1 6 41 0 6 1 6 2 5 8 6 8 5 21 4 8 5 7 1 0 2 1 0 6 18 2 1 8 2 5 3 4 7 2 9 8

Page 13: Design para conversão

1 9 2 3 2 0 1 5 4 1 2 07 4 3 8 9 1 4 3 8 6 8 55 9 7 5 1 9 1 7 9 1 6 41 0 6 1 6 2 5 8 6 8 5 21 4 8 5 7 1 0 2 1 0 6 18 2 1 8 2 5 3 4 7 2 9 8

Page 14: Design para conversão

1 9 2 3 2 0 1 5 4 1 2 07 4 3 8 9 1 4 3 8 6 8 55 9 7 5 1 9 1 7 9 1 6 41 0 6 1 6 2 5 8 6 8 5 21 4 8 5 7 1 0 2 1 0 6 18 2 1 8 2 5 3 4 7 2 9 8

Page 15: Design para conversão

</ Webdesign >

Page 16: Design para conversão

Estudo sobre webdesign

Page 17: Design para conversão

8 Segundos…

Page 18: Design para conversão
Page 19: Design para conversão

- = +

Page 20: Design para conversão

Design para Capturar emails

Page 21: Design para conversão

10 lugares em um blog para atrair mais emails

Page 22: Design para conversão

Caixa em destaque

#1

Page 23: Design para conversão

Topo do artigo

#2

Page 24: Design para conversão

Sidebar

#3

Page 25: Design para conversão

No meio do artigo

#4

Page 26: Design para conversão

Final do Artigo

#5

Page 27: Design para conversão

Footer

#6

Page 28: Design para conversão

Página Sobre #7

Page 29: Design para conversão

Hello Bar

#8

Page 30: Design para conversão

Exit Pop-Up

#9

Page 31: Design para conversão

Menu de Navegação

#10

Page 32: Design para conversão

Design para Conversão

Page 33: Design para conversão

#1: Envolvimento

Page 34: Design para conversão
Page 35: Design para conversão
Page 36: Design para conversão

#2: Contraste e Cor

Page 37: Design para conversão
Page 38: Design para conversão
Page 39: Design para conversão

#3: Direções

Page 40: Design para conversão
Page 41: Design para conversão
Page 42: Design para conversão

Caso de Sucesso

Page 43: Design para conversão

Crie um blog profissional facilmente em tempo recorde

Page 44: Design para conversão
Page 45: Design para conversão
Page 46: Design para conversão
Page 47: Design para conversão
Page 48: Design para conversão
Page 49: Design para conversão
Page 50: Design para conversão

133% Mais Emails

65%74%40”

Mais Visitantes

Mais Páginas Visitadas

Mais Tempo no Site

Page 51: Design para conversão

Uma avó, um neto e um iPad

Page 52: Design para conversão

Nunca adie um sonho

“Design não é apenas o que parece e o que se sente. Design é como funciona."

- Steve Jobs

Page 53: Design para conversão
Page 54: Design para conversão
Page 55: Design para conversão

Muito Obrigado!