Preparando o terreno para o email marketing responsivo - Juliana Padron

Preparando o terreno para o email marketing responsivo

Por Juliana Padron

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


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.


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).



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.


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.


fragmentação - viewports dos aparelhos

http://opensignal.com/reports/fragmentation.php


programas de email


Um email marketing responsivo não éum email que é exibido igual

em todos os aparelhos e apps.


ajustes de expectativas

designer HTMLer ESP programade emailcliente 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?




• 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?




• 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?




• 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?




• 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.




• 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?


aprimoramento progressivo

• Aproveitar o que cada programa de email tem de melhor.

• Aceitar as diferenças e…


…entregar a melhor experiência que o destinatário (não o remetente) pode ter.

[email protected]@julliejoe

Internet

Preparando o terreno para o email marketing responsivo - Juliana Padron