Marketing por e-mail: como projetar e-mails de alta performance | Jaz Infante | Skillshare
Menu
Pesquisar

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Marketing por e-mail: como projetar e-mails de alta performance

teacher avatar Jaz Infante, Designer // AIGA Board Member

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Apresentação

      1:17

    • 2.

      Noções básicas

      2:57

    • 3.

      Alguns tópicos primeiro

      8:13

    • 4.

      Como usar espaço negativo

      8:13

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

430

Estudantes

--

Projetos

Sobre este curso

Marketing por e-mail é um dos canais mais eficazes para alcançar indivíduos e divulgar uma mensagem. Mas mais de 4,4 bilhões de usuários ativos e bilhões de e-mails enviados todos os dias, é fácil para seu e-mail se perder no shuffle.

Neste curso, vamos discutir as melhores práticas quando se trata de criar e-mails, para garantir que seu trabalho duro não se perca em pastas de spam ou lixo. Também vamos discutir como contornar as limitações das plataformas de e-mail para projetar belos e interessantes e-mails que se transformam em cliques e conversões.

Conheça seu professor

Teacher Profile Image

Jaz Infante

Designer // AIGA Board Member

Professor

Hello, I'm Jaz! I'm a full-time visual designer and Board Member for the AIGA Los Angeles chapter. 

Visualizar o perfil completo

Level: Intermediate

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Introdução: Há cerca de 4,4 bilhões de usuários ativos de e-mail. Tornando o e-mail um dos canais mais eficazes para alcançar indivíduos e espalhar uma mensagem. É por isso que o email marketing é uma estratégia central para a maioria das empresas hoje em dia. No entanto, o outro lado disso é que é um espaço muito lotado e praticamente todos os consumidores são bombardeados com e-mails diariamente. Com isso em mente, se você quiser que seus e-mails sejam abertos e solicitar algum tipo de ação, é importante que os e-mails sejam relevantes e fáceis de entender. Começa com uma estratégia de campanha de e-mail eficaz, mas termina com um e-mail bem projetado, que é o que vamos abordar neste curso. Discutiremos as práticas recomendadas para garantir que seus e-mails não se percam em pastas de spam ou lixo eletrônico. E como contornar as limitações das plataformas de e-mail para criar e-mails bonitos e interessantes que se transformaram em cliques e conversões. É importante notar que enquanto eu estiver trabalhando no Mail Chimp, os tópicos e ideias que eu abordo podem se aplicar a todas as plataformas de e-mail. Então vamos entrar. 2. Noções básicas: Cada e-mail que perfume é enviado para um propósito. E, na maioria das vezes, esse objetivo é fazer com que um cliente compre um produto ou assine um serviço. Para que isso aconteça, muitas coisas têm que dar certo. O público tem que ser, o assunto, tem que ser atraente. A mensagem dentro do e-mail tem que ser clara, e o ponto de preço tem que ser atraente. Mas antes que isso aconteça, você precisa primeiro entrar na caixa de entrada do cliente. Tudo o resto pode ser perfeito, mas se seu e-mail for sinalizado como spam ou lixo eletrônico, ele será filtrado. E todo esse trabalho duro que você colocou nisso terá sido em vão. Então, quando se trata de projetar e-mails, sua primeira prioridade deve ser passar pelo filtro de spam. Deixe-me pegar um exemplo. Este e-mail aqui é realmente bem projetado. Só há um problema. Ele foi projetado como uma grande imagem. Porque você vê que esta é a maneira mais fácil de criar um e-mail. Você faz tudo no Photoshop, exporta como um JPEG, solta no chimpanzé e pressiona enviar. O problema é que isso é exatamente o que os filtros de spam procuram. Um e-mail contendo apenas imagens e nenhum texto será quase sempre sinalizado. E mesmo se ele entrar na caixa de entrada da pessoa, maioria dos clientes de e-mail tem imagens desativadas porque economiza no uso de dados. Então, quando eles abriram seus e-mails, ele realmente se parece com isso. O cliente deve estar disposto a usar seu plano de dados e, em seguida, permitir que a imagem seja baixada manualmente. E isso são muitos passos para pedir a um cliente. A maioria excluirá o e-mail instantaneamente. Então, por que os designers, incluindo aqueles que trabalham para grandes marcas, fazem isso? Bem, é simples. E-mail não foi projetado para marketing. Ele foi criado como um substituto para máquinas de fax para que as pessoas pudessem enviar e receber mensagens baseadas em texto. Em algum lugar ao longo das linhas, tornou-se um método de comunicação para marketing. E embora a tecnologia tenha feito algum progresso, ela ainda permanece muito limitada no que você pode criar e enviar. Simplificando, o e-mail não foi projetado para ser criativo. E é por isso que as plataformas de email marketing são tão limitadas e limitadas ao tipo de modelos de arrastar e soltar e à mesma biblioteca de fontes web sem brilho. Então, o que você faz? Isso significa que você como designer estão limitados a criar os mesmos e-mails chatos uma e outra vez. Não exatamente. Felizmente, existem algumas soluções realmente inteligentes que você pode usar para ainda fazer e-mails impressionantes. E nesta série de lições, eu vou mostrar esses códigos de fraude de design de e-mail. 3. Alguns técnicas de primeira primeira primeira: A primeira consideração que você deve ter ao projetar e-mails é usar texto. É uma prática recomendada de e-mail padrão que você precisa para entrar no hábito de fazer. Aqui está um exemplo de um e-mail que faz isso muito bem. Como você pode ver. Ele usa um monte de texto. E onde quer que haja uma imagem, se a imagem não for carregada, ela usará como padrão um texto predeterminado. Dessa forma, quando alguém estiver lendo seu e-mail, se o, mesmo que as imagens não sejam baixadas, você ainda poderá ter uma noção do que está acontecendo no e-mail. Então, por exemplo, aqui, você pode ver o tão baixo quanto o APR. Você pode ver onde ele diz que, que há um logotipo aqui. E mesmo sem tudo desligado, você ainda pode entendê-los. Siga o e-mail baseado inteiramente fora do texto. Então deixe-me mostrar-lhe como fazer isso no Mail Chimpanzé. Eu tenho este e-mail aqui e é apenas um modelo básico que eu usei dentro do Mail Chimp, não o melhor e-mail olhando, mas para fins ilustrativos você vai ter uma idéia do que eu estou fazendo. Então este bloco de conteúdo aqui contém as somas do logotipo da marca. Vou em frente e editar aquele bloco. E aqui como você pode ver onde eu coloquei o logotipo, certo? E assim, nessas opções onde você pode substituí-lo, editá-lo, vinculá-lo a outro lugar. Você tem esta opção aqui para alt. E se você clicar nisso, aqui é onde você irá inserir o texto alternativo. E assim, neste caso, eu diria logotipo usado. Actualizar. Ok, então agora se essa pessoa que abre este e-mail, ela tem imagens ativadas? O que eles verão aqui em cima nesses blocos de conteúdo é o texto que eu coloquei aqui, o logotipo avisado. Ok, eu vou continuar e fazer isso para esta imagem também. Certo, a mesma coisa, e vá para o texto alternativo. E aqui eu usaria a manchete que temos aqui. Prepare-se para a primavera com nossa nova coleção para garantir que tudo esteja escrito corretamente e atualize. Então agora novamente, se alguém abrir este e-mail e não tem imagens ativadas, o que esses C aqui será este equipamento para a primavera e nossa nova coleção. E isso já lhes diz o que esta imagem ou o que este e-mail é sobre. E é apenas uma maneira de proteger seus e-mails caso as pessoas não tenham imagens ativadas. E eu faria isso em qualquer lugar. Há uma imagem, certo? Então este é o texto, este é um por n, Então estes vão carregar muito bem. Mas aqui em baixo, eu faria exatamente a mesma coisa. Isto é uma imagem, certo? Então eu iria em frente e mudaria isso. Na verdade, isso é texto, então não importa, isso é uma imagem. Então faça isso aqui. E então eu faria o que temos aqui em baixo. Olá, tanques legais e casuais. E novamente, este é apenas um, impede que seus e-mails sejam cortados e filtros de spam. Se seus e-mails tiverem texto alt neles, o filtro de spam lerá o texto alt e ajudará. Isso vai ajudar primeiro como luz verde ele e fazê-lo passar pela caixa de entrada. E também é uma maneira para isso. O cliente abre o e-mail, ele ainda tem uma noção do que o e-mail é sobre e pode ler através dele. Então essa é a primeira coisa que você deve estar fazendo para seus e-mails é alt enviar mensagens de texto. Outra consideração que eu tenho são os links reais que você usa. Então, para onde você está levando seus clientes é realmente importante e como você rastreia isso também é muito importante. Assim, cada parte do seu e-mail pode ter um URL diferente para acessar. Mas derreter ele não tem nenhum built-in recursos de rastreamento para se seus e-mails. Quero dizer, então o que eu faria é usar algo chamado Google UTM, que é uma ferramenta gratuita oferecida pelo Google, certo? E então ela é chamada de Construtor de URL de campanha. Como você viu lá, eu apenas digitei no google UTM Builder. E então aqui você deve digitar o URL real que você deseja que seus clientes para dois, então vamos dizer que este é www.worn.com. Ok, agora, aqui é onde eu coloquei minhas próprias informações de rastreamento personalizado. Então, digamos a fonte da campanha. Bem, isso é um e-mail, então eu vou dizer e-mail. Digamos que realmente torná-lo um pouco mais definido para o espaço, uma promoção de primavera, porque é onde ele está. O meio de campanha é e-mail. Enviei por e-mail. Eu podia soletrar. E o nome da campanha, digamos que se eu voltar a ele se chamasse Projeto Rosa. E então tudo isso será apenas discrição TOM o que você decidir rotular essas coisas. Se você tiver um termo de campanha, se tiver pago por palavras-chave, poderá inseri-lo lá. Se você quiser diferenciar para diferentes anúncios, você pode colocar isso em, em pares. Bem, eu realmente nunca uso o termo no conteúdo. Mas como você pode ver aqui, agora ele é gerado um URL para mim, e este é realmente longo URL complicado. Mas essencialmente o que ele faz é que depois eu envio este e-mail, eu posso voltar e realmente olhar para as estatísticas deste URL. Quem abriu um, que veio ao meu site com base no meu fora do meu e-mail. Então eu ouvia essa cópia deste URL. Então agora é copiado e vai para aqui. E aqui vamos colocar o link, entrar lá e inserir. Ok. Então agora eu tenho este e-mail com um código de rastreamento de URL personalizado lá dentro. Para que quando alguém abre este e-mail no No. Se eles clicaram neste link e foram para o meu site em saber que ele veio a partir deste e-mail específico. E é aqui que muitos criadores de campanhas de e-mail têm algumas limitações porque o cálcio pode dizer quantas pessoas abriram seu e-mail, quantas pessoas clicaram em seu e-mail, mas isso é tudo. Não diz em que parte eles clicaram. Não te diz para onde os levou, não te diz. Isso não lhe dá a análise mais profunda que você está procurando. Então, construindo esses códigos UTM personalizados, eu posso ficar realmente granular e ver exatamente quanto do meu tráfego no meu site foi gerado por este e-mail. E então eu faria exatamente a mesma coisa para cada imagem em qualquer lugar que há um botão, criar link colado lá e, em seguida, inserir. E então agora todo esse e-mail, cada imagem, cada botão terá esse link UTM lá dentro. Aqui vamos nós. E é apenas a melhor prática para entrar no hábito de, especialmente em equipes menores. Nós não necessariamente temos uma equipe de marketing realmente descartada. Usar este construtor de URL de campanha gratuito é realmente útil para se aprofundar no desempenho dos seus e-mails. Então, essas são apenas duas coisas realmente importantes, práticas recomendadas de uma perspectiva técnica de cuidados de back-end. Agora, nesta próxima lição, vamos para a construção de e-mails interessantes, além dessas práticas recomendadas. Então Sokoloff design. Na próxima lição. 4. Como usar o espaço negativo: Então, como eu disse antes, vamos falar sobre design. Estou aqui em chimpanzé masculino. E o primeiro princípio de design que eu quero rever é usar espaço negativo em seus e-mails. Então eu vou em frente e puxar um modelo que eu fiz. Este não é o e-mail mais excitante, mas ilustrará o conceito de que estou falando. Estas imagens aqui não são círculos, são quadrados, certo? O bloco de modelo no chimpanzé macho basicamente só me deixa ter o, vamos ver aqui. Deixe-me ter a imagem à esquerda e o imposto sobre a taxa para este bloco de contato, está invertido. É a imagem à direita e o texto à esquerda. E o bloco de conteúdo basicamente só me permite ter uma imagem quadrada. Agora, o que eu fiz para dar a ilusão de ter essa imagem arredondada foi quando eu fiz essas imagens individuais de planeta. Eu só os fiz em um fundo branco. Eu sabia que o corpo do e-mail seria um fundo branco. E assim pré-planejado ter o fundo branco na imagem. Então, se você olhar aqui, você pode realmente ver que a imagem, se eu arrastar isso, tem o espaço em branco embutido. É uma imagem quadrada, mas é apenas quando carrega na câmara mel, quando carrega no e-mail, parece uma imagem arredondada. E o fato de eu ter alterado estes para frente e para trás, lado esquerdo, lado direito, lado esquerdo, lado direito. Misture o e-mail ou um pouco mais interessante, eu fiz a mesma coisa com as palavras do logotipo, apenas espaço em branco, mas eu fiz em um bloco branco. E se eu te mostrar como isso seria se eu não tivesse planejado. Digamos que o corpo do meu e-mail seria desta cor azul. De repente, agora parece um pouco óbvio. Você pode ver exatamente o que eu fiz. Mas novamente, eu tinha planejado isso e feito esperar. Então essa é uma maneira muito básica de ilustrar o conceito, mas deixe-me mostrar-lhe como isso se você realmente colocar um pouco mais intencionalidade e coisas pré-planejadas um pouco melhor. Então eu vou fazer uma campanha diferente que eu fiz. Ótima. Agora você pode ver neste e fez a forma muito mais intrincada. E este e-mail é realmente muito interessante. Parece que um tipo de fez este efeito de camuflagem I tipo de descendo agora arredondado e o botão mesmo como arredondado. Então, há um motivo passando. As cores estão todas sincronizadas. E isso já é muito mais interessante do que apenas uma imagem básica, texto, texto de imagem, certo? E é exatamente a mesma coisa. A fez isso como uma imagem com apenas peso. O peso é reivindicado como built-in a Missy FAQ e mostrar-lhe como isso se parece. Aqui vamos nós. Então, a imagem é basicamente apenas espera, aguarde retângulo com esta forma azul já construída. E o outro é exatamente a mesma ferramenta. E assim você pode ser muito criativo com isso se você apenas pré-planejar o que você está tentando fazer. Você pré-planejar com a cor de fundo vai ser. Você pode pré-planejar o tipo de forma que deseja criar. Você faz isso no Photoshop. Faça a mesma coisa que eu mencionei antes sobre Altair enviar mensagens de texto usando códigos UTM personalizados. Mas agora você tem um pouco mais de licença criativa com seus e-mails. E como eu disse, se eu mudar este fundo, você pode ver quando eu estou realmente fazendo aqui, certo? Então isso é um peso. Este peso porque a imagem é realmente esperar, qual é o corpo real do e-mail está bem aqui em verde. Mas se eles tendiam a peso, agora parece perfeito. E então eu posso mostrar alguns exemplos de outros e-mails que fazem exatamente a mesma coisa e fazem isso muito, muito bem. Então este e-mail, o corpo é amarelo. Eles têm ou o, desculpe, o fundo é amarelo. Isso provavelmente foi feito uma imagem e a imagem na parte superior correspondeu à cor de fundo. E na parte inferior desta imagem, a costura é provavelmente um raio aqui, é onde a imagem realmente pára. Este é um texto real que é realmente construído em e estes são ícones que você pode adicionar em, no chimpanzé masculino. E parece perfeito e a mesma coisa adere a este conteúdo aqui é tudo realmente no e-mail. Esta é uma imagem com um fundo branco. Para fazer algo assim, você tem a imagem com o branco em cima, o vermelho na parte inferior. E assim este bloco de conteúdo, o fundo é branco. E, em seguida, este bloco de conteúdo, o plano de fundo é lido. Este designer pré-planejou para saber que a metade superior desta imagem precisava ser peso e a metade inferior dela precisava ser vermelha. E isso meio que vai para baixo para saber exatamente quais são os valores RGB. Então, a correspondência do Jared exatamente. E assim, e então o resto é bastante simples. A mesma coisa com isto. Para obter essas miniaturas arredondadas, eles provavelmente o fizeram. O que eu mostrei a você com os planetas onde você faz, fazer a máscara de corte forma arredondada no fundo é branco. Este é o lugar onde ele fica realmente interessante porque com pincéis personalizados no Photoshop, você pode realmente ficar muito divertido com suas bordas para. Então, como você pode ver aqui, a imagem é provavelmente um retângulo onde ela atravessa aqui, aqui em baixo, e depois corta por aqui. Então, há realmente esperar na imagem. Mas depois pintaram com o Photoshop o mastro e criaram esta bela costura aqui. E assim, com essa técnica, você pode ficar ainda mais criativo. Como digamos que ele tinha feito isso no topo também. Então agora o topo e o fundo têm este costume realmente interessante parece que você pode fazer diagonais com ele também. Talvez em vez de vir diretamente através da imagem, como a máscara meio que se depara desta forma ou desta maneira também. E isso dá a você uma licença muito mais criativa também. Você começa a jogar com novas formas, com novas bordas, contanto que a cor de fundo, a cor do corpo do conteúdo corresponda à borda da imagem. Vai parecer perfeito e vai parecer que você fez de propósito. E então o resto deste e-mail é bastante simples. São apenas retângulos, o texto e os ossos. Este é outro realmente inteligente ou e-mail. Então, no topo, a costura é provavelmente taxa aqui, bem aqui. Então eles têm este topo da imagem e eles sabiam que o corpo do e-mail iria ser esta cor azul realmente escuro. E assim eles se certificaram de que combinavam com a imagem. A polícia pára por ali, depois é uma mensagem. Então aqui eles provavelmente usam o mesmo layout de conteúdo que eu tinha antes com a imagem de texto, imagem texto, imagem de texto. Então, isso está tudo no e-mail. E isso provavelmente é uma imagem com o fundo enquanto tomamos um retângulo com eles, o fundo é apenas corresponde a esta cor azul. Isto é provavelmente a mesma coisa. É uma imagem de sangria total e eles apenas medem na parte superior e inferior, combinam com esta cor de fundo. E eles fizeram a mesma coisa aqui. Então, quando você está olhando para ele, porque as cores correspondem exatamente, você não vê as costuras, você não vê onde a imagem começa e pára. Você só vê quando bloqueio de conteúdo contínuo. Então, usando espaço negativo, você pode ser realmente criativo com a forma como você desenha esses e-mails. É preciso um pouco mais de planejamento do que apenas ir para o chimpanzé masculino, trabalhar com retângulos, arrastar e soltar, etc, etc. Então, com essa técnica, como eu disse, você pode apenas, apenas requer uma quantidade de pré-planejamento. Você esboça seu e-mail primeiro você entende onde sua cor de fundo vai estar. Você entende como, como você quer que suas costuras pareçam e então você apenas brinca com ela e você pode ser muito, muito criativo. Então essa é a primeira técnica, é usar espaço negativo para sua vantagem.