Preparando o terreno para o email marketing responsivo - Juliana Padron
-
Upload
media-education -
Category
Internet
-
view
314 -
download
0
Transcript of Preparando o terreno para o email marketing responsivo - 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
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.
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).
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.
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.
Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados.
fragmentação - viewports dos aparelhos
http://opensignal.com/reports/fragmentation.php
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.
Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados.
ajustes de expectativas
designer HTMLer ESP programade emailcliente destinatário
Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados.
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?
Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados.
ajustes de expectativas
designer HTMLer ESP programade emailcliente 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?
Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados.
ajustes de expectativas
designer HTMLer ESP programade emailcliente 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?
Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados.
ajustes de expectativas
designer HTMLer ESP programade emailcliente 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?
Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados.
ajustes de expectativas
designer HTMLer ESP programade emailcliente 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.
Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados.
ajustes de expectativas
designer HTMLer ESP programade emailcliente 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?
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…
Copyright © 2016 Templateria Ltda EPP. Todos os direitos reservados.
…entregar a melhor experiência que o destinatário (não o remetente) pode ter.
[email protected]@julliejoe