O documento discute os desafios e limitações do email marketing responsivo, enfatizando a importância de ajustar as expectativas de designers, desenvolvedores e clientes devido à fragmentação entre programas de email e dispositivos. Também recomenda aprimorar progressivamente os templates levando em conta as capacidades de cada programa.

1. Preparando o terreno para
o email marketing responsivo
Por Juliana Padron

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. 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. 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. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados.

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. 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. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados.
fragmentação - viewports dos aparelhos
http://opensignal.com/reports/fragmentation.php

9. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados.
programas de email

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. Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados.
ajustes de expectativas
designer HTMLer ESP
programa
de email
cliente destinatário

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. 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. 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. 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. 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. 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. 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. 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. obrigada!
juliana@templateria.com
@julliejoe