Criação do layout do email marketing com a sua identidade visual (ou do seu cliente) e desenvolvimento do HTML responsivo.
Você me envia a arte do email marketing que você criou e eu a transformo em um HTML responsivo.
O HTML do seu email marketing é testado em mais de 50 programas de email web, mobile e desktop para garantir sua compatibilidade.
Crio o layout de seu email marketing do zero, com estrutura modular e design system
Aplico sua identidade visual às melhores práticas de criação de email marketing para resultar em um email marketing de visual incrível, cheio de personalidade e coerente com seus demais materiais de comunicação.
A estrutura do email muda conforme o tamanho da tela em que é visualizado, garantindo mais conforto ao destinatário quer esteja num smartphone, tablet, computador e até SmartTV.
As imagens do email marketing são otimizadas para exibição em aparelhos com telas de alta definição, como os retina-display.
O email marketing é testado em diversos programas de email desktop e mobile e você ainda tem acesso aos resultados destes testes para comprovar a correta exibição do email em cada app.
Um email marketing “mestre” que contém diversos blocos de conteúdo para você combinar como quiser, criando várias campanhas com conteúdos diferentes mas com a mesma identidade visual.
Seu email marketing adequado para a leitura em assistentes de voz (JAWS, VoiceOver, NVDA e outros) e otimizado para a visualização com baixa percepção de cores.
Trabalho com artes em Figma, XD, Sketch, PSD, AI, EPS, PDF e INDD
Desenvolvo o HTML de cada email marketing integrado à plataforma de envios por onde ele será enviado. Isso inclui o uso de suas variáveis de personalização, links de preview e de descadastro, linguagem de templates, módulos e blocos avulsos de conteúdo e adaptação a editores drag’n drop.
Cada email marketing pode ser testado* em até 50 programas de email para garantir que a aparência da mensagem será a melhor para leitura e interação das pessoas que o receberem.
Ao final do trabalho, você recebe o HTML do email marketing e os screenshots dos resultados dos testes nos apps de email comprovando a compatibilidade.
*Testes automáticos realizados com as plataformas Litmus, Email On Acid e testes manuais para elementos interativosNo Outlook desktop, alguns textos podem aparecer na fonte Times New Roman sem que você queira.
Em alguns webmails, imagens que deveriam estar grudadas podem ficar com espaços em branco entre si.
No Outlook desktop, algumas linhas e colunas de conteúdos podem aparecer desalinhados e com tamanhos errados.
No Yahoo! Mail, o email marketing pode aparecer totalmente alinhado à esquerda, em vez de centralizado na área da mensagem.
Desenvolvi os HTMLs responsivos dos layouts de email marketing que o cliente nos enviou em Sketch. O cuidado principal era preservar o design system criado por sua equipe, mantendo a aparência de fontes, espaçamentos, cores, ícones e botões do mesmo jeitinho que foi criada nas artes e garantindo que tudo funcionasse corretamente nos apps de email.
Como o cliente não tinha um design system de email marketing, criei elementos gráficos e informativos de cada email de acordo com a identidade visual do site. Para cada campanha a ser criada a enviada, o cliente me fornecia o briefing em Word contendo tanto os textos que deveriam ser usados nos módulos de conteúdo quanto algum direcionamento para a criação dos banners, quando precisavam estar associados a um produto específico da empresa.
Com esses conteúdos, criei os layouts e desenvolvi os HTMLs dos emails responsivos para treinamentos, newsletters, whitepapers e convites para eventos presenciais.
A Quero Quitar me procurou para criar os emails de jornada do cliente, desde o momento da abordagem até o encerramento do uso do serviço. Criei o design e desenvolvi o HTML responsivo de emails transacionais para entrega de boletos, lembrete e confirmação de pagamento, sequência de emails de aquisição e emails informativos sobre organização financeira.
Em parceria com a agência que criou as artes dos emails, trabalhei na criação de um design system para os emails da marca, orientando sobre as melhores práticas para uso de fontes especiais, desenho de botões, resolução de imagens e organização de grids. Com as artes prontas, desenvolvi os HTMLs responsivos do email marketing de cada campanha, realizando os testes e QA para assegurar a correta exibição nos apps de email.
Recebi da agência parceira as artes dos emails criados no Figma ou Photoshop para desenvolver o HTML responsivo e realizar os testes e QA nos programas de email. Ao longo da criação de diferentes campanhas, organizei um design system que otimizava continuamente o tempo de desenvolvimento dos HTMLs dos emails. Alguns blocos de conteúdo precisavam mudar radicalmente de aparência para serem exibidos no ambiente mobile mais confortáveis para leitura e interação. Com minha expertise acerca do que funciona melhor nos apps de email e sua usabilidade, fiz todas as adaptações responsivas dos blocos de conteúdo sem que a agência precisasse fornecer layouts das versões mobile dos emails, poupando o tempo da equipe de criação.
Para o melhor aproveitamento dos recursos de personalização da plataforma SalesForce Marketing Cloud, o cliente criou o design de diferentes módulos de conteúdo que seriam entregues em emails enviados para os diferentes perfis de pessoas em seu mailing. Conforme as características de cada destinatário, o email marketing deveria lhe sugerir um produto, serviço ou informação e esse conteúdo precisava estar formatado adequadamente na identidade visual da marca. Desenvolvi os HTMLs responsivos dos módulos e entreguei os arquivos já prontos para serem inseridos na SFMC, de forma que fossem importados corretamente para dentro do email "master", que também desenvolvi.
A Templateria é uma empresa liderada por mim, Juliana Padron, especialista em email marketing com mais de 15 anos de experiência nessa área do marketing digital.
Meu amplo conhecimento e experiência em relacionamento com email marketing tornou a Templateria reconhecida nacional e internacionalmente, conquistando uma importante reputação na prestação de serviços e produção de conteúdo deste segmento.
Meus clientes incluem de grandes agências digitais a pequenos negócios de empreendedores solo que precisam de criação de email marketing do zero, HTML responsivo de email marketing e testes e QA (quality assurance).
Para afirmar meu compromisso de disseminar o relacionamento por email marketing a todos que desejam se aproximar mais de seus contatos, também ministro treinamentos, mantenho um portal de conteúdo de email marketing e publiquei um ebook completo sobre como pessoas e empresas podem começar um relacionamento por email marketing, do zero, com seus clientes e leads.
Designer especialista na criação e codificação do HTML de templates de email marketing responsivos e autora do livro digital BigBook do Email Marketing: do Zero à Caixa de Entrada.
O Portal EMKT é nosso portal de conteúdo sobre email marketing que te permite acompanhar as boas práticas, novidades do mercado e melhores estratégias de relacionamento por email.
Alguns dos conteúdos que publiquei lá:
Se você precisar do HTML de um email marketing com urgência, consigo atender demandas para entregas em até 2h.
Desenvolvo o HTML do email marketing com máxima fidelidade à sua arte original, respeitando espaçamentos, cores, fontes e tamanhos e qualidade de imagens.
Conte comigo para resolver dúvidas sobre como criar o design do seu email marketing. Conheço as particularidades dos apps de email como a palma da mão!
Você não precisa criar uma versão separada da arte do email responsivo. A conversão da arte para email responsivo está incluída no preço.
Seu email marketing terá um código limpo e de alta qualidade utilizando as melhores práticas e tecnologias mais recentes suportadas pelos programas de email.
Você pode me fornecer acesso ao seu servidor de hospedagem ou plataforma de envios e eu hospedo as imagens do email marketing, atualizando o código HTML adequadamente.
Tudo o que você precisa saber sobre email marketing, dos conceitos básicos às estratégias mais complexas, está neste livro.
O formato ideal de um email marketing, para que ele seja exibido na área do corpo de mensagens do email de seus destinatários, é HTML.
Mesmo que você tenha apenas um JPEG e queira enviar essa imagem para seu mailing, é preciso colocá-la dentro de um HTML, de forma parecida com o desenvolvimento de um site ou landing page. Isso pode ser feito de diferentes maneiras, a depender das características de sua arte.
É o código HTML que nos permite colocar links em diferentes áreas da arte do email marketing, como botões, banners e imagens de produtos.
A codificação em HTML é uma parte fundamental do processo de criação de um de email marketing responsivo, que é projetado para ser exibido corretamente em diferentes apps de email como Gmail, Outlook, Apple Mail e outros.
Cada um desses programas de email “entende” ou suporta alguns recursos de HTML, mas outros não. No Gmail App por exemplo, a fonte Arial não funciona. Já no Outlook, não funcionam elementos de formulário e nem GIF animado.
Para codificar um email marketing HTML nós consideramos todas as limitações conhecidas dos programas de email, de forma a gerar um email que seja exibido correta e confortavelmente em todos os apps.
Depende da complexidade da arte do email marketing. Nós classificamos as artes de email em simples, padrão ou complexa conforme a quantidade de blocos de conteúdo que ela possui. Se você tem uma arte pronta de um email marketing, entre em contato conosco para enviar sua arte para orçamento e solicitar a nossa tabela de preços de serviços.
O prazo para criação de um email marketing ou newsletter comum, que classificamos como padrão em nossa tabela de preços, é de dois dias úteis, sendo um dia para a criação da arte e um dia para o desenvolvimento de seu HTML.
Se você é uma agência que precisa de entregas recorrentes para cada email que criar, consulte-nos para combinarmos os termos dessa parceria. Temos turnarounds de até 2h!
Até pode, mas não é recomendado. Dependendo do que você precisa trocar, o Outlook pode bagunçar o código e remover formatações de cor, família de fonte, tamanho e espaçamento. Isso pode desalinhar o layout do email ainda no Outlook e também desconfigurar sua aparência no mobile.
Se você precisar trocar umas palavras ou outras, sem problemas. Se precisar adicionar muitos parágrafos, depende do layout. Se você quiser trocar uma imagem, a imagem nova precisa já estar hospedada na web e ter as mesmas dimensões da imagem que já existir no HTML.
Cuidado também ao encaminhar um email marketing em HTML para outras pessoas. Quando clicamos em “responder” ou “encaminhar” em qualquer programa de email, ele envolve o HTML original do email marketing em outro código e isso pode desconfigurar a aparência original de alguns elementos.
Sim, pode mandar que a gente faz os testes de preview do seu HTML nos apps de email para ver se algo precisa ser consertado ou otimizado. Também podemos fazer atualizações periódicas de conteúdo em newsletters e emails de ofertas.
Depende.
Se nós te entregarmos o HTML com as imagens já hospedadas (caso você nos forneça acesso a um servidor web para que possamos hospedá-las lá), você precisa apenas fazer upload do HTML para a sua plataforma de envios e enviar para seus contatos.
Se nós te entregarmos o HTML local, ou seja, sem as imagens hospedadas, você precisará primeiro hospedar as imagens do email marketing, que pode ser na própria plataforma de envios ou em outro servidor. Se você hospedar as imagens fora da sua plataforma de envios, ainda será necessário editar o HTML para alterar os endereços das imagens, inserindo suas novas URLs hospedadas.
Enviar o email marketing pelo Outlook:
Se você quer saber se pode colar o HTML no Outlook e enviar a partir dele, esse não é o melhor caminho. Se você copiar e colar o HTML sem as imagens hospedadas, elas aparecerão quebradas já no Outlook.
Qualquer email que seja enviado com objetivos de marketing precisa ser enviado por uma plataforma adequada para isso porque ela administra os descadastros de quem não quer mais receber seus emails. Além disso, as plataformas também cuidam dos endereços de emails que dão erro de entrega.
Quando você envia um email que não tem link de descadastro (os apps de email reconhecem qdo ele está ou não presente no e-mail) ou insiste em enviar um email para endereços que já deram erro de entrega antes, os servidores de email penalizam seu domínio remetente quase da mesma forma como um nome sujo nas entidades de crédito: seu domínio passa a ficar mal visto pelos servidores de email e vai ficando difícil entregar um email na caixa de entrada, mesmo aqueles emails que você envia um a um no dia a dia.
Resumindo, não envie emails de marketing pelo Outlook!
Sim, fazemos HTMLs de email marketing adaptados para o editor do Mailchimp e de outras plataformas de email marketing e de ecommerce, como ActiveCampaign, SalesForce Marketing Cloud, Campaign Monitor, Klaviyo, Shopify e outras.
Apenas se for uma imagem que simula a aparência de um vídeo, o que fazemos com GIF animado.
A maioria dos apps de email não suporta o recurso do HTML que é usado para players de vídeo. A melhor prática de mostrar que seu email marketing está oferecendo um conteúdo em vídeo para as pessoas é inserir uma imagem que se pareça com um player de vídeo e que contém link para a página web onde o vídeo existe de fato (YouTube, Wistia, seu site etc).
Tipografia no email marketing é uma coisa um pouco chata e limitada.
O ideal é que seus textos de corpo (parágrafos, títulos longos e conteúdos do rodapé) estejam formatados em fontes como Arial, Georgia, Verdana e Times, que são fontes presentes em quase todos os sistemas operacionais.
No HTML do email marketing, nós inserimos o nome da fonte em que cada texto deve ser exibido para as pessoas, mas essa fonte precisa existir ou no aparelho em que a pessoa está acessando o email (computador, tablet, smartphone) ou precisa estar hospedada na web, como as webfonts. Porém, nem todos os programas de email conseguem “pegar” webfonts, e aí vão exibir os textos numa fonte simples, como a Arial.
Mas mesmo que você formate os textos do seu email em Arial, em apps mobile como o Gmail (tanto Android quanto iOS), os textos serão exibidos em Roboto, que é a praticamente a única fonte que ele suporta.
O Gmail app também suporta a fonte Google Sans, mas ela não está disponível como webfont no Google Fonts para pegarmos a sua URL e fazer com que outros apps de email também possam exibi-la. Mesmo que estivesse, ela (e qualquer outra webfont) só funcionaria nos Apple Mail (MacOS e iOS), no Thunderbird e para as pessoas que já tivessem essa fonte instalada em seus computadores.
Sou a Juliana Padron, uma apaixonada por email marketing e estratégias digitais. Com mais de 15 anos de experiência no setor, meu objetivo é ajudar empresas a alcançarem o sucesso com campanhas de email eficazes.
Tenho conhecimento profundo em HTML responsivo de email marketing, técnicas de segmentação, automação e personalização de email marketing nas diversas plataformas de envio do mercado.
Seja para criar campanhas de carrinho abandonado, newsletters envolventes ou emails sazonais, estou aqui para ajudar você a alcançar seus objetivos no mundo do email marketing.
Me chama e vamos trabalhar juntos para impulsionar a qualidade do seu email marketing!
Posso dizer que tenho um relacionamento aberto com as diversas versões do Outlook. 😅
Conheço profudamente as limitações dele e dos demais apps para receber e exibir emails em HTML.
Conte comigo para: