Fundamentos de e-mail marketing + [atualizado] templates gratuitos: crie e-mails envolventes no Canva | Charlie Sweeney | Skillshare

Velocidade de reprodução


1.0x


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

Fundamentos de e-mail marketing + [atualizado] templates gratuitos: crie e-mails envolventes no Canva

teacher avatar Charlie Sweeney, Let's grow your e-commerce business!

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.

      Introdução ao design de e-mails no Canva

      1:04

    • 2.

      Por que criar e-mails no Canva?

      1:49

    • 3.

      Cinco princípios fundamentais de design e layout

      6:10

    • 4.

      Preocupações com a entrega de e-mails

      2:53

    • 5.

      Escolhendo e configurando um modelo

      5:36

    • 6.

      Como e por que usar um guia de estilo de marca

      1:51

    • 7.

      Criando seu e-mail

      20:53

    • 8.

      Revisão final e auditoria

      3:15

    • 9.

      Resumo

      1:15

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

166

Estudantes

2

Projetos

Sobre este curso

Neste curso, você vai aprender a criar campanhas de e-mail visualmente envolventes usando o Canva. Se você está procurando aprimorar o marketing por e-mail da sua empresa ou criar e-mails para clientes, este curso vai orientar você passo a passo pelo processo de criação de modelos profissionais e eficazes. Você também vai ter acesso a modelos Canva prontos que pode personalizar para se encaixar no estilo da sua marca.

O que você vai aprender:

  • Como criar designs de e-mail com um visual atraente e alinhados à marca no Canva
  • Crie e-mails que sejam focados em engajamento e conversão
  • Os princípios fundamentais do design, incluindo hierarquia visual e simplicidade
  • Práticas recomendadas para usar cores, fontes e layouts de forma consistente
  • Como começar a usar modelos de e-mail personalizáveis para agilizar seu processo de design

Por que você deve fazer este curso:
Criar designs de e-mails bonitos e funcionais pode ser demorado e, muitas vezes, frustrante. Este curso oferece uma solução sem código para ajudar você a criar e-mails com mais rapidez e eficácia, sem precisar de habilidades avançadas de design. Você vai sair do curso com a confiança para criar e-mails que ressoem com seu público e gerem engajamento. Além disso, com meus modelos gratuitos do Canva que incluem mais de sete layouts de email pré-criados, você vai ter um ponto de partida sólido para iniciar sua próxima campanha.

Para quem é este curso:
este curso é perfeito para proprietários de empresas, profissionais de marketing e freelancers que desejam melhorar suas habilidades de design de e-mail marketing. Ele é fácil para iniciantes, por isso, não é necessário ter experiência prévia em design. No entanto, uma compreensão básica de e-mail marketing vai ajudar você a tirar o máximo proveito deste curso.

Materiais/recursos:
você vai precisar de acesso ao Canva para participar do curso. Também vou fornecer um conjunto gratuito de modelos do Canva com sete layouts de e-mail totalmente projetados que você pode personalizar facilmente para as suas próprias campanhas.

Conheça seu professor

Teacher Profile Image

Charlie Sweeney

Let's grow your e-commerce business!

Professor
Level: Beginner

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 ao design de e-mails no Canva: Se você precisa de nosso marketing para sua própria empresa ou trabalha em uma empresa que precisa dele ou talvez até mesmo o forneça como um serviço , este curso ajudará você a criar e-mails envolventes dentro do Canva ou de qualquer plataforma, você pode adotar as mesmas práticas em qualquer plataforma, mas trabalharemos Camera neste para todos os exemplos. E vamos ajudar a criar e-mails envolventes que você realmente tenha orgulho de mostrar às pessoas Agora, todos nós já estivemos lá onde enviamos um e-mail, e você meio que acha que é realmente muito ruim, não é? Tipo, eu dediquei muito tempo a isso. Talvez nem tanto tempo. Quem sabe? Todo mundo é diferente? E você acha que simplesmente não parece bom. Não importa o que eu faça, por algum motivo, parece muito genérico e muito simples, Jane, basicamente. Então, o que vamos fazer é tornar esses e-mails envolventes sem exagerar Mas algo que você pode fazer sem gastar horas nisso. Você pode até mesmo levar menos tempo do que antes e começar a aumentar seu engajamento com esses e-mails E espero ganhar mais dinheiro, vendas, consultas, seja qual for o seu objetivo Então, vamos mergulhar nisso e nos vemos no próximo vídeo. 2. Por que criar e-mails no Canva?: Eu gostaria de saber por que estamos usando o Canva e não projetando isso dentro da própria plataforma de e-mail E para ser honesto com você, você pode fazer isso dentro da plataforma de e-mail. Mas sempre há o problema 22, porque ao projetar diretamente na plataforma de e-mail, muitas vezes descobri que as pessoas deixam algumas bordas irregulares, seja no espaçamento nas formas que usam ou na forma como recortam as imagens, tudo pode parecer um pouco áspero quando montado, porque fica um pouco mais rígido quando você está restrito a esses elementos ou os blocos que eles te dão. Agora, se você souber codificar e fazer todas as alterações dentro de um Clavia, poderá obter a maioria dos layouts que realmente deseja dentro dele Mas o fato é que geralmente é mais fácil e eficiente em termos de recursos projetá-los em algo como o Canva, exportar esses elementos e trazê-los para a plataforma de e-mail E essa é uma solução completa sem código, então isso significa que você ou qualquer pessoa da sua equipe pode fazer isso. Então, depois de ter o modelo lá, você pode fazer com que um membro da equipe entre e comece a produzir os e-mails para você Você não vai se preocupar com o fato eles se tornarem desonestos e você sabe, quem sabe o que eles farão dentro de uma clava, talvez apenas um e-mail de texto simples com alguma fonte rosa ou roxa Você não sabe. Mas quando você está dentro de um Canva, você pode criar mais um modelo, uma estrutura clara que pode ser usada nas plataformas de e-mail Quando estiver lá, você poderá ter blocos reutilizáveis dentro da plataforma, que você pode continuar usando em todo o fluxo automatizado ou nos e-mails da campanha de e-mail. Mas, no mundo ideal, na verdade, queremos usar algumas seções da própria plataforma de e-mail e alguns dos componentes que projetaremos ou criaremos a partir do Canva E queremos mesclá-los basicamente quando você cria sua campanha de e-mail ou design de fluxo de e-mail Então, no final das contas, não há certo ou errado, qual plataforma você usa, onde é o photoshop Illustrator, Canva, Figma, então você pode criar lá e trazê-las ou fazer tudo dentro da própria plataforma EMA, qualquer coisa com a qual você se sinta confortável e sinta que pode obter o melhor resultado e ser mais eficiente para você e para a equipe com a qual está trabalhando 3. 5 princípios fundamentais de design e layout: Cinco princípios fundamentais de design e layout que você deve considerar ao criar seus e-mails O primeiro é a hierarquia visual e os pontos focais. Agora, geralmente o objetivo principal de qualquer e-mail será conduzir algum tipo de ação. Agora, isso pode não ser sempre o caso, mas na maioria dos casos, é. E o que queremos garantir, então, é que toda a nossa hierarquia visual leve ao botão de call to action Esse botão de ação Carter é a principal coisa que queremos que as pessoas vejam, interajam ou com as quais interajam Então, ao dizer isso, o que não queremos fazer é colocar aquele pequeno botão de ação Carter na parte inferior em uma pequena fonte com apenas texto simples que tenha apenas algum espaço em branco ao redor, e esperar que as pessoas o encontrem na parte inferior Nós não queremos fazer isso. Queremos ter certeza de que usamos imagens. Usamos espaço em branco. Usamos o tamanho da fonte, tudo para guiar o olhar e guiar o leitor até aquela ação de Carter Também pode ser o posicionamento da chamada de ação, então queremos ter certeza de que ela seja colocada acima da dobra, por exemplo. Queremos garantir que pelo menos um botão de call to action esteja acessível nessa primeira pequena visualização que, ao olhar em um e-mail, você possa vê-lo. Simplifique e facilite para as pessoas. Não complique demais. Isso se encaixa perfeitamente no segundo ponto, que é equilíbrio, espaçamento e simplicidade Isso não é difícil, mas geralmente é algo que as pessoas erram porque tentam colocar muita coisa em um e-mail Queremos usar imagens e texto para apoiar a chamada à ação, não para tirá-la dela Mantenha os parágrafos bonitos e curtos. Mantenha um espaço considerável entre as imagens e os parágrafos Você não precisa tê-lo muito, muito perto. Você também não quer que fique muito longe. Só uma boa lacuna. Quando você pode ler esse e-mail, se você pessoalmente puder simplesmente abri-lo e dar uma olhada rápida, consegue ter uma ideia do que ele está falando As imagens no texto se apoiam mutuamente, o que ajuda a fazer com que as pessoas acessem o botão de direção de chamadas e as pessoas interajam com ele Ou são apenas coisas separadas, e há muitos parágrafos grandes e longos de texto, que provavelmente ninguém nunca vai ler, e então estão apenas causando confusão Lembre-se de manter as coisas simples. Queremos limitar o número de recursos no e-mail e manter os parágrafos ou qualquer texto curto e agradável Não faça com que seja como ler uma carta longa. Queremos ser curtos, gentis e envolventes. Isso é tudo. O terceiro ponto é a otimização do design móvel. Muitas vezes, você descobrirá que as pessoas criam e-mails incríveis , semelhantes a sites que ficam ótimos em um desktop Mas quando você abre em uma tela menor, tudo parece abarrotado Os layouts mudam. Tudo isso quebra e, na verdade, não parece mais muito atraente ou agradável de se ver. Não flui da mesma forma que no desktop. Então, o que queremos fazer é, na verdade projetar os e-mails para dispositivos móveis E, para ser honesto, você provavelmente terá 60 a 80% do seu público vendo esse e-mail no celular. Portanto, com o celular em mente, alguns dos principais elementos que queremos considerar são manter um layout de coluna única. Não queremos uma estrutura de grade muito complexa, mantenha-a simples. O segundo é um tamanho de fonte grande o suficiente. Em dispositivos móveis, às vezes você pode ver as pessoas reduzirem o tamanho da fonte para menos de 12 pixels Agora, você raramente conseguirá ler isso, e as coisas podem parecer muito pequenas, especialmente se você tiver texto e um ativo de imagem no desktop, pode ficar ótimo quando expandido. Depois de reduzido para uma tela de celular, você ainda consegue lê-lo Você precisa verificar essas coisas antes de enviar o e-mail. E outra são as ações de corais. Eles ainda se enquadram no quadro certo do que você tinha em mente? Você tinha aquele primeiro acima da dobra? O outro está onde você o tinha à direita? Isso agora quebra e está abaixo um ativo diferente do que você pensava antes? Como tudo isso flui? Você precisa apenas verificar tudo isso. É super fácil. Primeiro, envie um pequeno teste de pré-visualização e certifique-se de que sua chamada para ações ainda esteja em destaque e seja facilmente acessível para interagir. Porque, como todos nós já fizemos antes, você está tentando clicar em algo no telefone e nos botões muito próximos de outra coisa, e acaba clicando nele . É um Shamozle Queremos garantir que esse botão permaneça limpo e claro. Podemos clicar nele facilmente e temos espaçamento suficiente e tudo mais. Então, basta verificar isso para celular. Isso vai ser uma prioridade máxima. Portanto, tenha isso em mente. Quatro é o uso de uma marca consistente no estilo. Isso não é nada pior quando você vê uma marca investindo em uma marca bacana, e então você olha o e-mail, o site e as redes sociais e nada se relaciona Tudo parece tão diferente. Você não tem reconhecimento da marca. E está em todo lugar. Garantir que usemos marca e um estilo consistentes em todos os e-mails realmente ajudará a uma marca e um estilo consistentes em todos os e-mails realmente ajudará a criar confiança e fácil reconhecimento para as pessoas quando elas estiverem visualizando seu site, seus e-mails ou redes sociais. Tudo se encaixará, e elas clicarão e o cérebro de Bill dirá : Ah, essa é : Ah, Essa é a sua marca com a qual estou interagindo, e terei mais confiança que foi construída lá. O principal é manter as cores, os tamanhos das fontes, o uso de logotipos, todos esses tipos de coisas consistentes. Just Sort não parece uma marca totalmente nova aparecendo na sua caixa de entrada toda vez Apenas mantenha as coisas simples, mantenha-as consistentes. Isso será fundamental para criar o reconhecimento de marca que você procura. Por fim, número cinco, legibilidade e acessibilidade. Queremos garantir que seus e-mails sejam realmente legíveis em dispositivos móveis, desktops e tablets pelas pessoas que os recebem Não só porque fica bem em um arquivo de design, mas também porque é realmente legível e acessível A última coisa que queremos é um baixo contraste nas cores usadas umas sobre as outras. Texto muito pequeno para ser lido, menos se for de baixo contraste . Combinação terrível. A ação Cort é muito pequena para até mesmo clicar ou distinguir entre outros textos e imagens que não estão carregando porque não têm descrições antigas Lembre-se dessas coisas elas são muito simples de verificar e testar. Mesmo que pareça melhor de uma forma, às vezes usando uma determinada cor ou um determinado tamanho de fonte quando está no arquivo de design. Lembre-se de que esses e-mails têm um propósito, e a ideia geral é obter o engajamento do público, não apenas fazer com que eles olhem e saiam Oh, isso é bonito, e então continue. Queremos que eles parem, interajam ou absorvam o que está nesse e-mail e façam esse clique. Isso é tudo o que realmente importa. Então, mesmo que você sacrifique um pouco de design ou um pouco da liberdade criativa que você espera ter, não importa. Esse não é o objetivo disso. Queremos garantir que seja legível e envolvente. Isso é tudo. 4. A entregabilidade de e-mail: preocupação comum das pessoas é se criar meu e-mail e algo como o Canva e, em seguida, importar todas as imagens e ativos para a plataforma de e-mail afetará a capacidade de entrega do meu e-mail E a resposta é, bem, sim e não. Então, tudo depende de como você faz isso. O que queremos garantir é que, quando estamos trazendo elementos, a primeira coisa é que seja apenas um elemento de texto simples e não haja animações Não há sobreposição nem nada parecido. Em seguida, faça com que seja um bloco de texto dentro do e-mail, usando uma das plataformas de e-mail, componentes de texto, basicamente. Então, quando pudermos, queremos ter certeza de usar as plataformas, componentes ou seções de e-mail , onde fizer sentido. Nem sempre queremos usar uma imagem se pudermos realmente usar as seções que elas fornecem. A segunda coisa é que, quando estamos trazendo ativos, queremos garantir que eles sejam otimizados. Agora, não há nada pior quando você clica em um e-mail e fica em branco. Não há nada aparecendo. As imagens estão demorando cerca de 10 segundos ou carregando, você está sentado esperando e, de repente, começa a vê-las aparecer. O que podemos fazer lá é otimizar as imagens e garantir que elas sejam exportadas de acordo com o uso de onde estão indo Então, se você tiver apenas um pequeno bloco que pode ter 100 pixels por 100 pixels, não faça disso uma imagem de tamanho banal que estamos apenas colocando lá Pode ser que, às vezes, eu tenha visto e-mails de pessoas com arquivos de imagem de dois, três megabytes É ridículo. Você não precisa disso. Você pode reduzir isso para 100 kilobytes ou menos, mesmo nas dezenas Você não precisa de grandes tamanhos de arquivo. Arquivos grandes não significam melhor qualidade nem significam menos capacidade de entrega e menos engajamento Agora, a terceira coisa também é adicionar texto antigo. Imagens de texto antigas significarão que, se a imagem não carregar e, às vezes, as pessoas nas caixas tiverem medidas de segurança implementadas, talvez elas não carreguem a imagem até clicarem em Mostrar imagens que queremos que tenham texto antigo. Também é importante para a acessibilidade. Então, se as pessoas têm leitores de tela, isso também ajuda a ver seus e-mails e saber em que clicar ou o que realmente está sendo exibido na tela. Portanto, não há mal nisso. Também leva apenas alguns segundos para fazer isso. Então, se você não está fazendo isso, é só porque está sendo preguiçoso e pode simplesmente fazer isso ao adicionar a imagem ao Plavio ou ao chip Qualquer outra plataforma de e-mail. Ele terá a opção de adicionar um link e, muitas vezes, também um texto. Sempre certifique-se de colocar uma descrição simples do que está sendo mostrado na imagem. Isso vai ajudar você e vai ajudar na capacidade de entrega, e também em qualquer pessoa que veja seus e-mails se algo der errado quando as imagens foram carregadas, por exemplo Então, em resumo, não, você ficará bem, mas queremos ter certeza de que usamos uma boa combinação de tudo. Então, os elementos que são fornecidos pela plataforma de e-mail e também os ativos que estamos criando dentro da câmera. Queremos reunir todos eles e fazer com que funcionem como um só. Não precisamos depender apenas de um ou de outro. Eles podem trabalhar juntos, e você descobrirá que esse é o equilíbrio perfeito. Você não deve ter problemas ao fazer isso. 5. Como escolher e configurar um modelo: Agora, estamos prontos para entrar no Canva e vamos criar seu primeiro e-mail Há algumas opções que você tem aqui. Primeiro, o Canva tem muitos modelos existentes. Então, o que você pode fazer é, depois de abrir o Canva, acessar o modelo e pesquisar no design de e-mail Então, como você pode ver, já existem muitos modelos diferentes no Canva que você pode usar, seja inspiração Você pode pegar o modelo e personalizá-lo você mesmo, para poder usá-lo como base novo e-mail, o que quiser. Você também não precisa usar o modelo inteiro. Você pode dizer: Oh, eu realmente gosto desse, mas eu quero, eu só quero roubar essa imagem de banner Eu realmente não gosto do resto. Eu só quero ter uma imagem de banner simples com esse tipo de texto. Perfeito. Você também pode criar isso sozinho. Portanto, a outra opção é criar um design e enviar um boletim informativo por e-mail que já existe como formato de modelo aqui e começar a criar seu e-mail dentro dessa nova prancheta personalizada Como você pode ver, ainda há outros recursos do Canva que você pode usar enquanto estiver nisso Agora, a Camber vai sugerir a você todos os diferentes ativos de e-mail que podem ser relevantes para o tipo de prancheta que você tem Então, neste caso, é e-mail. Então, isso é ótimo porque queremos muitos ativos relacionados a e-mails. Então você pode rolar, ver coisas diferentes e dizer : Oh, eu não gosto disso? Oh, isso vai funcionar muito bem. Se eu clicar neste , posso ver isso. Ou há mais opções recomendadas aqui. Perfeito. Eu vou pegar esse. Gosto de ver isso um pouco e pronto. Então vamos, agora eu posso pegar isso, eu posso entrar, e eu posso mudar esse texto se eu quiser, eu digo, Oh, na verdade, minha oferta é perfeita de $150 E então terminamos. Agora você basicamente acabou de receber isso. Isso vai parecer melhor do que o e-mail da maioria das pessoas, e você acabou de fazer alguns cliques dentro de uma câmera Pense nisso por um segundo e Isso parece melhor do que a maioria dos e-mails que recebo diariamente? Chance, é sim. Agora, outra opção, você tem esses modelos existentes do Canva, mas eu também criei um modelo do Canva para você que você pode usar e começar a criar todo o e-mail Portanto, muitos desses modelos de e-mail no Canva serão para pequenas seções de um e-mail. Então, o que eu fiz por você foi pegar alguns designs de modelos de e-mail existentes e recriá-los de uma forma que você possa usar dentro do Canva e simplesmente arrastar e soltar seu conteúdo Então, como você pode ver aqui no momento da gravação, eu tenho sete modelos diferentes de e-mail completos e prontos para você começar a usar? Você pode misturá-los e combiná-los? Você pode pegar certos elementos e adicioná-los aos seus e-mails existentes Você não precisa usar todo o e-mail. É claro. Não pense que você só precisa mudar toda a sua marca e aparência para combinar com uma delas. Mas você pode usá-lo como uma inspiração muito forte, digamos, e ter uma ideia de como ele também está sendo usado. Então, como você pode ver, em cada design de modelo de e-mail no Canva, eu também incluí o e-mail de referência no qual ele se baseia Então você pode ter uma ideia de, Ok, o que eles estavam usando para cores? Como era o contraste deles? Qual foi o tamanho da fonte, a ousadia, o apelo à ação? O que eles estavam fazendo? Então, espero que sejam muito úteis para você, e eu incluirei o link para que você possa acessá-los, começar a personalizá-los e eu continuarei adicionando mais e mais Portanto, mais modelos aparecerão com o tempo. Portanto, fique de olho nisso também. Você pode começar com um desses, mas espero que em breve haja alguns novos para você usar, e você possa continuar renovando e ampliando seus esforços em torno do design de seu e-mail Agora, uma rápida pergunta se você tiver algum e-mail que gostaria de recriar dentro do Camera, entre em contato e ficarei feliz em ajudá-lo a fazer isso E podemos adicionar isso à coleção de modelos para ajudar a todos. Então me avise, mande uma mensagem, encaminhe o e-mail que você deseja recriar e eu vou ver o que posso fazer por você Então, se você optou usar um dos modelos do Canva, criar uma prancheta para o cliente ou um dos modelos que eu forneci, agora você abrirá isso e definiremos o design dentro do Então, vou trabalhar em um dos designs de e-mail incluídos no modelo que compartilhei com você. Vamos dar uma olhada e acho que vamos usar o último, mas você pode dar uma olhada neles à medida que avançamos, e eles são bem longos. Então lembre-se, você não precisa ter todos os e-mails por tanto tempo Você pode cortar seções se não tiver. Não sinta que precisa preencher todas as lacunas porque não confia em mim. Provavelmente, as pessoas não lerão todos os seus e-mails, então não se ofenda, mas inclua apenas as partes principais Então, vou recriar esse e-mail aqui. Se você der uma olhada nesse design, verá que é bastante simples e direto, mas há algumas coisas importantes a serem consideradas Uma delas é que nem todos esses elementos precisam ser criados no Canva para que possamos usá-los em nossa plataforma de e-mail Então, seja clavia ou chip de e-mail, você pode realmente criar a maior parte desse e-mail dentro da plataforma Mas, neste exemplo, vamos construí-lo e projetá-lo dentro do Canva, que depois de ter esse design lá, você pode decidir quais seções você deve criar na plataforma É sempre melhor criar o e-mail primeiro e depois avaliá-lo. Não tente se apressar e fazer as duas coisas ao mesmo tempo, porque você apenas faz bagunça e, muitas vezes manipula e trabalha mais para si mesmo Projete o Ema primeiro, depois de ter a estrutura desejada, e depois tome essas decisões. Então, para isso, vamos nos concentrar apenas no design da Ema em si. Então, o que podemos fazer agora, se rolarmos para baixo até o modelo em si, que podemos ver no próximo slide, podemos ver que temos uma tela em branco com a qual trabalhar. Portanto, em cada um desses modelos, os elementos individuais são todos separados, para que você possa ter controle total sobre as cores das fontes. E foi isso que mencionamos. Queremos garantir que as cores e as fontes estejam alinhadas com nossos guias de marca e estilo, por isso não queremos apenas pegar o que está aqui. Lembre-se de alinhá-lo. Vou fazer rapidamente os ajustes neles, para que você também os tenha como ponto de referência. Então, o que eu quero fazer é saber que alguns de vocês podem não estar completamente familiarizados com Canva e se beneficiariam de ver um temperamento ser redesenhado ou transformado em um novo tipo de aparência para uma Isso é o que eu vou fazer hoje. 6. Como e por que usar um guia de estilo de marca: Uma das coisas mais difíceis quando se começa com uma câmera é saber como pegar um modelo e realmente alinhá-lo à sua marca Porque muitas vezes, você sabe, você pode olhar para este exemplo e dizer, mas eu não sou uma marca de produtos para a pele Eu não tenho imagens como essa ou aqueles esquemas de cores legais e fontes assim. Como faço para aplicar isso à minha marca para que eu possa realmente fazer com que ela tenha uma boa aparência e não faça com que pareça tão ruim quanto antes, quando você a projetava diretamente na plataforma Então, o que eu quero fazer hoje é realmente redesenhar esse modelo de e-mail com uma aparência diferente para um tipo diferente de produto, e mostrar o quão simples ele pode ser, e você não precisa pensar demais ao ler Então, o que eu fiz para o exemplo foi pegar um kit de marca que já existe na Câmera, então eu apenas pesquiso nos modelos de câmera do kit de marca. Então, se você está sempre interessado em marcas e quer algo rápido ou apenas algo para despertar algumas ideias, definitivamente recomendo fazer isso se você está apenas começando. Então, um dos principais elementos que abordamos foi manter seus designs alinhados com sua E esse é um bom ponto de referência para se ter. Isso pode ser algo que você precisa fazer pela sua empresa e apenas criar um guia simples de marca ou estilo. Agora, muitos de vocês podem ter criado seu próprio logotipo inicialmente ao iniciar sua marca, e está tudo bem Na verdade, adorei isso. É exatamente o que eu fiz, e acho que é uma ótima maneira de começar e dar o pontapé inicial. O problema com isso geralmente é que você não tem essa visão das fontes das cores e dos diferentes usos que você pode ter desses elementos de marca E é aí que as coisas ficam um pouco confusas ou um pouco cinzentas medida que você tenta crescer e fazer diferentes tipos de marketing Como você não quer ser essas pessoas e queremos ter certeza de que temos consistência, e queremos ter certeza de que temos alinhamento e reconhecimento de marca, provavelmente queremos montar algo assim Então, eu recomendaria que você criasse uma diretriz de marca simples, se ainda não tiver uma, e isso facilitará que você ou qualquer pessoa da equipe crie esses e-mails e os mantenha alinhados com essa marca com o passar do tempo 7. Como criar seu email: Examinamos o modelo, vamos rolar para baixo até o modelo editável que temos aqui e podemos ver que a primeira coisa que vamos deixar de lado é um logotipo Então, para começar, vamos copiar o logotipo e colocá-lo aqui. Então copie e cole, e então temos o logotipo aqui. Agora é óbvio que foi perdido na nuvem. Tudo bem. Também vamos substituir a imagem. Então, o que podemos fazer pela imagem. É que vamos tirar uma das imagens que já existem aqui dentro. Então, vamos pegar este e podemos simplesmente copiá-lo. Você pode simplesmente carregá-lo do seu computador e adicioná-lo diretamente. Então, se a colarmos nesta prancheta, pois é uma moldura, você pode simplesmente arrastar a imagem para dentro da moldura e ela detectará que você deseja colocar essa imagem dentro da moldura Tão agradável e fácil. Então, clicamos na imagem e a arrastamos sobre o quadro. Ele é adicionado diretamente aqui. Então, quando você quiser redimensionar essa imagem, agora ela estará no quadro Vou clicar duas vezes nisso. Podemos ver que temos algumas opções aqui. Você pode girar, expandir com IA ou cortar. Eu só quero aumentar um pouco o tamanho da imagem, para que ela fique um pouco melhor na moldura. Então, se eu pegar o canto aqui e arrastá-lo para cima, você verá que ele só aumenta um pouco de tamanho. Mova-o um pouco para cima e lá vamos nós. Na verdade, não sei se adoro a forma como a mão fica atrás do logotipo, então talvez eu diminua um pouco. São as pequenas coisas que contam. E então eu poderia simplesmente mover o logotipo um pouco para cima. Perfeito. Então, agora temos a imagem do herói e a seção do logotipo prontas. Agora, se formos até a seção superior aqui, podemos ver que as cores não combinam exatamente com a marca. Então, se voltarmos à marca, podemos ver que estamos trabalhando com algumas cores diferentes aqui. Então, vamos pegar essa cor. Primeiro de tudo, vamos apenas copiar esse código hexadecimal e depois eu volto aqui E eu vou apenas adicionar a esse cabeçalho de seção, essa cor. E então, para essa barra de anúncios, vou pegar uma cor diferente, então podemos pegar esse verde. Então, novamente, copie esse código hexadecimal, e então eu vou entrar aqui, colar essa cor Essa não é a cor certa. Então, eu não tenho certeza do que eles fizeram lá, mas vamos entrar nessa cor então. Em vez disso, vamos copiá-lo do seletor de cores Isso pode nos dar um resultado melhor. Então, se entrarmos lá, cole. Perfeito. Lá vamos nós. Então, agora podemos ver as cores se juntando. Mas se você se lembra de um desses pontos-chave sobre os quais falamos, é a taxa de contraste. Agora, se eu estou vendo esses links aqui, eu realmente não consigo vê-los muito bem. E se meu dispositivo não tiver a melhor resolução de tela ou nitidez de cores, ou se meus olhos também não tiverem, não conseguirei lê-las e clicar facilmente. Então, queremos ajustar isso para garantir que tenhamos uma boa proporção de cores. Então, para obter a proporção de cores, tudo o que vamos fazer é selecionar esses elementos de texto e, em seguida, vamos mudar a cor da fonte. E podemos, na verdade, analisar a diretriz da marca Podemos usar preto ou podemos usar esse marrom. Acho que vamos usar preto por enquanto. Eu sei, eu poderia estar quebrando as regras. Vamos apenas selecionar preto. E a próxima coisa que você pode ver aqui nas diretrizes da marca que temos o clássico de Montserrat Agora, novamente, eu posso estar quebrando as regras aqui, mas na verdade não temos Montserrat instalado nesta instância do Canva Então, em vez disso, vou usar o Monate normal para isso Então, se eu clicar em Poppins, onde temos nossa família de fontes, e eu vou entrar aqui e pesquisar Mond, e então vamos vê-lo aparecer aqui, e podemos simplesmente clicar lá, e podemos tentar Queremos médio, semi negrito, negrito Não, acho que para isso, se usarmos o médio, acho que tudo ficará bem por enquanto. E então o que eu posso fazer é apenas aumentar a inteligência. E depois eu seleciono todos eles. Também queremos garantir que todos estejam posicionados uniformemente O espaço entre eles é uniforme. Então, se você selecionar todos eles, um pequeno truque é que você pode então ir para a posição. Quando a posição se abre, você pode ver o espaçamento horizontal, e queremos espaçar uniformemente na horizontal, clicar nele e Você vê pouca diferença, mas muitas vezes descobre que as pessoas têm muitos elementos nos e-mails que estão todos estranhamente espaçados, então essa é uma ótima maneira de reduzir o risco disso e economizar tempo e Para movê-lo pixel a pixel. Então, também faremos a mesma coisa com a barra de anúncios na parte superior aqui. Então, vamos clicar nisso e mudar isso para Monsat também E talvez optemos por apenas um negrito nesse caso. Agora, novamente, esse é o último que vou referenciar, mas é só para dar uma ideia de como usar uma diretriz de marca Muitas vezes, há muito mais detalhes em uma diretriz de marca que tem, você sabe, texto de call to action tem que ter essa aparência ou qual fonte usar para títulos, subtítulos e esse Então, vou enganar um pouco o sistema com isso Então, tire o grand st, mas espero que isso lhe dê a orientação e a orientação de que você precisa sobre como aplicar sua marca aos e-mails. Estamos quase terminando com esta seção principal aqui. Então, o que podemos fazer é rolar para baixo e mergulhar no corpo da cópia. Então, podemos ver que temos uma boa seção de cabeçalho aqui, e depois vamos voltar e adicionar essa fonte aqui. Lá vamos nós. Eu diria que isso parece um pouco grande demais, então vamos reduzir isso um pouco E eu acho que 36 pixels é um tamanho muito razoável. Então, podemos adicionar isso e queremos apenas garantir que o espaçamento não seja muito exagerado. Então, não é muito grande, nem muito pequeno, porque se você estiver percorrendo o e-mail, isso vai parecer estranho ou Acho que o espaçamento está quase certo, então podemos deixar como está agora E então podemos trazer esse texto até aqui, e podemos espaçá-lo do título acima. Então aí está. Mas agora podemos mudar a família de fontes dessa cópia corporal. Então, se você clicar neste texto aqui e, novamente, ir para Poppins ou onde você tem a família de fontes aqui, você vai para Montserrat, e então podemos clicar lá e simplesmente usar a fonte normal, e aí normal, e Então, agora você tem sua fonte lá e sua cópia do título, e sua cópia do título tudo alinhado com a marca Eu diria que isso realmente parece um pouco estranho com o tamanho Então, o que eu acho é que o corpo copia 15 pixels. Provavelmente não queremos reduzir o tamanho de 14 nesse caso, então podemos reduzir isso ao toque e ajustar o layout dessa forma. O que também podemos fazer é realmente tentar aumentar o tamanho do título aqui, apenas para melhorar a hierarquia Então, se aumentarmos o tamanho do título, diminua-o um pouco e, em seguida, queremos apenas trazer esse espaçamento para lá. E lá vamos nós. Acho que parece um pouco melhor agora temos um pouco mais de hierarquia, o corpo do texto e o título têm uma boa diferença de tamanho distinta e são fáceis Agora, você pode ter essa seção como um código de desconto incluído em sua série de boas-vindas ou pode não ter um código de desconto para você. O que eu poderia fazer aqui é, na verdade, colocar esse texto em negrito , eu acho, então vamos destacar esse texto. Em seguida, vá até aqui, onde você tem a barra de estilo, e clicaremos em negrito E então você tem esse efeito diferente de onde terá o código de desconto. Isso pode parecer muito ousado para você, talvez esteja pensando em se destacar como um polegar dolorido Então, o que você pode fazer em vez disso é desmarcar negrito e voltar para Monsrat Quando sua família de fontes tem várias variações de espessura, você pode entrar e selecionar o texto destacado que deseja alterar e, em seguida, ir para a família de fontes e, em seguida, ajustar adequadamente Então você pode ver que você pode ter ainda mais ousadia ou pode ter menos ousadia. Vamos apenas encontrar o meio e semirnegrito em vez de ousado, e agora podemos deixar como está Agora, a última parte desta seção é adicionar a chamada à ação. Então, se voltarmos às diretrizes da marca, você verá que eles não têm um plano de ação para essa diretriz de marca Então, a última coisa que precisamos adicionar a esta seção é a chamada à ação. Então, para isso, podemos simplesmente adicionar um bom botão. Então, se você tem um botão arredondado tipo pílula, um botão retangular, o que quer que você tenha, não importa Para isso, vamos adicionar o botão de estilo de pílula. Portanto, esse modelo já tem um estilo de botão aqui. Então, se mudarmos a cor, podemos ver que já existe uma forma de pílula Então, queremos ter o fundo branco com uma borda preta e, em seguida, o texto dentro. Então, vou mudar a cor de fundo para branco e depois vou até aqui e mudar o estilo da borda. Isso, vamos criar talvez um ou dois pixels. Talvez optemos por um por enquanto. E para esse estilo de marca específico, quero que o botão tenha um espaçamento um pouco diferente Então, a primeira coisa que vou fazer é na verdade, transformar as mensagens de texto em nosso carro em ação. Isso vai ser uma loja, recém-chegados. E então eu quero aumentar a altura e ajustar a largura. Então, tudo se encaixa um pouco mais com a marca e com o que estamos buscando aqui. Então, vou aumentar um pouco, trazer esses lados para dentro e pronto. E então vou mudar a fonte para Monsat, e acho que podemos usar Semi negrito para essa E lá vamos nós. Então, agora temos essa seção superior ordenada. Então, temos a seção de heróis com a navegação, a barra de anúncios que se destaca bem, com diferentes contrastes de cores E agora, com esta seção, vamos nos aprofundar na próxima. Para esta seção, vamos mudar a cor do elemento de fundo aqui, então vou entrar na diretriz da marca, selecionar essa cor aqui e copiar esse código hexadecimal. Volte. Depois de voltar, clique no elemento de fundo, clique na cor selecionada lá. Em seguida, adicione uma nova cor e eu vou colar esse código hexadecimal Lembre-se de que você pode simplesmente selecionar a cor desejada aqui. Então, se você quer um belo amarelo desbotado para sua marca, ou você pode ter um belo azul, azul suave Aí está. Você também pode selecionar a partir daí. Vou colar isso e pronto. Agora podemos ver que estamos trabalhando com alguns elementos diferentes aqui. Agora, para você, talvez você tenha ativos que queira adicionar. Para alguns de vocês, talvez não. Talvez você queira mudar a aparência disso e também não exagerar nos textos , é isso que vamos fazer hoje. Então, o que vou fazer é começar com um título, vou até aqui e clicar com o botão direito do mouse nesse elemento de texto. Então, se clicar com o botão direito, ir copiar o estilo, rolar para baixo , então eu posso clicar neste elemento de título aqui, e isso aplicará o estilo que já definimos no elemento anterior Então, agora que isso é bom e consistente, temos consistência em nossa hierarquia de cabeçalhos uma estrutura tipográfica, como Então, resolvemos isso. Você pode ver que há uma pequena lacuna se formando aqui. Então, vamos arrastar esse elemento de imagem e trazê-lo um pouco para cima, e aí está. Neste exemplo, vou remover esse texto de sobreposição, então vou excluí-lo por enquanto Volte para a marca e eu vou tirar outra imagem daqui Por enquanto, vou colocar essa imagem deste lado, copiá-la e colar na prancheta da mesma forma que antes Como é um recurso de imagem, podemos então arrastá-lo diretamente para a moldura da imagem, e isso vai caber nesse espaço. Lá vamos nós. Agora isso está aí. Podemos ajustar o tamanho desse quadro ou mover esse texto Neste exemplo, vou fazer um pouco dos dois. Então você pode ver como ajustar o quadro. Se você clicar no quadro aqui, verá que temos opções. Podemos arrastar até a esquina. Isso manterá a proporção e a tornará maior ou menor, ou podemos arrastar essas guias laterais aqui, permitindo que você se estenda em cada uma dessas direções Então, se pegarmos o que está na parte inferior, podemos estender isso um pouco para baixo , ou você pode fazê-lo subir. Então, isso vai depender do ativo que você tem. Mas digamos que o estendamos um pouco até lá. Então eu quero mover esses elementos de texto para cima. O que podemos fazer para fazer isso é clicar em cada um desses elementos e segurar a tecla shift ao mesmo tempo. Ao fazer isso, posso arrastar até o topo e pronto. Agora temos um espaçamento mais consistente entre a parte superior da seção e o cabeçalho, a parte inferior da ação carter e também entre cada um dos elementos Então, agora eu só preciso atualizar a ação do carter. O que vou fazer é voltar para cima. Vou copiar isso e, em seguida, rolar para baixo, excluir o carro de ação que está lá no momento e colar o que acabei de copiar, e vamos empurrá-lo para baixo Perfeito. Portanto, você também pode alterar seu texto para esta seção. Diga estas seções para itens à venda. Você pode simplesmente mudar para comprar, vender itens. E aí está. Então, agora você também concluiu esta seção. Então, obviamente, você pode ver que ainda existem elementos como os textos que eu não troquei Você pode facilmente clicar nele. Se você clicar duas vezes, poderá editar o emoji ou o que aparece aqui E você também pode simplesmente editar o texto. Então, uma coisa que obviamente precisamos fazer é mudar o texto para Montserrat para combinar com nosso estilo, Então, se clicarmos lá, destaque todas elas, volte para a família Font e mude para Montserrat Então, vou clicar em Montserrat e pronto Então você pode ver que agora eles são Monserat, e está ainda melhor Descendo, podemos ver que temos uma seção semelhante à barra de anúncios que tínhamos na parte superior. Então, podemos fazer duas coisas, basta copiar e colar a barra de anúncio. Ou se quisermos ter o texto adicional e você quiser adicionar rapidamente o estilo, vá até a barra de anúncios e clique com o botão direito do mouse em um dos elementos com os quais deseja começar Então, vamos começar com a seção de plano de fundo, Copiar estilo, rolar para baixo, colar esse estilo nesse elemento de fundo e, em seguida, fazer o mesmo com a fonte. Então, rolamos para cima, clique com o botão direito do mouse. Copie o estilo, volte para baixo, cole. Lá vamos nós. Agora concluímos essa seção. Agradável e fácil. O set não demora muito. E agora temos outra pequena seção de navegação. Uma coisa parecida. Podemos destacar todos esses elementos. Você pode clicar com a tecla Shift em todos eles ou simplesmente arrastar por cima. Vamos mudar isso para Monsat, e vamos para semi negrito ou médio, acredito que foi na verdade Então, o mesmo da última vez, basta ajustar o espaçamento arrastá-lo um pouco para fora Selecione cada um dos elementos e, em seguida, você pode clicar nos três pontos ou ir para a posição Mas desta vez, podemos pegar três pontos e depois podemos ir ao espaço uniformemente e arrumar tudo Lá vamos nós. Agora, nas últimas seções aqui, temos essa seção de rodapé inferior Então, se você quiser o elemento de onda, você pode mantê-lo lá. Basta clicar nele e, em seguida, eu vou pegar uma cor do nosso protetor de marca aqui, então eu vou pegar esta, e então você pode simplesmente mudar a cor nesta seção. Lá vamos nós. E então eu vou fazer a mesma coisa para as seções abaixo Então, essas duas caixas cinzentas são a mesma coisa. Destaque-os, vá para a cor e, em seguida, vou adicionar essa cor lá. Lá vamos nós. Você pode ir. Na verdade, eu não tenho nenhum uso para essa seção de ondas, então você pode simplesmente clicar nela, excluí-la e pronto. E então, se você quiser adicionar um novo plano de fundo, você pode. Você pode usar apenas um desses blocos. Você pode arrastar isso para cima. Então, se você clicar nela, use esta guia aqui e arraste até o fim. Você pode fazer isso ou arrastá-lo até lá se quiser deixar esse branco. Depende totalmente de você. Você pode fazer o que quiser. Você pode adicionar vários desses blocos, para que possamos arrastá-los de volta para baixo e depois copiar e colar. Então, podemos adicionar uma seção colorida diferente aqui. Então, se arrastarmos isso para cima, podemos tornar esta seção verde mais escura e pronto. Você poderia fazer algo assim. Por enquanto, vou manter as coisas simples porque gostamos do simples. A única coisa que você pode ver é que isso se sobrepõe. Então, se você tiver uma seção sobreposta a outros elementos, clique no elemento, clique com o botão direito, vá para a camada e enviaremos para trás Porém, neste exemplo, eu vou voltar ao elemento onda, então vou apenas desfazer todas essas alterações Então, basta clicar em Desfazer. E lá vamos nós. Então, temos a seção de ondas de volta. E o que você pode ver aqui que temos seções de benefícios para lojas. Então, para cada um deles, podemos colocar um ícone ou uma imagem e também alterar o texto. Então você já tem ícones que deseja usar. Talvez você não. Fazemos uma mistura de ícones de bibliotecas de ativos às quais temos acesso e também ícones de design personalizado. Cada loja pode ser um pouco diferente. O que você também pode fazer é, se quiser apenas algo simples e fácil, entrar em elementos, pesquisar e talvez, você sabe, queremos retornar o ícone. Então, vamos voltar e ver o que acontece. Então, se entrarmos nos gráficos e vermos tudo, podemos ver muitas opções diferentes surgindo aqui. Então, dependendo da sua marca, talvez você queira algo um pouco mais ousado Você pode querer algo um pouco menos ousado ou menos intenso. Mas talvez optemos por um desses. Digamos que usemos um simples sinal de retorno do infinito aqui Então, vamos apenas arrastá-lo ou clicar e isso será adicionado à nossa prancheta Em seguida, vamos simplesmente arrastar isso para onde queremos que ele vá. E, obviamente, precisaremos redimensionar isso. E então eu vou pegar a flecha e reduzi-la. E então eu posso colocar isso onde queremos que vá. Agora, como é um gráfico, ele não vai substituir ou caber no quadro da imagem porque eles são um pouco diferentes de como o Canvas. Então, parece que clicamos onde temos o quadro e o texto lá, desagrupamos Então, parece que selecionamos o gráfico por trás, então vamos mover o gráfico ou o ícone de qualquer maneira, excluir o quadro da imagem e colocar o gráfico de volta. Então, vamos lá. Agora temos isso. Vou mudar o texto de benefícios da loja para aqui e depois ir para segunda-feira. Novamente, podemos realmente criar esse meio, apenas para facilitar a leitura desses benefícios, porque eles são importantes e queremos que as pessoas os vejam. Então você pode repetir esse processo todas as quatro seções. Mas digamos que você não tenha quatro. Talvez você só tenha três. Então, o que podemos fazer aqui é excluir uma dessas seções e ter apenas três cruzando, digamos. Então, o que vou fazer é realmente excluir todos os três. E então podemos pegar esse e depois duplicar em mais três instâncias Além disso, antes de fazer isso, eu poderia aumentar um pouco o espaçamento e também aumentar o tamanho da fonte para 12. Aí está. E então eu posso simplesmente pressionar a tecla Shift, clicar nesses dois elementos e arrastar pelo meio, e então eu posso ir para o outro lado. E podemos ver aqui Canbll costuma dizer quando vocês estão perfeitamente separados . Então , como você pode ver lá. Acho que está um pouco distante em comparação com o resto do e-mail, então vou trazê-los um pouco. Lá fora, e depois faça o mesmo deste lado, onde podemos trazer aquele. E, novamente, ele deve nos dizer, lá vamos nós. Então, agora nós os terminamos. Você pode adicionar mais gráficos, então, novamente, você pode ir até os elementos, entrar aqui e, você pode dizer, você pode ser um pouco criativo. Então, digamos que você queira falar sobre o seu, esse ícone de círculo pode ser para devoluções gratuitas. Agora que temos essa solda de layout, você vai querer ter certeza tem três benefícios diferentes Não repita apenas um três vezes, então talvez você queira adicionar mais alguns elementos. Portanto, sinta-se à vontade para entrar nos elementos. Lembre-se de que os ícones não precisam corresponder explicitamente ao que você está dizendo Desde que corresponda ao tipo de vibração da sensação da sua marca Então, digamos que você tenha outro relacionado a pontos de fidelidade. Talvez queira ter um coração lá dentro ou algo parecido. Então, vamos ver o coração, e então podemos ver os diferentes corações, gráficos ou formas. E podemos pegar essa aqui, adicioná-la, reduzi-la, obviamente, e depois ter certeza de que ela se encaixa onde queremos que ela vá Então você pode adicionar isso. Depois de fazer isso, selecione o quadro por trás, exclua e pronto. Então faça isso com o terceiro, e então você está quase terminando com sua seção de benefícios. A única coisa que realmente resta é adicionar o nome da sua empresa e se inscrever. Portanto, embora seja muito provável que isso seja gerenciado na própria plataforma de e-mail, apenas para exemplificar o design, você pode adicionar o nome da sua empresa, lembrando você pode adicionar o nome da sua empresa, que, neste caso, somos quatro estúdios de moda, então podemos simplesmente digitar isso aqui Four ette fashion. O vídeo aí está, e depois temos os ícones sociais Então, a única coisa que resta a fazer aqui é se você quiser alterar a cor deles, para que possamos clicar no ícone social, depois voltar e selecionar o código hexadecimal para essa cor verde E então podemos simplesmente adicionar essa cor aqui. Então você pode fazer isso se quiser e mudar isso para nós, vou deixá-los brancos por enquanto, e podemos deixar o resto como está também. Mas o mesmo vale para os gráficos. Se você o adicionou como um elemento gráfico ou de forma, geralmente, você poderá alterar a cor, nem sempre, portanto, lembre-se disso. Muitas vezes, você poderá alterar as cores, mas alguns elementos no Canva não terão essa capacidade Então não enlouqueça se ele não está deixando você, não é você, é o Canva Confie em mim E a última coisa aqui, vou mudar a cor dessa divisória Você pode ler este e-mail e ir embora. Está quase pronto. Sabe, não precisamos fazer muito mais. Mas o que eu sempre sugiro é fazer uma análise final e pensar sobre os elementos-chave que discutimos. 8. Revisão final e auditoria: Esses pontos-chave, que têm tudo a ver com clareza, facilitam o engajamento e a leitura das pessoas , garantem que o espaçamento seja adequado e que as coisas estejam consistentes Então, o que eu diria é que há algumas coisas aqui que eu talvez queira mudar. Então, quando estou fazendo uma corrida , eu digo: Ok, temos um quarto de ação lá, carro para ação lá. Mas acima de tudo, não há nenhuma ação trimestral. Mas acho que gostaria de ter um. Então, o que eu poderia fazer é copiar essa ação trimestral aqui, voltar e depois colá-la nesta seção. E se você simplesmente descer, arraste-o um pouco para baixo, então podemos adicionar um e simplesmente ir às compras online. Seja um pouco mais criativo com a chamada à ação, mas agora, de repente, está um pouco melhor. Que temos uma chamada à ação acima da dobra para quando alguém abre um e-mail. Talvez você queira mudar um pouco seu estilo. Então, digamos que queremos que a fronteira seja larga. Talvez não queiramos um plano de fundo. Você pode ver o que isso parece. Se você tiver apenas texto branco com o botão branco. Parece bastante limpo, mas acho que para acessibilidade e legibilidade, posso mantê-lo como fundo branco com texto em preto Essa é uma pequena mudança rápida. Você pode ver aqui, isso parece muito bom. Eu noto um pouco de espaçamento inconsistente, então talvez você queira ajustá-lo e torná-lo bonito e uniforme ou um pouco mais próximo Então, podemos ir até lá. Novamente, pequenos detalhes, mas eles podem tornar tudo um pouco mais fácil de percorrer e ler. Indo para esta seção. Acho que parece bom. Obviamente, você pode brincar com a alteração desse botão para ficar mais escuro ou usar o marrom e, em seguida, ter texto em branco ou da mesma cor do plano de fundo. Você também pode fazer isso. Então, isso definitivamente se destaca e se destaca muito mais. Então você sabe o que? Acho que podemos realmente deixar isso e colocar um botão mais escuro porque tem um contraste muito alto, e você não pode perder essa ação de coral agora Já antes, se olharmos para trás, para ser honesto, tudo se misturou um pouco. Então, agora ele se destaca e está estourando um pouco mais Então, descendo a parte inferior, na verdade não gosto mais dessa navegação. Eu pensei que sim, mas você sabe o que? Na verdade, vou apenas excluí-las e também excluir essas ondas. Então, vou deletar isso. Em seguida, vou arrastar toda essa seção para cima para destacar tudo, arrastá-la para cima. Portanto, é bom fechar com espaçamento uniforme e depois aumentar a altura dessa seção retangular. E aí está. Então, podemos simplesmente ajustar o toque de espaçamento. E perfeito. Então, agora isso reúne tudo um pouco mais. Não acho que as ondas e esses links estejam agregando tanto valor com toda honestidade. E lá vamos nós. Acabamos fazer uma auditoria rápida. Nessa auditoria. Acho que acabamos de arrumar as coisas, tornar as chamadas para ações um pouco mais claras e acessíveis ao acessar o e-mail pela primeira vez , para que as pessoas possam tomar uma ação rápida e imediata e simplificar o design. Removemos a confusão visual que não estava agregando muito valor ao e-mail da experiência do cliente, ao percorrer e Nunca tenha medo de criar algo, sentar nele por um tempo, voltar com um novo par de olhos e excluir o trabalho que você fez. Sei que pode ser um pouco mais assustador e doloroso às vezes, mas não tenha medo de excluir o trabalho que você fez simplificar e perceber que menos é mais, especialmente quando queremos que o foco seja o engajamento do cliente com o código de ação que temos no e-mail 9. Resumo: Então aí está. Agora terminamos o design da nossa mais nova campanha de e-mail dentro do Camba E eu acho que quando você olha quanto tempo levamos para fazer isso pela primeira vez e fazer isso dessa forma, você só vai ficar cada vez mais rápido juntá-los E com o passar do tempo, você também tem mais modelos próprios para consultar. Portanto, a qualidade de seus e-mails e o engajamento continuarão melhorando com o tempo Portanto, não se preocupe se, no início, parecer um pouco mais lento ou um pouco complicado Você vai ficar melhor. Confie em mim Continue brincando dentro de uma câmera, Figma, qualquer ferramenta que você esteja usando para criar seus e-mails, e isso ficará cada vez mais fácil com o passar do tempo E espero que você se sinta um pouco mais confiante para clicar em enviar em sua próxima campanha de e-mail quando eles começarem a parecer um pouco melhores e mais alinhados com sua marca E não é como se fosse a primeira vez que você cria um e-mail e o coloca junto na plataforma de e-mail, porque todos nós já vimos esses e-mails ou até os criamos quando começamos E nem sempre são agradáveis quando você olha para trás. Então, isso encerra nosso workshop sobre design de e-mails dentro da E a próxima coisa que vamos fazer é levar esses designs para Clavio Portanto, fique ligado no próximo workshop. E mal posso esperar para mostrar como trazer esses designs para o Clavio, seja qual for o endereço de e-mail que você estiver usando . Então, por favor, deixe-me saber se você tiver alguma dúvida enquanto estiver projetando tudo dentro do Camba ou em torno dos modelos Caso contrário, estou ansioso para ver o próximo workshop e mal posso esperar para ver os designs de e-mail que você receberá.