Fast tracks: E-Mail Marketing para Mobile - Edson Barbieri

719 visualizações

Publicada em

Fast tracks: E-Mail Marketing para Mobile

Edson Barbieri, Managing Director da ExactTarget Brazil
Conrado Muller, Diretor Comercial da Virtual Target
Augusto Rocha, Sales Manager da Responsys Brasil

Apresentação feita durante o Congresso E-Commerce Brasil Search & Vendas 2013. Mais informações, acesso: http://www.ecommercebrasil.com.br/eventos/congresso-e-commerce-brasil-de-search-vendas-2013/

Publicada em: Educação
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Fast tracks: E-Mail Marketing para Mobile - Edson Barbieri

  1. 1. EMAIL MARKETING Email Marketing para Mobile Edson Barbieri PARA MOBILE Managing Director, ExactTarget Brasil Edson Barbieri, Managing Director ExactTarget Brasil
  2. 2. O ACESSO A EMAIL VIA MOBILE
  3. 3. Market Share – Email Client Email Client % de Uso iPhone 24% Outlook 16% iPad 11% Apple Mail 10% 42% Live Hotmail 7% Mobile Google Android 7% Yahoo! Mail 7% Gmail 4% Windows Live Mail 3% Yahoo! Mail Classic 1%
  4. 4. EXPERIÊNCIADO USUÁRIO
  5. 5. Processo de Conversão
  6. 6. Processo de ConversãoExperiência Mobile sem Sucesso
  7. 7. O Usuário MobileEla está…Ouvindo músicaEnviado/recebendo SMSsUsando SkypeNo YoutubeEm uma ligaçãoChecando emailsNavegandoTwittandoetc… Todas as midias em um ´ unico dispositivo... Grande expectativa ao visualizar emails.
  8. 8. O Usuário Mobile A experiência mobile é interativa. Emails são vistos fase a fase. De Assunto Cabeçalho Notificação Viewport Rolagem da Tela
  9. 9. O Usuário Mobile De Assunto Cabeçalho Viewport Rolagem da Tela
  10. 10. O Usuário Mobile From Name Subject Line Preheader Viewport Rolagem da Tela Aprox. 320x480px
  11. 11. Qual a diferença entre os dispositivos? Telas Menores & Interfaces Touch
  12. 12. DESIGNPARA MOBILE
  13. 13. Pequenas Telas: Design Básico • Interface touch = botões maiores • Conteúdo no topo: pense em uma hierarquia top-down • Layout de uma única coluna • Considere uma navegação completa até o rodapé • Aumente o tamanho do texto para garantir uma boa leitura • Utilize contraste para garantir uma boa leitura em diferentes níveis de brilho. • Não exagere no conteúdo na visualização inicial inicial – priorize a clareza do conteúdo. BOM MUITO BOM EXCELENTE!!
  14. 14. Interface TouchInspire-se nos designs inovadores de Apps!Botões devem ser atrativos para estimular o seu uso! http://www.mobile-patterns.com
  15. 15. SOLUÇÃO
  16. 16. Caixas de Entrada Mobile – Abordagens… 1 Básica Melhorias simples sem segredos. Apenas ajustes de design 2 Responsiva Proporcione uma experiência Mobile customizada. Design especial + código
  17. 17. Simples Bom ExcelenteDesktop Mobile Respons ivo
  18. 18. Caixas de Entrada Mobile – Abordagens… 1 Básica Estabeleça um visual mobile amigável e sem excessos • Coluna única • Informação Principal & CTA na coluna esquerda • Textos e Botões grandes
  19. 19. Planeje sua campanha Mobile. Importante: colunaunica, imagens, textos e botoes grandes.
  20. 20. l,Imagens, cabecalhos e botoes grandes criam um ~ ´ ,estilo facil de manter e que geram bons resultadosem ambos ambientes: Desktop & Mobile.
  21. 21. Caixas de Entrada Mobile – Abordagens…2 ResponsivaDesign web responsivo representaum conjunto de técnicas utilizadaspara desenvolver layouts comrenderização otimizada paraqualquer tela e/ou plataforma emque seja apresentado.• Grids• Media querries• Imagens ajustáveis Photo: http://en.wikipedia.org/wiki/Responsive_web_design
  22. 22. Email Responsivo: @Media Basics600 px em multiplasemail becomes 320px, single 600px, multi-column colunas transforma-se em column. 320px em coluna unica. @media screen and (max-width: 480px) {…}
  23. 23. Email Responsivo: 5 Táticas 1 Empilhar 1 2 2 Ocultar 1 2 1 Substituir 1 2 3 Redimensionar Responsive Responsive Reestilizar Responsive Responsive
  24. 24. 3. Resize, Restyle, RemoveRedimensionar, Reestilizar, Remover
  25. 25. Email Responsivo: 3 Abordagens de Layout Estreitar Alongar Deslocar http://www.lukew.com/ff/entry.asp?1514
  26. 26. Email Responsivo: Complexidade Recursos Básicos Recursos Especializados WYSIWYG Alterar Código Email Data Driven Editor Códigos Customizado Responsivo Email & Gráficos & Design
  27. 27. Importante considerar…“Nunca penalize os´usuarios por visitar seu siteem dispositivos com telaspequenas.” Brad Frost Responsive web leader/publisher
  28. 28. EXEMPLOS
  29. 29. CASOS DESUCESSO
  30. 30. ESTUDO DE CASO: Rewards NetworkPor que uma abordagem Mobile?• Aberturas mobile estão aumentando entre os usuários• A legibilidade Mobile foi baixa com emails existentes• Aumento do foco em experiências Mobile como estratégia de Marketing
  31. 31. BeforeAntes
  32. 32. AfterDepois
  33. 33. RESULTADOS• Redução da quantidade de templates de email• Expansão da estratégia de email marketing para atender as necessidades do negócios• Incremento da taxa de cliques em mais de 25% na principal campanha de email
  34. 34. PERGUNTAS…
  35. 35. OBRIGADO!Edson BarbieriManaging Director, ExactTarget Brasil@ebarbieri

×