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.

Preparando o terreno para o email marketing responsivo - Juliana Padron

490 views

Published on

Por Juliana Padron - Templateria
#EmailNaCapser

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Preparando o terreno para o email marketing responsivo - Juliana Padron

  1. 1. Preparando o terreno para
 o email marketing responsivo Por Juliana Padron
  2. 2. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados. sobre... • +10 anos de experiência em email marketing • Design e HTML de templates de email marketing • Plataforma de envio de email marketing
  3. 3. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados. em pouco mais de um ano… • Yahoo! mail ameaçado com venda do Yahoo! e nova marca. • Terra Mail é cancelado em 7 dos 8 países em que opera. • Apple lança nova linha de iPhones com retina @3. • R7 muda seu webmail. • UOL muda seu webmail. • Gmail passa a suportar media queries. • Microsoft migra 100% do Hotmail para outlook.com. • Microsoft lança novo OS com novo programa de email e se compromete com melhorias para o Outlook.
  4. 4. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados. Template de email marketing responsivo • Layout fluido; • Um ou mais breakpoints; • Imagens fluidas e/ou otimizadas; • Pequenas otimizações de texto e layout
 (alinhamentos, espaçamentos, fundos etc).
  5. 5. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados.
  6. 6. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados. desafios • botões • menus • links inline • imagens • tabelas • itens interativos Repensar os elementos de interface: Ficar sempre de olho: • nas novas tecnologias móveis (ex.: retina display); • nos sistemas operacionais; • nos programas de emails.
  7. 7. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados. limitações • não dá pra identificar os apps de email mais utilizados pelos destinatários no celular. • não dá pra exibir conteúdos diferentes para cada programa de email. • não dá pra exibir um conteúdo pra mobile e outro para desktop. • estrangeiros programam RED diferente de nós. • app do outlook.com é muito inconsistente.
  8. 8. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados. fragmentação - viewports dos aparelhos http://opensignal.com/reports/fragmentation.php
  9. 9. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados. programas de email
  10. 10. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados. Um email marketing responsivo não é
 um email que é exibido igual
 em todos os aparelhos e apps.
  11. 11. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados. ajustes de expectativas designer HTMLer ESP programa de email cliente destinatário
  12. 12. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados. ajustes de expectativas designer HTMLer ESP programa de email cliente destinatário • sabe o que é um email responsivo? • sabe que o email vai se comportar diferente em cada app? • sabe que o resultado não será 100% fiel à sua identidade visual? • tem suas landings pages igualmente responsivas?
  13. 13. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados. ajustes de expectativas designer HTMLer ESP programa de email cliente destinatário • sabe HTML para email marketing? • sabe que o HTML poderá não ser 100% fiel ao seu design? • sabe que o email vai se comportar diferente em cada app?
  14. 14. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados. ajustes de expectativas designer HTMLer ESP programa de email cliente destinatário • sabe HTML para email marketing? • tem liberdade de tomada de decisões sobre o design recebido? • conhece o ESP que será usado para o envio do email marketing?
  15. 15. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados. ajustes de expectativas designer HTMLer ESP programa de email cliente destinatário • altera, de alguma forma, o código HTML fornecido? • tem suporte a media queries? • fornece relatórios dos programas de email usados pelos destinatários? • restringe o tamanho do HTML e imagens que podem ser cadastrados?
  16. 16. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados. ajustes de expectativas designer HTMLer ESP programa de email cliente destinatário • tem seu próprio suporte a HTML e CSS; • muda seu suporte a qualquer momento, para melhor e para pior; • variável parcialmente controlável.
  17. 17. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados. ajustes de expectativas designer HTMLer ESP programa de email cliente destinatário • usa um programa de email que não foi considerado no desenvolvimento? • utilizará os apps da forma que esperamos? • saberá compreender a estrutura do email responsivo?
  18. 18. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados. aprimoramento progressivo • Aproveitar o que cada programa de email tem de melhor. • Aceitar as diferenças e…
  19. 19. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados. …entregar a melhor experiência que o destinatário (não o remetente) pode ter.
  20. 20. obrigada! juliana@templateria.com @julliejoe

×