O documento analisa e propõe melhorias no layout e estrutura de e-mails do projeto emailmarke.ng para o submarino.com, focando na organização visual, padronização de textos e aprimoramento da experiência do usuário. Sugestões incluem redução de tamanhos de cabeçalho e chamada para ação, além de modernização geral do layout e promoção de reengajamento. O texto também aborda a personalização de campanhas de e-mail, com ênfase em categorias como moda e ofertas especiais, visando aumentar a eficácia da comunicação com os clientes.

1. Projeto
Emailmarke.ng
Submarino
2014.
Emailmarke.ng
/
Criação
Submarino.com
Março
de
2014

2. Análise
Responsys
+
Desenvolvimento
Submarino.com
Estrutura
do
Email

3. 1
/
50
Análise
Responsys.
Estruturação
do
layout
de
email
sugerida
pela
Responsys
+
Estrutura
pra.cada.

4. Headers
Diminuição
da
altura
do
header,
replanejamento
do
conteúdo
necessário
destacamento
do
menu
e
links.
Diminuição
de
100px
na
altura.
Header
atual
Nova
proposta
205px
105px
Menu
Pre-­‐header
Links
de
ajuda
Add
o
email

5. 340
px
527
px
205
px
105
px
Call
To
Ac.on
Diminuição
da
altura
e
estudo
de
estrutura
para
o
Call
To
Ac.on.
Diminuição
de
187px
na
altura.
1
2
1
2
3
4
Call
to
Ac.on
atual
Call
to
Ac.on
proposta
+
dois
destaques
na
mesma
área

6. Call
To
Ac.on
Diminuição
da
altura
e
estudo
de
estrutura
para
o
Call
To
Ac.on.
Diminuição
de
187px
na
altura.
Escolha
Ver.cal
Escolha
Horizontal
1
2
1
2
+
dois
destaques
(Moda
/
Wow)

7. Banners,
Caronas,
Mensagens.
Organização
de
layout,
enquadramento,
diagramação
de
conteúdo,
destacamento
de
_tulos,
sub-­‐_tulos
e
preços.
Títulos
e
Sub
–
_tulos
na
mesma
cor
destacando
o
preço
de
cor
diferente
(Azul
Submarino).
Configuração
Título:
Arial:
16px
Color:
hex:
#626262
Configuração
Sub-­‐Título:
Arial:
12px
Color:
hex:
#626262
Só
o
preço
em
azul
para
se
destacar
no
meio
de
todo
conteúdo.
Configuração
Sub-­‐Título:
Arial:
24px
Color:
hex:
#00adef
Es.lo:
Bold
Padronizar
o
tamanho
das
imagens
dos
Caronas.
Padronizar
as
mensagens
extras.
Manter
as
distâncias
e
alinhamento
entre
Componentes.

8. Banners,
Caronas,
Mensagens.
Organização
de
layout,
enquadramento,
diagramação
de
conteúdo,
destacamento
de
_tulos,
sub-­‐_tulos
e
preços.
Manter
as
distâncias
e
alinhamento
entre
Componentes.
Sempre
manter
a
padronização
dos
textos.
Cuidado
com
os
exageros
de
tamanhos
de
fontes
dos
descontos
e
condições.
Usar
o
CallAc.on
sempre
que
for
preciso.
Em
caso
da
necessidade
de
vários
banners
juntos,
manter
a
leitura
e
organização
do
conteúdo
com
prioridades
de
destacamento.

9. Reenganjamento,
Menu
alterna.vo,
SM,
Polí.cas,
Links
de
rodapé.
Organização
de
layout,
enquadramento,
diagramação
de
conteúdo.
Tornar
o
rodapé
do
email
atraente
e
clicável
para
quem
chegou
até
ele.
Prestar
atencão
nas
artes
do
Cartão
e
mantê-­‐la
clean.
Buscar
métodos
de
Reengajamento
para
os
clientes
que
leêm
todo
email.
Links
e
Menus
Alterna.vos,
Social
Media,
Polí.cas
.
Rodapé

10. Organizando
a
casa.
Emails
Automá.cos

11. Emails
Automá.cos
① Obje.var
as
mensagens
② Tornar
os
links
e
imagens
mais
atra.vos
③ Aplicar
apenas
os
links
necessários
ao
email.
④ Modernizar
o
layout
⑤ Adicionar
sempre
que
possível
o
link
de
reengajamento.
Obje.var
a
mensagem.
Links
e
imagens
mais
atra.vos
Apenas
links
necessários
ao
email

12. Cadastro:
Bem-­‐Vindo
An.go

13. Landing
Page:
Opt
In

14. Landing
Page:
Opt
Out

15. Cadastro:
Double
OptIn
An.go

16. Aniversários
An.go
Email

17. Busca
An.go
Email

18. Abandono
de
Carrinho
An.go
Email

19. Review
An.go
Email

20. Pesquisa
An.go
Email

21. Oferta
Wow
(
Deal
)
A
oferta
mais
clicada
do
site.

22. Oferta
Wow
Email
-­‐
Deal
① Caracterização
do
email
Deal
Suba.
② Destaque
para
imagem
do
produto
③ Aplicar
apenas
os
links
necessários
ao
email.
④ Modernizar
o
layout
Valorização
da
Imagem.
Caracterização
do
Menu.

23. Oferta
Wow
Email
-­‐
Deal
An.go

24. Oferta
Wow
Email
-­‐
Deal
An.go

25. Emails
de
moda
Mais
es.lo
no
Submarino.

26. Moda
Emails
① Caracterização
do
email.
② Modelagem
de
imagens
para
moda
③ Aplicar
apenas
os
links
necessários
ao
email.
④ Modernizar
o
layout
Manter
os
es.los
das
fontes
do
GUIDE
Suba.
Caracterização
do
Menu.
Modelagens
mais
atra.vas
para
moda.

27. Bem-­‐Vindo
Emails
Moda
An.go

28. Campanhas
Emails
Moda
An.go
Manter
a
comunicação
de
Moda
com
es.los
de
Fontes
mais
finas.
Banners
obje.vos
e
limpos.
Dedicar
um
tempo
para
modelagens
de
imagens
atra.vas
no
email.

29. Campanhas
Emails
Moda
An.go
Banners
de
campanhas
das
marcas
que
levam
para
loja
no
Submarino.
Dedicar
um
tempo
para
modelagens
de
imagens
atra.vas
no
email.

30. Campanhas
Emails
Moda
An.go

31. Campanhas
Emails
Moda
An.go

32. Campanhas
Emails
Moda
An.go

33. Rea.vações
Mostrando
as
novidades
para
quem
está
desatualizado.

34. Rea.vação
Email
① Novas
forma
de
rea.var.
② Criar
emails
atra.vos
para
rea.vação.
③ Mostrar
os
produtos
mais
bacanas.

35. Rea.vação
Email
An.go

36. Rea.vação
Email
An.go

37. Rea.vação
Email
An.go

38. CoolStuff
A
loja
inspiração
do
Submarino.

39. CoolStuff
Emails
① Emails
por
temas?
② Emails
especias?
③ Produtos
bacanas
caros
x
Produtos
bacanas
acessíveis.
Caracterização
do
Menu.
Destaque
para
o
Subject
do
email.
Aproveitar
o
destaque
para
caracterizar
o
tema
do
email

40. CoolStuff
Emails
An.go

41. CoolStuff
Emails
An.go

42. CoolStuff
Emails
An.go

43. CoolStuff
Emails
An.go

44. Departamentos
(Navegados)
A
melhor
seleção
do
departamento
para
quem
passou
e
não
viu
tudo.

45. Departamentos
Email
① Para
usúarios
que
navegaram
em
algum
departamento
② Emails
personalizados
com
os
ul.mos
lançamentos
ou
produtos
em
promoção.

46. Departamentos
Email
① Para
usúarios
que
navegaram
em
algum
departamento
② Emails
personalizados
com
os
ul.mos
lançamentos
ou
produtos
em
promoção.

47. Torpedos
Submarino
As
novidades
do
Submarino.

48. Torpedos
① Dar
con.nuidade
as
campanhas.
② Comunicar
de
forma
direta,
obje.va
e
atra.va.

49. Torpedos
① Dar
con.nuidade
as
campanhas.
② Comunicar
de
forma
direta,
obje.va
e
atra.va.

50. Obrigado!