Canva: Ferramentas para campanha de marketing e apresentações

Ativos visuais - Apresentação

Apresentando o instrutor e o curso

Olá! Meu nome é Filipe Laboriola, sou designer, instrutor e coordenador de conteúdo na Alura. Gostaria de convidá-los a participar do nosso curso de ferramentas de campanha de marketing e construção de apresentações com o Canva. Antes de explicar em mais detalhes sobre o que este curso abordará, vou me apresentar.

Audiodescrição: Filipe é um homem de pele branca e cabelos castanhos escuros. Ele veste uma camiseta preta com a palavra "ALU" e utiliza óculos transparentes. Está gravando o vídeo de seu quarto, onde, atrás dele, há uma parede branca com a incidência de uma luz em gradiente do roxo para o azul.

Explorando o conteúdo do curso

Este curso faz parte de uma formação em uma trilha sobre o Canva. Sendo o segundo curso da trilha, partimos do pressuposto de que já conhecem o Canva, portanto, não o apresentaremos do zero. Neste curso, exploraremos ao máximo as ferramentas de inteligência artificial do Canva, combinadas com nossa criatividade, para dar escalabilidade à produção de materiais de comunicação visual para uma campanha de marketing.

Durante todo esse processo, construiremos, por exemplo, um modelo de anúncio para o Google Ads, como o que está sendo exibido na tela.

Utilizando ferramentas do Canva para campanhas de marketing

A partir desse anúncio, nós vamos gerar outras variações, nas quais o Canva automaticamente troca imagem e tipografia dos textos da nossa composição. Nós também vamos entender como, dentro do Canva, podemos trabalhar com planilhas para construir um calendário de conteúdos para a nossa campanha de marketing.

Vamos compreender como utilizar o DOC, que é um formato de texto dentro do Canva, para organizar nossos conteúdos textuais. Inclusive, a partir de uma base, utilizaremos a inteligência artificial do Canva para gerar novos textos, por exemplo, a partir da nossa voz de marca.

Criando anúncios e apresentações

Veremos também como construir anúncios. Já trabalhamos com ferramentas de comunicação visual no curso anterior, mas vamos utilizar algumas delas aqui também para criar anúncios e construir uma apresentação dessa campanha que estamos preparando. Dentro dessa apresentação, trabalharemos com transições, animações e modelos, a partir dos quais construiremos essa apresentação.

Focando no uso prático do Canva

Este curso tem um caráter bastante técnico e prático de design e, claro, do próprio aplicativo Canva. Não vamos elaborar a campanha nem tratar da estratégia de marketing, ou seja, da parte que vem antes da construção dos ativos da campanha. Nossa preocupação aqui é utilizar e praticar o Canva no contexto de uma campanha de marketing.

Esperamos que tenham gostado da nossa proposta e nos vemos no próximo vídeo do curso.

Ativos visuais - Kit da marca

Introduzindo o curso e a importância do kit de marca

No vídeo anterior, mencionamos que este curso faz parte de uma formação sobre o Canva. Portanto, não apresentaremos o aplicativo desde o início. No entanto, algumas ferramentas e funcionalidades abordadas no curso anterior são tão importantes que as revisitaremos aqui. Não são muitas, mas neste primeiro vídeo, vamos criar um kit de marca, pois a proposta deste curso é escalarmos a produção de materiais de comunicação visual para uma campanha de marketing. Isso não é possível sem um kit de marca.

No painel de ferramentas, do lado esquerdo, acessaremos a marca. É importante lembrar que o kit de marca é uma funcionalidade disponível apenas nas versões pagas do Canva. Vamos clicar em "marca". Já temos uma marca criada, construída no curso anterior, chamada "use dev", mas faremos uma do zero para aqueles que não participaram do curso anterior. Recomendo que o façam de qualquer forma.

Criando um novo kit de marca

Como já temos uma marca construída, acessaremos o menu cascata no painel do lado esquerdo, onde está "use dev", e criaremos um novo kit de marca. Daremos o nome de "use dev campanha", que será o kit utilizado neste curso, e clicaremos em "criar".

Caso nossa empresa tenha um site, podemos inserir o link em "site da empresa". A partir desse link, a inteligência artificial do Canva entenderá os elementos categorizados, como logotipos, cores, fontes, fotos e elementos gráficos, que compõem o kit de marca. Como não temos um site para carregar, faremos essa construção do zero.

Carregando logotipos e definindo paletas de cores

Os primeiros elementos que carregaremos são os logotipos. Clicaremos na seção "logotipos" e adicionaremos recursos da marca a partir do carregamento de materiais salvos em nosso computador. Vamos carregar os logos na versão SVG, que é um arquivo vetorial. Normalmente, trabalhamos com imagens em formatos bitmap, como JPG e PNG. Não há problema em utilizá-los, mas o arquivo SVG, por ser vetorial, permite expansão sem perda de resolução, sendo comum em design para logos. Se não tiver, não há problema, mas como temos, vamos carregá-los. O arquivo SVG permite, inclusive, mudar a cor do logo dentro do Canva, se for possível e fizer sentido para a marca.

Após carregar os logos, o Canva sugere uma nova paleta de cores a partir do material carregado. Isso significa que as cores, como o tom de azul escuro e verde, foram identificadas como pertinentes à marca. No painel do lado esquerdo, na seção "kit de marca", em "cores", o Canva criou paletas de cores, como tons de azul escuro e verde. No entanto, ele criou paletas distintas para os elementos identificados, como "logo secundário", "logo secundário verde" e "logo use dev verde". Queremos apenas uma ou duas paletas de cores. Vamos aproveitar a primeira paleta e utilizá-la, mantendo a segunda para não perder o verde. As outras serão removidas.

Ajustando cores e tipografias

O branco será utilizado, mas não precisamos mantê-lo, pois o código hexadecimal, que categoriza uma cor no espaço de cores RGB, é simples: seis letras F. Portanto, podemos removê-lo. Onde temos "cores extraídas de logo secundário verde", mudaremos o nome para "cores primárias". Clicaremos no lápis ao lado do nome e chamaremos de "cores primárias", que são as mais importantes da nossa marca, presentes no guia de estilos. Temos todas as cores e tipografias aqui. O azul escuro é 090129, identificado como tal. Vamos mudar o nome das cores, chamando uma de "verde claro". Adicionaremos uma nova cor, chamada "azul escuro", com o código hexadecimal 09129, e confirmaremos com "Enter".

Precisamos adicionar outras cores, como rosa, roxo escuro, roxo e cinza médio. Para isso, vamos criar uma nova paleta com cores extraídas do logotipo secundário. Vamos renomeá-la para "cores secundárias", que são os tons de cinza. Ao clicar sobre o azul, o código hexadecimal do cinza médio é composto por seis números 4. Após inserir, confirmamos com "Enter". Como já criamos um kit de marca anteriormente, não repetiremos esse processo. Este conhecimento é importante para o curso, mas já foi abordado no curso anterior. Caso ainda não tenha criado seu kit de marca, é importante fazê-lo.

Selecionando fontes e definindo a voz da marca

Agora, vamos acessar as fontes, que são as tipografias utilizadas nos nossos materiais. Temos diversas categorias disponíveis. Sempre que criarmos um documento novo, poderemos escolher uma tipografia estilizada para título, subtítulo e cabeçalho, conforme desejarmos. No guia de estilos, a tipografia indicada para H1 e H2, que são os títulos, é a Orbitron, disponível para uso, assim como as cores.

Vamos clicar em título e escolher a fonte Orbitron. Caso ela não apareça, pois não é uma fonte padrão, será necessário carregá-la. Para isso, clicamos em "faça upload de uma fonte" e acessamos a pasta de ativos, onde selecionamos todas as versões da Orbitron. Após selecionar, fazemos o upload para que o Canva carregue a fonte, permitindo seu uso. Definimos o tamanho da fonte de título, por exemplo, 42, mas consideramos 56 mais interessante. Queremos que ela esteja em negrito para ter um peso visual maior. Confirmamos a ação em salvar.

Também vamos definir uma fonte para o corpo do texto, que é a massa de texto mais longa nas composições. Selecionamos a fonte Poppins, que faz parte do nosso estilo. O tamanho pode ser 24, para uma leitura melhor. Confirmamos a ação em salvar. Como já fizemos no kit de marca antes, não adicionaremos outras fontes aqui. O processo pode ser repetido para subtítulo, cabeçalho, citação, conforme fizer sentido para sua marca.

Definindo a voz da marca e finalizando o kit

Um aspecto importante para este curso é a voz da marca. A partir dela, poderemos trabalhar com a funcionalidade de gerar textos e cópias para publicações nas redes sociais. A voz da marca precisa ser definida antecipadamente. Caso não seja o proprietário da marca, é necessário que a pessoa ou equipe responsável forneça essa informação. Não devemos inventar isso, assim como não inventamos os elementos do kit visual, como logotipos, cores e fontes.

Vamos pegar o texto já existente para este kit de marca. Ao olhar para outra tela, copiamos o texto e o trazemos para o canvas. Clicamos em "adicionar voz da marca" e colamos com "Ctrl+V". A voz da Usedev é descontraída e cordial, unindo leveza e bom humor em cada interação. Trabalhamos isso no curso anterior, mas não tínhamos essa voz salva. Comunicamos de forma próxima e divertida, sem perder clareza ou credibilidade. Falamos com confiança e entusiasmo, para que cada contato, seja no atendimento ou na descrição dos produtos, seja uma conversa autêntica, deixando o cliente à vontade para explorar o que o Mundo Geek oferece de melhor.

Com esse padrão, poderemos criar textos que sigam essa voz. Veremos isso mais adiante no curso. É essencial ter a voz da marca definida para utilizar as ferramentas de texto mágico do canvas. Após salvar e confirmar a ação, montamos nosso kit de marca, incluindo ativos visuais e a voz, que será muito importante.

No próximo vídeo, dentro do canvas, montaremos um padrão visual a ser replicado em outras peças. Finalizamos este vídeo por aqui e nos vemos no próximo.

Ativos visuais - Modelo de anúncio

Preparando ativos visuais para o curso

A proposta desta aula é preparar os ativos visuais que serão utilizados durante o curso para trazer escalabilidade na produção das peças de comunicação visual. No vídeo anterior, preparamos o primeiro deles, que é o Kit de Marca, e agora vamos preparar o segundo, que é um modelo de arte de um anúncio para o Google Ads. Este anúncio possui um formato específico e, mais importante, 12 versões distintas, pois vamos criar 12 anúncios para 12 produtos específicos.

Dentro do Canva, utilizaremos, mais adiante no curso, a inteligência artificial para, a partir de um modelo que vamos construir neste vídeo, o Canva trocar imagens e textos dessa arte, evitando a necessidade de construir manualmente cada uma dessas artes. Como já apresentamos essas ferramentas de criação no Canva no curso anterior, partimos do princípio de que estamos familiarizados com elas, tornando o processo criativo mais ágil e tranquilo de acompanhar.

Criando o modelo de anúncio no Canva

No Canva, clicamos no botão Criar, localizado no canto superior esquerdo da interface. Queremos um formato personalizado de anúncio meia página do Google. Para isso, clicamos em tamanho personalizado e definimos a largura de 300 pixels e altura de 600 pixels, que o Canva já reconhece como anúncio de meia página. Ao clicar com o botão esquerdo do mouse, o Canva abre uma nova página.

Nessa página, trazemos os visuais da nossa arte, que deve conter o logotipo da Usedev, o texto "Black Friday", a imagem do produto e textos com o nome e valor do produto. Iniciamos a construção de baixo para cima, preparando o fundo e, em seguida, adicionando os elementos acima dele. Clicamos no fundo e acessamos a opção Cor do fundo. No curso anterior, preparamos um fundo em gradiente que achamos interessante, então vamos reproduzi-lo aqui também.

Configurando o gradiente e inserindo o logotipo

Em cores do documento, onde temos o branco, clicamos nele e, em vez de trabalhar com cor sólida, optamos por um gradiente. O Canva cria um gradiente de branco para cinza, mas queremos as cores da nossa marca Usedev. Vamos trabalhar com roxo escuro no lugar do cinza e rosa no lugar do branco. O código hexadecimal do roxo escuro é 430091. Clicamos no gradiente, no branco, e inserimos 430091. Após a confirmação, selecionamos o roxo e trocamos a primeira cor. A segunda cor é o rosa, com o código FF55DF. Clicamos no gradiente, selecionamos o cinza e trocamos a cor para FF55DF.

O gradiente está configurado da esquerda para a direita, com roxo e rosa, pois a opção selecionada é o gradiente linear 90 graus. Como nossa arte é mais verticalizada, optamos pelo gradiente vertical, selecionando o gradiente linear 180 graus. Com essa formatação criada, trazemos o logotipo da Usedev, pois é um anúncio e as pessoas precisam saber de quem é. Dentro de marca, logotipos, escolhemos a versão horizontalizada, que ocupa menos espaço. Aumentamos um pouco o tamanho e deixamos no tom de verde, que faz parte da nossa identidade.

Adicionando texto e ajustando tipografia

Em seguida, trazemos o texto. O título será "Black Friday". Acessamos o menu texto, selecionamos título e escrevemos "Black Friday". A tipografia está muito grande, então, com CTRL A, selecionamos tudo e ajustamos para um tamanho menor, como 32, que parece mais interessante. Trabalhamos com duas linhas para obter um peso visual maior. Ao fazer isso, o texto chama mais atenção que o logotipo, mas a cor preta tem pouco contraste com o fundo roxo escuro. Clicamos em cor do texto no menu contextual e trocamos para branco, que oferece melhor contraste.

Damos um zoom e verificamos que o espaço entre "Black" e "Friday" está grande. Selecionamos o texto, acessamos configurações avançadas e diminuímos o espaçamento entre linhas, que está em 1.4, para cerca de 1 ponto. Isso mantém a legibilidade sem um espaçamento excessivo.

Complementando com informações do produto

Na Black Friday, vamos complementar a publicação com o nome e o valor do produto. Acreditamos que essa informação fica interessante na parte inferior, enquanto a imagem do produto será colocada no centro. Vamos chamar essa seção de texto de corpo. No título, utilizamos a tipografia Orbitron, e no texto de corpo, a Poppins. É interessante manter esse contraste entre as tipografias para criar seções de informação dentro das composições.

Inicialmente, escreveremos um texto genérico, como "nome do produto". Observamos que o tamanho 24 está grande, então, ao selecionar todo o texto com Ctrl A, podemos trabalhar com tamanhos menores, como 18 ou até 16. Mais adiante, ajustaremos para 18 e posicionaremos mais abaixo. Vamos duplicar esse texto, mantendo a tecla Alt pressionada, e arrastá-lo para baixo. Em seguida, trocaremos para uma tipografia com maior peso visual, mantendo a família Poppins, mas em negrito e maior, para chamar mais atenção. Ajustaremos para 32, mas percebemos que está grande demais, pois se trata de um valor, não do nome do produto. Colocaremos um valor fictício, como 200 reais, para prever o espaço ocupado. Ajustaremos a posição do texto e, em seguida, inseriremos a imagem.

Inserindo imagem e aplicando animação

Já temos algumas imagens selecionadas, incluindo uma que utilizamos no curso anterior, um teclado. Removeremos o fundo do teclado e, mantendo a tecla Alt pressionada, aumentaremos a partir do centro, posicionando o teclado adequadamente. Ajustaremos o texto para baixo, e assim, o anúncio estará pronto. No entanto, anúncios do Google Ads podem ser animados, como GIFs, o que pode chamar atenção para o produto. Acreditamos que o texto não precisa de animação, pois estará em meio a outro conteúdo em uma página, e queremos que informações importantes, como o nome do produto e Black Friday, estejam sempre visíveis. O movimento será aplicado ao teclado.

Vamos utilizar a opção Animar, que oferece diversos tipos de animação. As animações de destaque são chamativas e podem ser exageradas, assim como as de revelar. Uma opção que funciona bem é o efeito Pulsar, que movimenta o produto de forma sutil. Ajustaremos a intensidade para que os pulsos não sejam exagerados, tornando-os mais suaves. Caso desejemos remover a animação, basta clicar em Remover. Deixaremos dessa forma e finalizaremos o modelo de arte de anúncio para o Google Ads.

Finalizando o modelo e organizando elementos

Nos próximos vídeos, abordaremos como criar outras artes a partir desse padrão, substituindo imagem e texto. Por enquanto, basta montar e salvar esse modelo. Vamos nomear corretamente os elementos e organizá-los para não nos perdermos, especialmente ao trabalhar com várias artes. Chamaremos de Modelo Google Ads e moveremos para a pasta da campanha Black Friday Usedev. Podemos criar subpastas, se necessário.

Finalizamos o modelo de arte de anúncio para o Google. Na próxima aula, trabalharemos com ativos textuais e exploraremos como a inteligência artificial do Canva pode nos auxiliar na produção.

Sobre o curso Canva: Ferramentas para campanha de marketing e apresentações

O curso Canva: Ferramentas para campanha de marketing e apresentações possui 124 minutos de vídeos, em um total de 34 atividades. Gostou? Conheça nossos outros cursos de Design Gráfico em UX & Design, ou leia nossos artigos de UX & Design.

Matricule-se e comece a estudar com a gente hoje! Conheça outros tópicos abordados durante o curso:

• Ativos visuais
• Ativos textuais com IA
• Escalando a criação com IA
• Design de apresentações
• Quadro branco