Aumente a visibilidade do seu e-mail marketing com um design responsivo

E-mail marketing responsivo
Imagem ilustrativa: E-mail marketing responsivo

Não é de hoje que as empresas investem massivamente na comunicação com os clientes divulgando suas novidades e promoções por e-mail marketing. No entanto, nos últimos anos os dispositivos móveis cresceram expressivamente e, desta forma, os desktops e os notebooks deixaram de ser as únicas formas de acesso dos usuários.

Segundo um estudo realizado pela F/Nazca, em parceria com o Datafolha, mais de 43 milhões de pessoas acessam a internet pelo celular no Brasil. Elas não esperam mais chegar em casa ou na mesa do trabalho para checar seus e-mails, fazer contatos e até mesmo realizar compras. Sendo assim, para aumentar a visibilidade do e-mail marketing, é preciso ir além de um conteúdo atraente, inovador e direcionado: é necessário que você se preocupe com a experiência do usuário em todos os canais de acesso, principalmente, neste contexto, no mobile.

Para isso, é preciso estar atento ao desenvolvimento de suas campanhas com um design responsivo. Ou seja, que possa ser acessado e bem visualizado em qualquer plataforma, independentemente do tamanho das telas e das resoluções dos gadgets. Confira as dicas para aumentar a visibilidade do seu e-mail marketing e, consequentemente, os retorno sobre o investimento em suas campanhas:

Entenda as necessidades do mobile

Não é por que um conteúdo abre no dispositivo móvel que ele está totalmente adequado à plataforma utilizada. É preciso que a acessibilidade e a usabilidade sejam pensadas com foco nestes meios de comunicação. A facilidade de abrir e compreender a mensagem de um e-mail marketing no smartphone, por exemplo, deve ser a mesma quando visualizada através de um notebook. Além disso, sua leitura e uso devem ser confortáveis ao usuário, principalmente no que compreende aos botões de Call to Action.

Facilite o acesso e abertura dos e-mails

Com a correria do dia a dia, é nos dispositivos móveis que as pessoas fazem o primeiro contato com seus e-mails. O que normalmente ocorre é que elas recebem as mensagens, visualizam e, caso possua interesse, deixam para visualizá-las novamente em outro momento. Portanto, se a mensagem não abre corretamente nestes dispositivos ou é muito pesada, é bastante provável que ele vá para a lixeira e não seja visto novamente.

Defina tamanhos adequados de fonte

Uma fonte muito grande ou pequena pode impactar negativamente na experiência dos usuários, fazendo com que eles desistam de ler seu e-mail. Alguns aparelhos já possuem funções específicas para ajustar o tamanho da letra, no entanto, para não correr este risco, o ideal é planejar o conteúdo para uma leitura agradável.

Monitore o engajamento dos usuários

Existem diversas formas de mensurar quanto e de que forma o seu e-mail marketing tem atingido seu público-alvo. Desta forma, é possível fazer ajustes e melhorias conforme as necessidades diagnosticadas garantindo, assim, uma maior assertividade e maior retorno sobre o investimento.

Muitas empresas ainda estão engatinhando na questão do design responsivo, mas as que já apostam nessa tendência saem expressivamente na frente garantindo bons retornos por meio dos dispositivos móveis. A realidade é que cada vez mais as pessoas farão seus acessos por dispositivos mobile e, por isso, é fundamental que você desenvolva campanhas com design responsivo.

Agora que você já conhece as vantagens do design responsivo para o desempenho de suas campanhas de e-mails marketing, que tal começar a utilizá-lo? Caso você tenha ficado com dúvidas, deixe seu comentário abaixo!

Texto de André Metzen, publicado originalmente no iMasters.

Dicas criativas para maximizar sua taxa de abertura de e-mails

Maximizando abertura de e-mails
Imagem ilustrativa: Maximizando abertura de e-mails

O assunto é a porta de entrada à nossa campanha de e-mail marketing. Na hora de definir um assunto, não existe muita margem entre o sucesso e o fracasso. No artigo a seguir falarei sobre algumas dicas que te ajudarão a escolher o assunto que melhor se adapte à sua mensagem e ao seu target.

Hoje em dia, o tempo e a atenção do nosso público-alvo representam dois dos ativos mais valiosos a serem capturados por qualquer marca. É por isso que no momento de definir o assunto de nossa campanha, necessitamos potencializar nossa capacidade criativa ao máximo para melhorar a taxa de abertura.

A seguir apresento uma série de conselhos com maior foco no aspecto criativo. Anote tudo e consiga uma taxa de abertura sensacional! E mais, indico o download grátis do simples e objetivo ebook “O ABC do E-mail Marketing”!

1. Relaxe e crie

É importante que você dedique tempo e espaço no momento de definir o assunto. Procure deixar de lado qualquer outra tarefa que possa te distrair. Tenha foco e então você obterá melhores resultados.

2. Estude seu target

Na hora de definir seu assunto, é indispensável ter em conta o perfil demográfico do seu público-alvo. Adapte seu tom e estilo com base nesse target e assim você obterá melhor taxa de abertura.

3. Pense em 50 caracteres

Existe uma regra de ouro: seu assunto não deve superar os 50 caracteres. Certifique-se de que está fazendo isso, caso queira capturar a atenção do seu público e mostrar-se nos distintos clientes de e-mail, em todos os dispositivos e resoluções de telas disponíveis.

4. Inspire-se no conteúdo da campanha

Não é necessário recorrer a fórmulas estranhas para definir o assunto de sua campanha. No próprio conteúdo do seu e-mail você encontrará uma das melhores fontes de inspiração. Uma vez que você tenha claro o que quer comunicar e como o fará, será mais simples criar um bom assunto.

5. Não para no tempo

O feito de que suas últimas campanhas tenham obtido uma alta taxa de abertura não quer dizer que está tudo bem. Um estilo de assunto que hoje tem bastante sucesso pode não gerar o mesmo impacto no futuro. Mantenha-se sempre atualizado sobre as últimas tendências e não deixe de analisar os resultados de suas campanhas.

6. Trabalhe em equipe

As ideias podem ser individuais, mas nada melhor que o trabalho em equipe na hora de melhorá-las. Apoie-se em sua equipe de trabalho e escute a opinião de seus colegas sobre o assunto de sua próxima campanha.

7. Destaque seu produto ou notícia mais importante

Aproveite o impacto de uma notícia importante ou de um novo produto que seus clientes estavam esperando e foque nisso na hora de definir o assunto. Desta forma você terá mais chances de aumentar suas aberturas.

8. Analise os resultados de campanhas anteriores

O melhor assunto é basicamente o que gera melhores resultados. Evite o improviso. Analise as métricas de suas campanhas anteriores e defina um assunto alinhado com aqueles que tenham obtido um desempenho acima da média.

9. Teste

Testar o assunto é a melhor forma de estabelecer o estilo que melhor se adapte ao seu target. Ao usar Campanhas Test A/B, você poderá provar diferentes variáveis do assunto para o mesmo envio.

10. Quebre o protocolo

Se você já provou de tudo e sua taxa de abertura segue sem melhorar, é hora de desafiar os limites convencionais da linguagem. Mas há certas questões que você deve ter em conta na hora de pensar seus assuntos. Lembre-se que em relação ao conteúdo há certas palavras como oferta, desconto, promoção ou grátis e certos estilos de redação como os signos de admiração em excesso (!!) ou as LETRAS MAIÚSCULAS, que sem sentido poderiam ativar os filtros anti-spam.

Símbolos no e-mail marketing

Uma tática muito utilizada para destacar seu e-mail entre os demais que chegam à caixa de entrada do seu cliente, é incluir símbolos no assunto. Você ainda não implementou?

Se você os utiliza estrategicamente poderá conseguir impactar seus destinatários, chamando a atenção deles e diferenciando sua campanha com a da concorrência. Anime-se a dar um estilo único aos seus assuntos!

Copie e cole!

Inserir um símbolo no assunto de sua campanha é simples. Você só precisa copiá-los de uma lista de símbolos UNICODE como esta e colá-lo no campo do assunto.

Se você utilizar corretamente, você verá como melhoram suas aberturas, mas se abusar ou utilizar de forma injustificada com certeza você terminará cansando seus usuários e perdendo sua atenção.

Texto de Renato Silva Rodrigues, publicado originalmente no portal iMasters.

Conselhos essenciais em HTML5, CSS, Responsivo e SEO

Imagem ilustrativa
Imagem ilustrativa

Um dos grandes desafios em trabalhar com web é acompanhar as novidades tecnológicas que aparecem e desaparecem, se renovam e superam em uma velocidade impressionante. Há tantas ferramentas e plataformas que se multiplicam todos os dias que é difícil conhecer todas (talvez humanamente impossível também). Mas estar atento às dicas essenciais já basta para se manter atualizado o suficiente. Confira algumas dicas de web design que se destacam entre a multidão de novidades:

HTML 5

01. Escolha um estilo de código

O HTML5 permite que a marcação seja escrita em maiúsculas, minúsculas ou uma mistura delas. Além disso, ninguém é obrigado a criar todos os atributos em elementos como <img>. Você pode até omitir o atributo type quando usar <style>, <link> ou <script>. O estilo é uma escolha sua, mas se está trabalhando com uma equipe, verifique se todos estão em sintonia. E ainda há um número de elementos e atributos que estão ultrapassados em HTML5, como<big>, <center> e <font>. Melhor deixá-los para lá.

02. Leia as specs

As especificações são uma parte importante. A versão de HTML5 é mantida tanto pela WHATWG (o principal padrão de especificação e a W3C (HTML5). Se você não tem certeza sobre qual especificação ler, o especialista Oli Studhilme escreveu um pouco sobre o assunto no HTML5 Doctor (leia aqui). Ler as specs é a única maneira de entender, de fato, alguns elementos e APIs. Elas também contribuem para uma leitura rápida sobre os fundamentos para projetar HTML5.

03. Planeje sua marcação

Depois de ler as especificações, você entenderá melhor a estrutura de um documento, com os Document Outlines (saiba mais aqui). Pense neles como o equivalente às visualizações de documentos do Microsoft Word. Usar o conceito de documento outline vai ajudar a criar uma marcação bem estruturada. No processo de criação do design, é possível criar uma lista alinhada à página, o que vai obrigá-lo a pensar os níveis de títulos que devem ser usados e quais elementos serão colocados em cada lugar. Por isso, ter blocos de conteúdo organizados faz toda a diferença.

04. Escolha o elementos certo

Falamos antes sobre elementos que estão ultrapassados na quinta versão do HTML. Mas não se preocupe, ainda há 30 novos elementos que foram adicionados e muitos outros que ainda serão definidos. Por isso, pode ser difícil escolher o elemento certo para cada projeto. Para resolver voltamos à premissa de usar um elemento para descrever o significado do conteúdo, e não a sua aparência. Pense com cuidado sobre o significado disso antes de adicionar elementos. Consulte de novo o HTML5 Doctor para ajudar a escolher os certos.

05. Guerra de codecs

Você já deve ter ouvido falar que o HTML5 vai matar o Flash. Isso tem se espalhado largamente por conta do vídeo e áudio em HTML5. Não ter que depender de plug-ins para executar conteúdo de mídia é um grande passo para uma web aberta, mas ter que lidar com tecnologias competitivas não é. Quando criar conteúdo multimídia para o seu site codifique seus arquivos múltiplas vezes e inclua opções para browser com capacidades inferiores. Um artigo de Kroc Camen chamado ‘Video for Everybody” (Vídeo para todos) é um ótimo começo sobre como lidar com isso (acesse o artigo aqui).

CSS

01. Crie soluções independentes

Desenvolva qualquer efeito de CSS, 3D, rolagens ou transições fora do documento principal. Assim, é possível criar uma solução individual e organizada que poderá até ser usada depois em outros projetos. Fazer experimentos desorganizados dificulta a verificação caso alguma coisa não esteja funcionando como esperado.

02. Ordem relevante

Todo mundo sabe que tentar editar códigos CSS de outra pessoa é complicado. Sempre use múltiplas linhas CSS com as declarações ordenadas por relevância. Dessa forma, seu código poderá ser entendido por você ou qualquer outro envolvido no projeto.

03. Saiba seu papel

Mantenha classes bem focadas nas suas funções. Cada classe deve ter uma única responsabilidade, totalmente contida dentro dela. Deixe todos os atributos envolvidos nessa função em vez de tentar atribuir múltiplas responsabilidades.

04. Nomes

Use hífen nos seletores de nomeação. Por exemplo: isto-eh-bom{}, isto_eh_ruim{}, istoEhMuintoRuim{}. Isso ajuda a manter o seletor de nome legível e geralmente mais simples.

05. Prefixos

Os prefixos de fabricantes de navegadores devem desaparecer quando o CSS3 se tornar um padrão e for adotado pelos browsers. Por enquanto, use todos os prefixos onde são aplicáveis. Sempre termine com uma declaração genérica, sem prefixo.

Responsivo

01. Significado

Por definição, um web site responsivo usa layouts flexíveis e media queries para moldar e adaptar-se ao seu ambiente de visualização. É importante notar que o web design responsivo não é nem um nem outro. Você deve encontrar harmonia em ambas as técnicas e quando o fizer, irá criar layouts responsivos da melhor maneira.

02. Media queries

Os seus breakpoints de media query devem ser escolhidos de acordo com as necessidades do seu site. Há muitas resoluções de telas e não se deve incluir os breakpoints para todas as variações existentes. Há muitas resoluções de telas na tentativa de realizar isso. Comece com resoluções bem básicas de dimensões e adicione a elas breakpoints de acordo com as necessidades do seu projeto.

03. Mobile-first

Em resumo, mobile first significa desenvolver para telas pequena primeiro e depois para desktops. Isso vai contra a abordagem tradicional no qual web designers precisam ter um site no desktop e depois cortar alguns bits para conseguir um site mobile. As restrições de plataforma fazem com que você trabalhe a hierarquia do conteúdo, então essa abordagem é perfeita para design responsivo.

04. Derrube pixels

Elimine atributos com declarações fixas de pixel em HTML e no seu CSS. Imagens, em particular, precisam carregar e a melhor forma de fazer isso é declarar a porcentagem de tamanho no elemento <img>. Também é sábio criar classes CSS com tamanho em percentual, então você pode simplesmente incluir <img> ou outras tags  HTML.

05. Confie no JavaScript

Às vezes você tem pouco controle sobre a marcação do seu site. Isso só não acontece quando você está construindo um tema para CMS como WordPress, por exemplo. Escrever um script para remover um tamanho fixado ou atributos de estilo de tags HTML é fácil e rápido em um jQuery. Use e abuse. Isso vai garantir que o seu conteúdo será fluído.

SEO

01. Tags únicas

Use tags de títulos únicos e descrições para cada página do seu website, o que é óbvio para muita gente, mas é importante. Tente incluir suas palavras-chave de SEO enquanto cria textos. Mantenha as tags de títulos com no máximo 70 caracteres e as descrições cm pelo meno 155. Não use meta palavras-chave, elas ajudam concorrentes a encontrarem suas palavras.

02. 301 redirecionamentos

Se mudar para um novo websites ou URL use o recurso 301 redirecionamentos para novas páginas. O mesmo vale para quem tem múltiplos domínio: use apenas um como principal e redirecione os outros. Isso vai gerar backlinks e evitar a duplicação. Serviços com o Open Site Explorer ou Majestic SEO podem ajudar.

03. Link interno

Faça bom uso de links internos. Quando se cria um bom visual para um site, às vezes, esquecemos quais páginas são importantes e como referenciá-las. Garanta que seus links internos irão suportar as páginas mais importantes.

04. Use microdata

Tire vantagem de cada pedaço do Google usando microdados. Já viu estrelas de classificação em uma lista orgânica? Esse é um exemplo ótimo que pode melhorar suas taxas de cliques. Você pode acompanhar estimativas, vídeos, pessoas, produtos e muitas outras coisas. Viste schema.org para saber mais.

05. Pensamento social

Mecanismo de busca estão valorizando sinais sociais, então abuse de redes sociais. Tenha certeza de que sue conteúdo será fácil de compartilhar e promover. Concentre-se em conseguir compartilhamento e retuítes, em vez de apenas conseguir mais seguidores e “curtir”.

Texto de Isabella Sánchez, publicado originalmente no iMasters.

Invista na personalização das suas listas de e-mail marketing

personalizacao-e-mail
E-mail marketing personalizado – Imagem ilustrativa

Uma das fortes tendências do marketing, em geral, é a personalização dos contatos com o consumidor. Uma pesquisa da Forrester Consulting entrevistou diversos profissionais de marketing sobre os desafios de personalização. A maioria disse que essa estratégia é prioridade em seus departamentos nos próximos anos.

Por que personalizar suas campanhas de e-mail marketing?

Apesar da busca por novos clientes ser onde se concentra o maior esforço de marketing, cerca de 80% das vendas anuais são geradas a partir de 20% dos clientes, de acordo com a pesquisa. Ou seja: é melhor trabalhar a retenção dos clientes do que gastar esforços conquistando novos.

Ao investir na personalização, os ganhos podem aumentar, pois você pode oferecer ao cliente aquilo que ele realmente quer, e ter mais chances de converter em vendas. Veja dicas de como começar a personalização dos seus contatos de e-mail:

  • Organize os clientes por grupos que contrataram um serviço ou compraram um produto em comum.
  • Envie de duas a três mensagens diferentes para enviar a estes grupos de forma que cada um receba a informação mais relevante possível.
  • Não se esqueça de utilizar chamadas diferentes nos anúncios para cada campanha. O conteúdo do e-mail marketing, além de relevante, tem que ser criativo! Aposte em textos claros, concisos e criativos, que atraiam a atenção do cliente e o faça abrir sempre a sua mensagem.

Se você ainda não tem uma lista personalizada, uma dica é fazer uma campanha para toda a sua rede de contatos em um determinado mês. No próximo, divida em dois ou mais envios para grupos diferentes e com assuntos distintos. Você pode segmentar também pelos que abriram sua mensagem e pelos que não a viram.