Email marketing e newsletters com a sua identidade visual, HTML responsivo e otimizado para entrega

Serviços de email marketing

Veja exemplos de emails que criei

Criação de layouts de email marketing

Crio o layout de seu email marketing do zero, com estrutura modular e design system

Design premium

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.

Layout responsivo

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.

Alta definição de imagens

As imagens do email marketing são otimizadas para exibição em aparelhos com telas de alta definição, como os retina-display.

Codificação de HTML responsivo de email marketing

Compatível com +50 programas de email

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.

Estrutura modular mestre para criação de variações

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.

Acessibilidade

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.

Se você cria artes de email marketing, pode deixar o HTML comigo!

Trabalho com artes em Figma, XD, Sketch, PSD, AI, EPS, PDF e INDD

Integração com plataformas de envio de email marketing

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.

vamos falar sobre seu email marketing?

Seu email marketing funcionando em todos os apps

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.

Webmails

  • Gmail
  • Gmail IMAP
  • Yahoo Mail
  • Outlook.com
  • Outlook.com Dark
  • Office 365
  • AOL
  • UOL Mail
  • BOL Mail
  • Locaweb

Mobile Android

  • Gmail App Android
  • Gmail app Dark Android
  • Outlook.com App Android
  • Outlook.com App Android Dark
  • Samsung Mail

Mobile iOS

  • Gmail app iOS
  • Gmail app iOS Dark
  • Outlook.com app iOS
  • Mail app iPhone 11
  • Mail app iPhone 11 Dark
  • Mail app iPhone 12
  • Mail app iPhone 12 Dark
  • Mail app iPhone 13
  • Mail app iPhone 13 Dark
  • Mail app iPhone 14
  • Mail app iPhone 14 Dark
  • Mail app iPad

Desktop

  • OL Office 365 Win 10
  • OL Office 365 Dark Win 10
  • OL Office 365 120 DPI Win 10
  • OL Office 365 120 DPI Dark Win 10
  • OL Office 365 MacOS 10.15
  • OL Office 365 Dark MacOS 10.15
  • Outlook 2019 120 DPI Win 10
  • Outlook 2019 Win 10
  • Windows 10 Mail
  • Windows 10 Mail Dark
  • Outlook 2016 120 DPI Win 10
  • Outlook 2016 Win 10
  • Outlook 2016 MacOS 1.12
  • Outlook 2013 120 DPI Win 10
  • Outlook 2013 Win 10
  • Outlook 2010 Win 10
  • Outlook 2007 Win 10
  • Thunderbird Win 10
  • Thunderbird MacOS 11.6
  • Apple Mail
  • Apple Mail Dark

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 interativos

Por que fazer o QA de seu email marketing?

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

Corrijo e previno tudo isso para seu email marketing ficar lindão 💪🏼

Exemplos de emails marketing que já fiz

Enxoval de templates de email marketing responsivos para Humana

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.

Design e HTML dos emails de treinamento e newsletters Mazak

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.

Design e HTML de emails transacionais e newsletter

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.

HTMLs de emails marketing responsivos para a Visa

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.

HTMLs de email marketing responsivo do Banco Bmg

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.

Módulos de conteúdo de email marketing para SalesForce Marketing Cloud

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.

Características dos emails que desenvolvo

Os designs são...

  • Concebidos de acordo com um design system condizente com sua identidade visual
  • Estruturados em módulos para diferentes tipos de conteúdos
  • Preparados para superar as limitações dos programas de email
  • Adequados a dispositivos de tela de alta resolução (retina-display)
  • Revisados para minimizar possíveis características antispam
  • Otimizados para conversão e resultados

Os HTMLs são...

  • Responsivos
  • Programados manualmente com código limpo e atualizado
  • Comentados para facilitar edições e reuso
  • Acessíveis a leitores de tela por voz
  • Exibidos corretamente nos programas de email
  • Integrados à sua plataforma de envios
  • Codificados com aprimoramento progressivo

E as entregas...

  • São rápidas e com prazos flexíveis
  • Têm um turnaroud time partir de 2h
  • Incluem a pré-visualização do email nos principais programas de email
  • Permitem a realização de ajustes menores sem custo adicional, mesmo após a aprovação final
  • Garantem a confidencialidade do trabalho e de seus dados
  • São white label (seu cliente não fica sabendo sobre nós)
solicite seu email marketing agora

Quem sou eu na fila do email marketing

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.

Instagram Facebook Linkedin Email

Juliana Padron

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.

Linkedin Email

Portal EMKT

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.

Instagram Facebook Pinterest Linkedin

Alguns dos conteúdos que publiquei lá:

Diferenciais do meu trabalho

Entregas super-rápidas

Se você precisar do HTML de um email marketing com urgência, consigo atender demandas para entregas em até 2h.

Alta fidelidade ao layout

Desenvolvo o HTML do email marketing com máxima fidelidade à sua arte original, respeitando espaçamentos, cores, fontes e tamanhos e qualidade de imagens.

Suporte pré-venda

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!

Solução responsiva única

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.

Qualidade impecável

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.

Hospedagem de imagens

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.

solicite seu email marketing agora

Bigbook do Email Marketing

Tudo o que você precisa saber sobre email marketing, dos conceitos básicos às estratégias mais complexas, está neste livro.

O que você encontra no livro

  • +50 imagens de emails marketing brasileiros
  • Como enviar um email marketing, do zero
  • Como conseguir novos endereços de emails para seu mailing
  • Passo a passo de como criar o HTML de um email marketing
  • Introdução ao email marketing responsivo
  • Os principais problemas dos programas de email para exibir email marketing em HTML
  • Tudo sobre testes antispam
  • Lista atualizada com 120 expressões suspeitas de spam
  • Checklist pré-envio do email marketing
saiba mais e pegue o seu!

Dúvidas frequentes

Como funciona o fluxo de trabalho de criação de um email marketing do zero?
  1. Você nos envia o seu conteúdo e o briefing com algumas orientações para que eu possa criar o layout do seu email marketing de acordo com sua identidade visual e o tipo de conteúdo que pretende enviar.
    • Quando você já tem o conteúdo do email marketing: o conteúdo a que me refiro inclui os textos e as imagens que você quer que eu use no email marketing. Pode me enviar tudo por email: seu logotipo, fotos de produtos, ilustrações e arquivo de Word contendo os textos que você quer que eu use no(s) email(s).
    • Quando você não tem o conteúdo: posso criar o layout do email marketing com conteúdos falsos de marcação (lorem ipsum) e, quando aprovado, crio um prompt para o ChatGPT gerar os textos a serem inseridos em cada seção do email marketing, quando for possível. Da mesma maneira, podemos gerar as imagens usando sistemas de inteligência artificial e/ou adquiri-las em sites de bancos de imagens gratuitos ou de royalties-free.
  2. Nós criamos uma arte para o seu email marketing de acordo com aquele conteúdo de uma campanha específica ou um template modular, contendo diferentes blocos de conteúdo que você pode usar para criar campanhas posteriores.
  3. Você solicita os ajustes de design que achar necessários ou aprova a arte do email marketing.
  4. Nós desenvolvemos o HTML dessa arte e realizamos os testes nos principais programas de email para garantir que tudo será exibido corretamente em cada app, inclusive mobile.
  5. A entrega do HTML do email marketing pode ser feita:
    • com os arquivos locais, em que lhe entregamos um arquivo zip contendo o arquivo HTML do email marketing e a pasta com as imagens que ele utiliza. Antes de você enviar esse email para seus destinatários, é preciso hospedar as imagens e atualizar o HTML para referenciar os novos endereços das imagens hospedadas na web.
    • com o HTML já atualizado com os endereços das imagens hospedadas na web. Nessa opção, você precisa nos fornecer acesso ou à plataforma de envios onde devemos hospedar as imagens e o HTML ou ao servidor web onde é preciso fazer upload das imagens.
  6. Além do HTML do email marketing, nós lhe enviamos uma URL onde você pode conferir os resultados dos testes de preview do email, observando como ele será exibido em cada programa de email web, desktop e mobile.
O que significa codificar um email marketing em HTML?

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.

Quanto custa transformar a arte de um email marketing em HTML?

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.

Quanto tempo demora pra fazer o HTML de um email marketing ou newsletter comum?

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!

Posso editar o conteúdo do HTML do email marketing no Outlook?

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.

Vocês podem consertar ou atualizar um HTML de email marketing que eu já tenho?

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.

Posso enviar o email marketing para meus contatos do jeito que vocês me entregarem?

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!

Vocês fazem templates de email marketing para o Mailchimp?

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.

Posso colocar um vídeo no meu email marketing?

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

Que fontes posso usar ao criar o layout do meu email marketing?

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.

Vamos falar sobre seu email marketing?

  • Me manda um email contando um pouco sobre suas necessidades e expectativas em relação ao email marketing e te responderei brevemente.
  • Me chama no WhatsApp. O atendimento é de segunda a sexta, das 9h às 18h.
  • Se preferir, agende um call direto na minha agenda, no dia e horário que for mais conveniente para você.

Sobre

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!

Experiência

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:

  • Planejar sua agenda de envios de email marketing
  • Definir as jornadas de email marketing de seus leads com sua marca
  • Fazer o setup de sua conta no Mailchimp ou no ActiveCampaign
  • Criar os designs de seus emails
  • Desenvolver o HTML responsivo de seus layouts de email marketing
  • Criar módulos de conteúdo para a personalização de email marketing no SalesForce
  • Realizar testes de preview de email marketing nos principais apps de email

Keywords

  • Email PSD para HTML
  • Email Figma para HTML
  • Email PDF para HTML
  • Email Design para HTML
  • Email marketing responsivo
  • Email marketing modular
  • Design system para email marketing
  • Criação de email marketing
  • Design de email marketing
  • Layout de email marketing
  • Newsletters
  • Emails transacionais
  • Emails de ciclo de vida
  • Emails de jornada do cliente
  • Email Marketing para Mailchimp
  • Email Marketing para ActiveCampaign
  • Email Marketing para Klaviyo
  • Email Marketing para SalesForce
  • Email marketing com ChatGPT
  • Curso de email marketing básico
  • Curso de design de email marketing
  • Curso de html para email marketing
  • Curso de email marketing responsivo

Assine minha newsletter

Receba conteúdos sobre email marketing no seu email!

O domínio remetente da newsletter será templateria.com.br ou emailmarketing.com.br,
que é o portal de conteúdos sobre email marketing da Templateria.

Acesse aqui e cadastre-se