projeto visual email marketing submarino 2014
DESCRIPTION
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.TRANSCRIPT
Projeto Emailmarke.ng Submarino 2014. Emailmarke.ng / Criação Submarino.com Março de 2014
Análise Responsys + Desenvolvimento Submarino.com
Estrutura do Email
1 / 50
Análise Responsys.
Estruturação do layout de email sugerida pela Responsys + Estrutura pra.cada.
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
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
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)
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.
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.
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é
Organizando a casa.
Emails Automá.cos
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
Cadastro: Bem-‐Vindo An.go
Landing Page: Opt In
Landing Page: Opt Out
Cadastro: Double OptIn An.go
Aniversários An.go
Busca An.go
Abandono de Carrinho
An.go
Review An.go
Pesquisa
An.go
Oferta Wow ( Deal ) A oferta mais clicada do site.
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.
Oferta Wow Email -‐ Deal
An.go
Oferta Wow Email -‐ Deal
An.go
Emails de moda Mais es.lo no Submarino.
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.
Bem-‐Vindo Emails Moda
An.go
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.
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.
Campanhas Emails Moda
An.go
Campanhas Emails Moda
An.go
Campanhas Emails Moda
An.go
Rea.vações Mostrando as novidades para quem está desatualizado.
Rea.vação Email
① Novas forma de rea.var.
② Criar emails atra.vos para rea.vação.
③ Mostrar os produtos mais bacanas.
Rea.vação Email
An.go
Rea.vação Email
An.go
Rea.vação Email
An.go
CoolStuff A loja inspiração do Submarino.
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
CoolStuff Emails
An.go
CoolStuff Emails
An.go
CoolStuff Emails
An.go
CoolStuff Emails
An.go
Departamentos (Navegados) A melhor seleção do departamento para quem passou e não viu tudo.
Departamentos Email
① Para usúarios que navegaram em algum
departamento
② Emails personalizados com os ul.mos
lançamentos ou produtos em promoção.
Departamentos Email
① Para usúarios que navegaram em algum
departamento
② Emails personalizados com os ul.mos
lançamentos ou produtos em promoção.
Torpedos Submarino
As novidades do Submarino.
Torpedos
① Dar con.nuidade as campanhas.
② Comunicar de forma direta,
obje.va e atra.va.
Torpedos
① Dar con.nuidade as campanhas.
② Comunicar de forma direta,
obje.va e atra.va.
Obrigado!