Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Projeto Visual Email Marketing Submarino 2014.

2,320 views

Published on

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.

Published in: Marketing

Projeto Visual Email Marketing Submarino 2014.

  1. 1. Projeto  Emailmarke.ng   Submarino  2014.   Emailmarke.ng  /  Criação  Submarino.com   Março  de  2014  
  2. 2. Análise  Responsys  +  Desenvolvimento  Submarino.com   Estrutura  do  Email  
  3. 3. 1  /  50   Análise  Responsys.   Estruturação  do  layout  de  email  sugerida     pela  Responsys  +  Estrutura  pra.cada.  
  4. 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. 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. 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. 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. 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. 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. 10. Organizando  a  casa.   Emails  Automá.cos  
  11. 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. 12. Cadastro:   Bem-­‐Vindo   An.go  
  13. 13. Landing  Page:   Opt  In  
  14. 14. Landing  Page:   Opt  Out  
  15. 15. Cadastro:   Double  OptIn   An.go  
  16. 16. Aniversários   An.go   Email  
  17. 17. Busca   An.go   Email  
  18. 18. Abandono  de  Carrinho   An.go   Email  
  19. 19. Review   An.go   Email  
  20. 20. Pesquisa   An.go   Email  
  21. 21. Oferta  Wow  (  Deal  )   A  oferta  mais  clicada  do  site.  
  22. 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. 23. Oferta  Wow     Email  -­‐  Deal   An.go  
  24. 24. Oferta  Wow     Email  -­‐  Deal   An.go  
  25. 25. Emails  de  moda   Mais  es.lo  no  Submarino.  
  26. 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. 27. Bem-­‐Vindo   Emails  Moda   An.go  
  28. 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. 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. 30. Campanhas   Emails  Moda   An.go  
  31. 31. Campanhas   Emails  Moda   An.go  
  32. 32. Campanhas   Emails  Moda   An.go  
  33. 33. Rea.vações   Mostrando  as  novidades  para  quem  está  desatualizado.  
  34. 34. Rea.vação   Email   ①  Novas  forma  de  rea.var.   ②  Criar  emails  atra.vos  para  rea.vação.   ③  Mostrar  os  produtos  mais  bacanas.  
  35. 35. Rea.vação   Email   An.go  
  36. 36. Rea.vação   Email   An.go  
  37. 37. Rea.vação   Email   An.go  
  38. 38. CoolStuff   A  loja  inspiração  do  Submarino.  
  39. 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. 40. CoolStuff   Emails   An.go  
  41. 41. CoolStuff   Emails   An.go  
  42. 42. CoolStuff   Emails   An.go  
  43. 43. CoolStuff   Emails   An.go  
  44. 44. Departamentos  (Navegados)   A  melhor  seleção  do  departamento  para  quem  passou  e  não  viu  tudo.  
  45. 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. 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. 47. Torpedos  Submarino   As  novidades  do  Submarino.  
  48. 48. Torpedos   ①  Dar  con.nuidade  as  campanhas.   ②  Comunicar  de  forma  direta,     obje.va  e  atra.va.    
  49. 49. Torpedos   ①  Dar  con.nuidade  as  campanhas.   ②  Comunicar  de  forma  direta,     obje.va  e  atra.va.    
  50. 50. Obrigado!  

×