Design de e-mail para HTMLConversão de layout em HTML

O design do seu e-mail montado em HTML: um layout em tabelas para serviços de e-mail marketing, fiel ao seu mockup, com versão para celular

Normalmente fica pronto em 15 minutosAjustes incluídosControle de qualidade
Pagamento protegidoDetalhes
  • Os ajustes previstos no pacote são gratuitos.
  • Se você não responder em 3 dias após a entrega, o trabalho é aprovado automaticamente.
Fazer pedido · R$ 173

O dinheiro fica reservado no pagamento e só é liberado quando você aprova o trabalho.

O design do seu e-mail montado em HTML: um layout em tabelas para serviços de e-mail marketing, fiel ao seu mockup, com versão para celular

Exemplo de resultado

Exemplo do pacote Padrão

E-mails de boas-vindas e de promoção de primavera para uma loja de cerâmica

Os dois e-mails

O e-mail de boas-vindas O e-mail da promoção de primavera

O e-mail de boas-vindas no celular

O e-mail de boas-vindas no celular

Arquivos: um arquivo ZIP com 2 e-mails em HTML feitos para programas de e-mail, com estilos inline e link de descadastro, e 3 imagens desenhadas para eles, pronto para importar na plataforma de e-mail marketing do cliente. As imagens aqui são capturas de tela dos e-mails.

Cliente: Juniper & Oak, uma pequena loja online de cerâmica artesanal e artigos para casa. Tarefa: dois e-mails para a plataforma de e-mail marketing da loja: um de boas-vindas com 10% de desconto no primeiro pedido e um de promoção de primavera com 20% de desconto em vasos e cachepôs, em areia, terracota e verde-oliva.

O cliente e todos os dados são fictícios.

Sobre este serviço

Você tem o design de um e-mail e precisa dele em código que os programas de e-mail exibam direito. Envie capturas de tela ou exportações em PNG do seu mockup, e nós o montamos como um e-mail em HTML: os mesmos blocos na mesma ordem, cores, tamanhos e botões, com texto de verdade no lugar de uma imagem de texto. O código é o que os programas de e-mail precisam: tabelas com 600 px de largura, estilos em cada elemento, fontes de sistema parecidas e uma coluna no celular, mesmo quando o seu design só tem versão para computador. Fotos e ilustrações do mockup são desenhadas de novo no mesmo espírito, ou usamos as suas, se você enviá-las. Não conseguimos abrir arquivos do Figma, PSD ou Sketch: exporte as telas como imagens. Não enviamos os e-mails.

O que está incluído

  • O que você recebeUm arquivo ZIP com o HTML de cada e-mail e as imagens, pronto para o seu serviço de e-mail marketing, e a prévia na página do pedido.
  • Fiel ao seu designBlocos, cores, tamanhos e botões como no seu mockup
  • Texto realTítulos e parágrafos como texto, não como imagem de texto
  • Versão para celularFeita a partir do design desktop quando você não tem um mobile
  • Imagens no lugarDesenhadas de novo no espírito do mockup, ou as suas
  • Link de descadastroUm espaço reservado no rodapé que você troca pelo link do seu próprio serviço

Como funciona

  1. 1
    EnvioVocê envia as telas do design do seu e-mail e diz qual é qual
  2. 2
    Montagem e préviaMontamos cada e-mail em tabelas e estilos inline, e você o compara com o seu design no computador e no celular
  3. 3
    ArquivoVocê baixa o arquivo e pede ajustes dentro do seu pacote

O que precisamos de você

Até 5 imagens em PNG, JPEG ou WebP: as telas do design do seu e-mail, um e-mail por imagem, nítidas o bastante para ler o texto, e, se quiser, o seu logo e fotos para usar do jeito que são. Diga qual arquivo é qual e-mail, os textos, se forem diferentes do mockup, para onde cada botão deve levar e os dados do remetente para o rodapé. Arquivos do Figma, PSD ou Sketch não: exporte cada quadro de e-mail como imagem.

Vamos perguntar:

  • Qual arquivo é qual e-mail?
  • Os textos são diferentes do mockup?
  • Para onde os botões devem levar?
  • Dados do remetente para o rodapé

Compare os pacotes

Básico1 e-mail a partir do seu designR$ 95Padrão2 e-mails a partir dos seus designsR$ 173Premium4 e-mails a partir dos seus designsR$ 290
Prazo1 dia2 dias2 dias
Ajustes123
E-mails124
Imagens desenhadas para os e-mails234
Versão para celularSimSimSim
Link de descadastroSimSimSim
Montado a partir do seu designSimSimSim
Fazer pedidoFazer pedidoFazer pedido

Pagamento protegido

Você paga ao fazer o pedido, mas o dinheiro só é liberado pelo trabalho aprovado.

  • Preço fixoO preço do pacote não muda depois que você paga.
  • O dinheiro fica reservadoAo pagar, o valor fica apenas reservado. Ele só é repassado quando você aprova o trabalho.
  • Verificado antes da entregaCada resultado passa por um controle de qualidade antes de chegar até você, e você o vê na página do pedido antes de aprovar.
  • Ajustes gratuitosPeça ajustes dentro do seu briefing quantas vezes o pacote permitir.
  • Aprovação após 3 diasSe em 3 dias após a entrega você não aprovar o trabalho nem pedir ajustes, ele é aprovado automaticamente. Se você escrever no chat do pedido após a entrega, o pedido fica em espera; depois que respondermos, podemos reiniciar a contagem de 3 dias e avisaremos no chat.
  • Refazer ou reembolso totalSe o resultado não corresponder ao seu briefing e os ajustes não resolverem, ou se o trabalho levar mais que o dobro do prazo, escreva no chat do pedido: refazemos o trabalho ou reembolsamos o pagamento integralmente.
Como funciona →

Perguntas e respostas

Vocês conseguem abrir o meu arquivo do Figma ou PSD?

Não, trabalhamos a partir de imagens das telas. No Figma, selecione o quadro do e-mail e exporte em PNG a 2x; no Photoshop, use Exportar como. Um e-mail comprido pode ser uma única imagem longa.

Vai ficar idêntico ao meu design, pixel por pixel?

Ele vai ficar próximo no layout, nas cores, nos tamanhos e na ordem dos blocos, mas não idêntico ao pixel: os programas de e-mail exibem os e-mails de forma um pouco diferente, as fontes são fontes de sistema parecidas e as fotos são desenhadas de novo, a menos que você envie as suas. Mande um teste para algumas caixas de entrada e para um celular antes de enviar.

O meu design tem uma fonte especial e um vídeo. E aí?

A maioria dos programas de e-mail não exibe nem fontes web nem vídeo, então o texto fica em uma fonte de sistema parecida, e o vídeo vira uma imagem com um sinal de play que leva até ele.

Vocês podem montar um e-mail copiado de outra empresa?

Montamos designs que são seus ou que você tem o direito de usar. Não copiamos o e-mail de outra empresa um para um; um e-mail de que você gosta só pode servir de referência de estilo.

Ele vai funcionar no editor de arrastar e soltar do meu serviço de e-mail marketing?

Você recebe HTML simples para importar ou colar como código próprio. Ele não é dividido nos blocos do editor, então as mudanças futuras são feitas no editor de código. O rodapé tem um espaço reservado para o link de descadastro do seu serviço.

Não encontrou a resposta?

Todos os serviços de Desenvolvimento e TI

Mais em Desenvolvimento e TI

Fazer pedido · R$ 173· ~15 min