Redesign e atualização dos emails marketing do Submarino.com. Projeto desenvolvido com a equipe de email focando nos resultados de taxas de cliques e conversão.
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é
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
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.
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.
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.
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