Projetando anúncios gráficos eficazes no Illustrator

1. Introdução: Oi, meu nome é Juliana Sauve, e eu sou uma designer gráfica baseada em Vancouver, British Columbia. Trabalhei com design digital por muitos anos e, na minha carreira, aprendi muito sobre o que torna uma campanha publicitária eficaz. Para esta aula, vou emprestar alguns conceitos do design de UX e do design de comunicação para ensinar quais são os principais elementos que compõem uma campanha publicitária e como criar anúncios de exibição estáticos que atraem a atenção das pessoas e impulsionam conversões. Também compartilharei algumas dicas e truques do Adobe Illustrator que coletei ao longo dos anos que ajudarão você a criar rapidamente as muitas formas e tamanhos necessários de anúncios de exibição que você pode precisar. Finalmente, vou incentivá-lo a criar seu próprio conjunto de anúncios de exibição junto comigo e compartilhá-lo com a turma. Vamos fazer isto. A propósito, vamos fazer isso é o que chamamos de chamada à ação. Nos próximos vídeos, vamos nos familiarizar bastante com os CTAs. 2. Elementos de um anúncio assassino: Vamos admitir, ninguém gosta de anúncios na web, pelo menos não como um espectador. Eles podem atrapalhar e distrair quando tudo o que você está tentando fazer é ler seu conteúdo. Mas quando eles são feitos corretamente, os anúncios podem realmente ser muito bons e há uma razão pela qual as empresas ainda investem neste tipo de publicidade. Para começar, os anúncios de exibição são baratos, especialmente em comparação com campanhas maiores, como outdoors, impressos e televisão. O custo de produção de anúncios na web também é muito menor do que esses tipos de campanhas. Em suma, é uma estratégia muito barata. Em segundo lugar, os anúncios de exibição podem ser altamente direcionados. Devido a coisas como cookies, os provedores de anúncios realmente têm muitos dados sobre os espectadores. Eles conhecem a demografia dos espectadores e os hábitos de navegação, e eles podem até saber para que empresa o espectador trabalha. Também é possível escolher quais páginas exibirão um determinado anúncio. Isso é relevante porque o anunciante pode certificar-se de que a visualização da página que está exibindo seu anúncio se alinha bem com o público que ele está tentando alcançar. Como é uma mídia digital, é muito fácil acompanhar os resultados que podem ser atribuídos a um anúncio usando rastreadores e ferramentas como o Google Analytics. Agora vamos ver quais são os elementos que compõem uma campanha publicitária digital. A página onde o anúncio será encontrado, o anúncio em si e a página de destino. Primeiro, temos as páginas onde o anúncio será exibido. A forma como essas páginas parecem está fora das mãos do designer, é claro, mas ainda precisa ser levado em consideração em geral porque é o contexto que cercará o anúncio. O elemento visual do anúncio, claro, está nas mãos do designer. A mensagem, no entanto, pode ser fornecida por outra pessoa. A página de destino é basicamente a página onde o espectador é levado uma vez que clica em um anúncio, isso também pode estar sob o controle da equipe de criação e deve corresponder o anúncio o mais próximo possível em visuais e mensagens para que o uma experiência perfeita do anúncio à página de destino. Vamos entrar na web agora e procurar alguns anúncios no mundo. Aqui temos táxi design, que é a página de dança mais anúncio que eu poderia encontrar para estes exemplos. Podemos encontrar aqui três tipos básicos de anúncios; imagem estática, anúncios GIFS e HTML5. Este primeiro anúncio aqui para o estoque do Shutter é um anúncio de imagem, que é o tipo mais simples, apenas um arquivo de imagem estática. Estes podem realmente assumir muitas formas e formas dependendo da plataforma. Aqui você vê, aqui está outro para Shutterstock. Pode haver outras formas que veremos nesta página mais tarde. Este anúncio para o Vimeo aqui é interessante porque exemplifica muito bem o que eu estava falando sobre segmentação. Você pode notar que este anúncio está realmente em português, que por acaso é a minha língua materna e a única razão que eles sabem disso é porque os meus hábitos de navegação vão mostrar que sou uma pessoa de língua portuguesa. Então este anúncio era obviamente certo para mim devido à segmentação. Este anúncio do Vimeo tem uma animação muito simples, então eu posso dizer que é um GIF animado. As animações podem realmente ajudar a chamar a atenção das pessoas e dividir as mensagens para que o anúncio possa dizer mais, que você possa ter um pouco mais de cópia ou um pouco mais de mensagens no anúncio. Você pode dizer que este é um GIF apenas olhando para o arquivo fonte, como você pode ver aqui. Agora, ambos os anúncios que você pode ver aqui são realmente arquivos HTML5 e você pode dizer porque a animação neles é muito mais robusta do que apenas o simples GIF animado. Anúncios HTML5 estão se tornando a nova norma. Eles são realmente feitos em código para que eles possam parecer anúncios normais, mas eles têm a possibilidade de ter uma animação mais robusta como eu mencionei, e eles podem até ser interativos. Neste lado para Home Depot, você pode ver que eu posso navegar produtos dentro do próprio anúncio, quase como se fosse uma pequena mini-página. Obviamente, isso só é possível através de código. Estou mostrando os tipos de anúncios apenas para que você possa ter uma compreensão completa do que está lá fora. Eu nem sequer mencionei anúncios de mídia social e anúncios de vídeo porque esses não são necessariamente anúncios de exibição, então eles realmente caem fora do escopo desta classe. Mas por uma questão de simplicidade, esta classe em particular, vai se concentrar em anúncios de imagem estáticos, que são apenas os arquivos de imagem que são um pouco mais simples, um pouco mais direto para a frente, modo que Podemos andar antes de correr. 3. O que faz campanhas boas e ruins: Tenho te dito que vou te ensinar a criar ótimos anúncios. Mas como é que um grande anúncio se parece? Bem, para mim, grandes anúncios têm alguns traços em comum, e esses são, eles são bem direcionados, eles são atraentes de atenção, eles são claros, eles são simples, eles são bem definidos, eles são legíveis e eles são consistentes. Vou ver cada um deles e dar-lhes alguns exemplos agora. A grande coisa sobre anúncios web é que eles podem ser direcionados muito especificamente para um determinado público de acordo com seus hábitos de visualização, para a geolocalização. Porque a web sabe onde estamos e o que estamos fazendo em todos os momentos do dia porque eles são arrepios e biscoitos ou coisas. Há muitas informações que esses anunciantes, especialmente o Google, têm sobre nós, que permitem que os anúncios sejam muito direcionados para um grupo específico de pessoas. O alvo em si pode não ser a escolha dos designers, mas alguém tem que fazer essas escolhas. Os designers devem saber o que são para que eles saibam para quem estão projetando, para que contexto eles estarão vendo seus anúncios e assim por diante e assim por diante. direcionamento pode ser ótimo porque você pode ser muito específico ou pode ser um pouco errado às vezes. Por exemplo, aqui à esquerda, este é um anúncio que eu mesmo vi e eu estava me perguntando por que diabos eu vou cantar um anúncio que estava em chinês porque eu não posso ler chinês. Mais tarde eu percebi que eu estava vendo aquele anúncio porque no momento em que eu estava vendo no meu telefone, eu estava no meio do Vancouver Chinatown. A geolocalização tinha-me marcado lá e mostraram-me aquele anúncio. Pode ter sido ótimo para o resto das pessoas que vivem naquela área, que estavam lá fora, mas não funcionou para mim. Pode ter perdido a marca um pouco. No lado direito, você pode não conseguir lê-lo, mas ele diz, faça isso com a Creative Cloud, avanço com os melhores aplicativos de criação do mundo desde 999 por mês. Claro, isso é direcionado muito bem porque eu sou um designer gráfico, obviamente usar os produtos da Adobe. Acho que eles estão pensando que eu talvez não esteja usando a Creative Cloud ainda. Posso estar em uma versão mais antiga e eles estão tentando me converter na Creative Cloud. Talvez se eles tivessem um pouco mais de informações, eles saibam que eu estou na Creative Cloud, mas sabendo que o preço é interessante, ele poderia estar dizendo a outras pessoas. Isso é o alvo feito certo. Seus anúncios também devem chamar a atenção porque a Web está cheia de informações e todos estão tentando chamar a atenção do espectador de uma forma ou de outra. Se você pode usar o movimento, isso é ótimo, porque os humanos adoram coisas que se movem. Mas se você não tem e você não tem tempo ou orçamento para isso, então você terá que se contentar com algumas outras soluções de design, como cor e topografia ou outras coisas que podem chamar a atenção dos usuários. Agora, por exemplo, à esquerda aqui, eu teria pulado direito através deste anúncio se eu não estivesse especificamente procurando por anúncios para esta classe. Mas é muito branda. Não há nada acontecendo aqui que chame minha atenção. Tem algumas pessoas em baixa resolução, talvez sorrindo para mim. Não há nada aqui que esteja fazendo muito por mim. Do lado direito aqui, há uma declaração muito ousada que diz vendê-lo. Há uma imagem muito envolvente que as cores são negrito. Tudo está dizendo: “Olhe para mim”. O problema com este anúncio, porém, é que a mensagem não é super clara. Se você ainda não sabe o que é o Squarespace, talvez não entenda o que eles estão tentando lhe dizer. Talvez com um plano de ação um pouco, comece sua avaliação gratuita do site hoje, mas não é o anúncio mais claro do mundo. Isso me leva ao próximo tópico. Seus anúncios devem ser claros. Seus espectadores devem saber o que você está fazendo, o que você está vendendo, o que é que eles o que você faz depois de olhar para este anúncio. Você tem tempo e espaço muito limitados para fazer isso. Você precisa ser o mais direto e claro possível. No lado esquerdo aqui, temos um anúncio que diz sem galgo, sem problema e um logotipo. Não faço ideia do que é este produto. Não faço ideia para que serve. Presumo que seja algum tipo de transporte. Talvez você esteja compartilhando carona, mas não há Uber em Vancouver, então não pode ser Uber. Greyhound é um serviço de ônibus que leva você de cidade em cidade, que recentemente deixou BC. Se você sabe tudo isso, talvez você tenha alguma idéia do que isso diz. Mas, na verdade, o anúncio não lhe dá informações suficientes. Do lado direito. Isto é muito claro. Pode não ser o anúncio mais bonito do mundo, mas dá-te toda a informação que precisas, até 60% da marca final do Harry, Harry Rosen. Isto é o que eles querem que você faça. Eles querem que você faça compras porque há alguns grandes negócios. Como este anúncio é tão claro e tão direto ao ponto, eu posso assumir que este foi um anúncio muito bem sucedido para Harry Rosen. Seus anúncios também devem ser simples porque você tem muitas vezes um espaço muito limitado. As pessoas estão no telefone. As telas não são muito grandes. Os anúncios não devem assumir a sua tela de qualquer maneira, porque não é isso que as pessoas estão nos sites para o seu um dos sites para o conteúdo e os anúncios são apenas algo que estão tentando distraí-lo para um pouco para tentar vender algo para você. Do lado esquerdo aqui, não faço ideia do que isso diz, porque não consigo olhar para uma coisa. O anúncio é tão distraidor, o fundo é realmente esmagador. Tem tanta coisa acontecendo. Há fontes diferentes e cores diferentes, e é apenas um monte. Do lado direito aqui, este é outro anúncio para a Adobe e, claro, eles sabem o que estão fazendo. Isto é muito simples, muito claro. Torne tudo mais criativo com a Creative Cloud, os alunos economizam 60%. Sem gráficos esmagadores. Ainda é atraente por causa do uso de cores ousadas e tipografia ousada. Aqui eles estão usando tipografia em vez de um elemento gráfico para transmitir alguma personalidade e alguma peculiaridade, que funciona muito bem para eles. Em seguida, temos bem definido e esta é, na verdade, uma diretriz que muitos dos provedores de anúncios vão lhe dar. O anúncio deve ter uma delimitação clara porque não deve ser confundido com o resto do conteúdo do site. No lado esquerdo aqui temos um anúncio que não tem limites claros, então não sabemos necessariamente onde o anúncio pára. O que torna isso um pouco confuso para o espectador, porque eles podem pensar que isso faz parte do conteúdo que eles estão consumindo e não necessariamente um anúncio de terceiros. Isso é em parte porque o fundo é branco. Agora, se você precisa ou quer que o fundo seja branco, tudo bem, contanto que haja uma caixa delimitadora em torno dele. No lado direito, aqui você vê que [inaudível] fez isso. Eu não estou dizendo que esse é o anúncio perfeito, mas pelo menos você pode ver que é um anúncio porque ele limpou as limitações. Na próxima parada, seus anúncios devem ser legíveis. Claro, você quer que as pessoas leiam o que seu anúncio diz, e eu já mostrei alguns anúncios que são difíceis de ler. Mas isso é especialmente verdadeiro com anúncios menores. Alguns anúncios podem ter até 50 pixels de altura. Você precisa ter certeza de que você corta essa mensagem e que nada interfere com o texto para que as pessoas possam lê-lo. No lado esquerdo aqui onde diz FLY ANA TO, é muito ocupado. Há uma imagem de fundo, tudo está alinhado na parte inferior. É simplesmente um pouco barulhento e difícil de ler. Faz com que a parte de baixo seja um pouco complicada. As pessoas podem realmente não parar para ler isso e eles podem apenas ler o Japão de Vancouver. Então o resto da mensagem, que pode ser a coisa mais importante, se perde dentro dos gráficos. No lado direito aqui você vê um anúncio muito semelhante, mas de outra empresa. Este é ICELANDAIR e eles fizeram com que os gráficos que são muito simples, que a tipografia é contra um fundo que tem contraste suficiente e tudo é legível. Tudo está no tamanho certo. Este é uma brisa de ler e você pode dizer o que eles estão dizendo imediatamente. Por último, seu anúncio precisa ser consistente. Muitas vezes, você fará uma campanha publicitária que compreenderá um monte de diferentes tamanhos e formas de anúncios e talvez algumas versões diferentes como a que você vê aqui. Você tem que ter certeza de que todos eles amarrados juntos como um grupo porque o mesmo usuário pode ver o anúncio em diferentes sites, em diferentes formatos e a fim de realmente conduzir o ponto de casa e aumentar o reconhecimento da sua marca, sua campanha deve ser concisa e ter uma aparência mais ou menos igual independentemente do tamanho, que sua mensagem seja consistente em todos os dispositivos e em todos os sites diferentes, de modo que, mesmo que o usuário esteja exposto ao seu anúncio mais do que um, o que acontece muito, eles ainda serão capazes de reconhecer sua marca e saber imediatamente o que é que eles estão olhando. 4. Anatomia de um bom anúncio: Já mencionei isso algumas vezes antes, mas nem todos os aspectos de uma campanha publicitária digital estão sob o controle do designer, como a segmentação e a cópia. Quando o design é tudo o que você pode fazer, faça-o bem. Se fizermos uma referência cruzada de todos os exemplos de já mostrados em alguns mais, podemos ver que quatro elementos vão continuar aparecendo e esses elementos são imagem, mensagem, CTA, e logotipo. A mensagem e o logotipo são os mais importantes, a mensagem irá conduzir o ponto do anúncio e fornecer valor para o espectador. Enquanto o logotipo irá garantir que o espectador sabe quem está falando com eles e também é a principal maneira que o anúncio irá gerar reconhecimento da marca. Os elementos gráficos ou imagens ajudarão a chamar a atenção do espectador e ajudar a conduzir o ponto através. Se o anúncio não for visualmente atraente, é menos provável que seja bem-sucedido. A chamada à ação geralmente aparece na forma de um botão e convida o espectador a clicar no anúncio para realizar uma determinada ação, como saber mais ou comprar agora, ao projetar o anúncio, tenha em mente que os anúncios de exibição vêm em todas as formas e tamanhos, desde pequenos banners horizontais a altos anúncios verticais de arranha-céus. Certifique-se de que seu design é flexível o suficiente para traduzir para todos esses tamanhos diferentes. 5. Vamos fazer algo: Agora que cobrimos alguns dos conceitos básicos, e antes de aprofundarmos, gostaria de convidá-los a criar sua própria campanha comigo para que possamos praticar os conceitos que estamos discutindo. Para isso, você pode anunciar qualquer produto ou serviço que você quiser. Mas eu acho que seria divertido para você criar anúncios incentivando as pessoas a doar para sua caridade favorita. Este tipo de anúncio é um pouco difícil de encontrar lá fora e quem sabe? Talvez você possa até doar seu design para que eles usem. Então, o que você precisa fazer como uma campanha de design que inclui pelo menos cinco tamanhos, todos eles muito padrão na web, mas são muito diferentes um do outro em forma. Então o primeiro é 300 por 250, que também é chamado de retângulo médio. O próximo é 728 por 90, que é chamado de tabela de classificação. O próximo é 300 por 600, que é meia página. O próximo é 320 por 50, o que é um pouco pequeno. É um placar móvel e um 120 por 600, que é um arranha-céu. Antes de começar a projetar, Reserve um momento para pensar sobre quem seria o público do seu anúncio. Isso pode ser um determinado demográfico ou pessoas que mostraram interesse em um determinado tópico nas mídias sociais, ou pessoas que vivem em uma cidade específica, por exemplo, para o texto no anúncio. Mesmo que a escrita criativa não seja o seu forte, tente criar uma mensagem curta forte que irá ressoar com o público e incentivá-los a abrir suas carteiras para a sua causa. Se tudo isso parecer um pouco demais para começar, não se preocupe, vamos fazer isso passo a passo nos próximos vídeos. 6. Uma casa e um destino para seu anúncio: Discutimos brevemente os elementos de uma campanha publicitária, mas nos próximos vídeos, vamos mergulhar mais neles. Para este vídeo, vamos nos concentrar na página onde seu anúncio será exibido e na página de destino para a qual seu anúncio será direcionado. Começando com a página que hospeda seu anúncio, mencionei que é o contexto em que seu anúncio será exibido. No entanto, as páginas específicas que exibirão um determinado anúncio são completamente de acordo com o provedor de anúncios. Como podemos levá-los em consideração? Bem, podemos fazer algumas suposições a partir dos padrões de design que encontramos na web. A maioria das publicações digitais exibirá anúncios entre texto ou outros blocos de imagens em um fundo branco ou cinza claro. Este é um padrão que vamos ver uma e outra vez. Vimos isso mais cedo no DesignTaxi. E podemos vê-lo novamente na página inicial do Huffpost e na Forbes, e no BuzzFeed, e em todas as receitas. E até mesmo no Reddit. O conteúdo de todos esses sites é muito diferente. Mas a estrutura básica da página tende a ser a mesma. A propósito, postagens promovidas como esta não são anúncios de exibição, então não estamos cobrindo eles nesta classe. Há, naturalmente, algumas exceções a esta regra, como anúncios de placar que são exibidos em vídeos do YouTube, por exemplo. Nesse caso, podemos também desistir de tentar adivinhar como será o plano de fundo dos anúncios e apenas tentar otimizar nossos anúncios para as páginas mais básicas com conteúdo em fundo branco, como vimos antes. Só podemos esperar que eles fiquem bem no YouTube também. Agora, digamos, seu anúncio foi muito eficiente e a atenção dos espectadores e eles clicaram nele. Onde é que eles pousam? Você pode pensar que eles iriam apenas para a página inicial da empresa. Mas muitas vezes campanhas de anúncios digitais incluem página dedicada para ir com o anúncio, a fim de orientar o espectador para uma determinada ação ou conversão. O sucesso de uma campanha tem tanto a ver com a página de destino como com o próprio anúncio. O tópico de páginas de destino altamente convertidas seria um assunto de uma classe, tudo por conta própria. Basta dizer que, como regra geral, anúncio e a página de destino devem parecer, sentir e soar como se fossem parte da mesma campanha. A mensagem realmente é entregue. Vejamos alguns exemplos. Aqui está o anúncio que encontrei para o Canadian Blood Services, e aqui está o site para ele. Claro, a imagem mudou. Não é totalmente consistente, mas as cores, o estilo, a mensagem, tudo é muito consistente. Você sabe que você clicou no anúncio certo, você não está perdido. Tudo faz sentido como uma história entre estes dois. Este é o anúncio do Squarespace que já vimos antes, e esta é a página inicial para ele. As imagens não combinam. Na primeira mensagem que você vê também não corresponde. Embora você veja a mensagem vendê-lo eventualmente. Mas o estilo é claramente consistente entre o anúncio e a página. Acho que o anúncio e a página de destino ainda batem, neste caso. A única página que eu encontrei que não correspondia ao anúncio era realmente Adobe. Aqui está a página de aterrissagem. Como você pode ver, é muito, muito simples. Basicamente, é apenas a página de preços deles. Ele não dá ao usuário nenhum valor adereços, por que ele deve comprar seu produto, quais são seus produtos, o que está incluído? Nada disso é explícito nesta página. É apenas o preço. Agora, talvez a Adobe possa se safar disso porque no mundo do design gráfico, eles são tão conhecidos, talvez sua marca fale por si mesma, mas isso provavelmente não é o caso da sua marca. Certifique-se de que o anúncio e a página de destino funcionam juntos. Se possível, verifique se sua página de destino é eficaz e impulsiona conversões. Para o bem do nosso exercício ao projetar sua própria campanha publicitária. Não se preocupe com a página de destino, mas pense na aparência do seu anúncio no mundo. Faça algumas capturas de tela de sites onde você acha que seu anúncio pode ser encontrado. Para que você possa mais tarde simular os anúncios na página , a fim de obter o efeito completo dele no contexto. 7. Seu público e marca: Agora, vamos começar a pensar sobre o anúncio em si e considerar duas coisas. De quem é este anúncio e para quem é? Em outras palavras, vamos pensar na sua marca e no seu público. Os anúncios são mais uma engrenagem em uma maquinaria muito maior de uma marca, e eles precisam olhar e sentir como tal. Para isso, tenha em mente as diretrizes da marca. Para o nosso exercício, veja o site de qualquer instituição de caridade para a qual você está fazendo um anúncio. Quais são suas cores, seu logotipo, seu estilo visual geral. Faça um pouco de pesquisa sobre a outra presença online da instituição de caridade, como as mídias sociais. Se eles tiverem uma imagem clara que estão tentando seguir, certifique-se de imitar isso o mais próximo possível. Lembre-se, um dos objetivos de fazer campanhas publicitárias digitais é aumentar a conscientização da marca e colocar a campanha na frente dos olhos do público. O anúncio precisa contar a mesma história visual que o resto da marca. Há sempre espaço para criatividade, mas certifique-se de que o público saiba quem está falando com eles. Estarei projetando uma campanha junto com você, e para minha caridade, escolhi o BC SPCA, que é meu resgate local de animais. Olhando para seu site e mídia social, posso dizer que sua marca é simples, mas posso pegar algumas cores, logotipo , fontes e fotos para começar. Em seguida, vamos falar sobre o seu público. Com quem você está falando? Quem você espera que compre seu produto ou, neste caso, doe para sua causa? Pense em coisas como idade, sexo, renda, profissão, interesses, tudo o que você acha que pode ser relevante para você. Para o meu resgate de animais, sei que as pessoas que estou tentando alcançar são amantes de animais, independentemente do sexo. Eles provavelmente terão algum rendimento disponível, o suficiente para permitir que eles façam uma doação para uma instituição de caridade. Talvez eles já apoiem outras fundações de caridade. Talvez tenham andado a navegar em websites de adopção. Eles definitivamente vivem na Colúmbia Britânica, já que esta é uma instituição de caridade local. Vou manter todas essas coisas em mente para me ajudar a projetar um anúncio que irá ressoar com elas. 8. Um anúncio interessante: Vamos agora finalmente voltar o nosso foco para os anúncios em si. Eles são uma peça interessante de design, já que os espectadores estão constantemente tentando ignorar anúncios, enquanto as empresas estão constantemente tentando tornar seus anúncios mais atraentes e atraentes para que os espectadores cliquem neles. Além de tudo isso, os anúncios têm muito pouca tela imobiliária. Eles precisam ser simples e diretos quanto possível. Esta é uma ordem difícil, mas podemos usar os elementos do design de comunicação para alcançar o que estamos procurando, como cor, hierarquia, tamanhos e elementos gráficos. Os humanos tendem a seguir certos padrões de comportamento. Alguém me enviou isto outro dia e tentei procurar a fonte desta imagem, mas honestamente não consegui encontrá-la. Adoraria dar crédito, mas a verdade é que veio do Reddit. De qualquer forma, diga-me se funciona com você. Funcionou perfeitamente para mim e há duas razões principais para isso. Em primeiro lugar, há uma clara hierarquia visual das informações, tanto em tamanho quanto em posicionamento. Além disso, acima de tudo, este é um padrão que vemos o tempo todo, em cartazes de filmes, em livros e em anúncios. Você pode ver que a estrutura se mantém mesmo que haja alguns pequenos ajustes. Usar um padrão de layout como esse pode ajudá-lo a criar um anúncio que seja muito fácil de entender. Isso é porque os humanos entendem certas simbologias é sem pensar muito neles. Isso permite que você explore outras coisas como ícones, emojis, cores, imagens e tipografia, a fim de usá-los como atalhos que permitem que você transfira sua mensagem usando elementos mínimos. Reserve um momento para pensar o que isso significa para sua campanha publicitária. Primeiro, vamos descobrir qual será a sua mensagem. Já estabelecemos que o que queremos fazer é fazer com que as pessoas doem para a nossa causa. Agora é a hora de descobrir exatamente qual será a nossa mensagem escrita para que possamos começar a construir o anúncio em torno dela. Eu fiz um pouco de brainstorming e eu vim com uma mensagem curta e poderosa para o meu anúncio. Você pode tentar encontrar inspiração para uma mensagem em seu site de caridade ou fazer algum brainstorming por conta própria. Ou talvez até pedir ajuda aos seus amigos. Uma vez que você tenha descoberto isso, você pode começar a construir seu primeiro anúncio. Já que é o tamanho mais comum. Vamos começar projetando o anúncio 300 por 250 e trabalhar nos outros mais tarde. Lembre-se de incluir os quatro elementos principais do anúncio, mensagem, logotipo, imagem e call-to-action. Se voltarmos a esse padrão que olhamos antes, podemos ver que cada um de nossos elementos pode caber facilmente nele. Em primeiro lugar, terá a imagem. Será a coisa que chama a atenção para o seu anúncio, a coisa que capta os olhos das pessoas. Em segundo lugar, queremos que as pessoas olhem e leiam a mensagem. O CTA será o terceiro e, por último, o logótipo. Mesmo que o logotipo seja um dos elementos mais importantes do anúncio, não há problema que ele seja visto por último. Você pode pensar nisso como sendo uma assinatura de uma pessoa no final de uma carta. Agora podemos falar sobre como suas imagens vão dar suporte à sua mensagem e ajudar a tornar seu anúncio muito mais atraente. Quais são as imagens que você pode usar que embalam um monte de soco? Você deve usar fotografias ou ilustrações? Qual fonte você deve usar? Estas são todas as decisões que só você pode tomar. Vá em frente e faça o que você faz de melhor, crie seu primeiro anúncio. Eu já toquei nisso antes, mas vou lembrá-lo novamente, tente tornar seu design flexível o suficiente para que possamos adaptá-lo a outras formas e tamanhos. Você pode usar qualquer ferramenta que você preferir para isso, o meu é Adobe Illustrator porque ele me permite rapidamente fazer uma exportação todos os diferentes tamanhos de anúncios. Vou compartilhar algumas das minhas dicas e truques do Illustrator mais tarde, mas use o que você estiver mais confortável. No próximo vídeo, discutiremos os outros formatos que você precisa. 9. Formatos e consistência: Espero que agora você tenha seu primeiro anúncio. Aqui está o meu. Vamos passar por algumas das decisões que tomei por este. Você pode ver claramente aqui que eu uso o padrão que nós discutimos antes. A primeira coisa que você olha é a imagem do cão. Olhe para esses olhos de cachorro. Como você pode recusá-los? Em segundo lugar, temos uma mensagem muito curta e concisa que puxa o seu coração. O cão está realmente olhando para a mensagem, então ele convida você a ler a mensagem também. O call-to-action está abaixo do cão. Você pode ver aqui que este design faz uma forma de triângulo que ajuda a guiar seus olhos para baixo em direção ao botão “Doar agora”. Claro, o logotipo do BC SPCA está presente e proeminente, mesmo que não esteja ocupando toda a imagem. Eu os usei na cor da marca de caridade, que é azul e também contrasta muito bem com os tons laranja da imagem do cão. Nós vimos isso em nossos exemplos e eu tenho certeza que você já viu na natureza, que os anúncios vêm em muitos tamanhos. Agora é a hora de começar a pensar nisso. Para esta classe, você só precisa fazer cinco tamanhos diferentes, mas há dezenas de tamanhos possíveis em que seu anúncio pode existir. Basta olhar para esta lista do Google AdSense e você sabe o que quero dizer. Claro, o Google AdSense é apenas um provedor de anúncios. Há muitos outros lá fora. Você geralmente não precisa de todos esses tamanhos em qualquer caso. Eu, por exemplo, quando estou fazendo campanhas profissionalmente, geralmente só faço nove ou dez delas e quais específicas elas são, na verdade, é decidido pelos meus companheiros de equipe em marketing. Por enquanto, vamos testar nosso design e adaptá-lo a uma versão horizontal e uma versão vertical. Eu gosto de fazer o pior cenário primeiro, porque se o design funcionar no pior cenário, certamente funcionará para todos os tamanhos. Então vamos fazer o 320 por 50, que é o placar móvel, e o 120 por 600, que é o arranha-céu. Tente chegar a um layout que flua da mesma forma que o anúncio principal que você já criou. Se você olhar para outros anúncios e esses tamanhos, verá que eles geralmente seguem padrões também. No menor tamanho, certifique-se de preservar a legibilidade do texto. Corte a cópia um pouco se você precisar, e se você tiver que sacrificar algo, meu conselho é que você se livre da imagem e fique com todo o resto. Assim você vai manter a informação mais importante. Mais importante ainda, certifique-se de que seu design seja consistente em todos os tamanhos. O espectador pode ver o seu anúncio em várias páginas diferentes e tamanhos diferentes e deve perceber que faz parte da mesma campanha. Isso não significa que seu anúncio precisa ter a mesma aparência em todos os lugares. Mas deve haver um sentido subjacente de unidade. No mundo real, uma vez que eu tenho um projeto que funciona com certeza para um galpão quadrado , um anúncio vertical, e um anúncio horizontal, eu enviá-los para aprovação para quem precisa aprová-los. Assim que eu conseguir a luz verde, eu posso trabalhar em outros tamanhos. No próximo vídeo, eu vou levá-lo através do meu processo e ilustrador onde eu faço todos esses tamanhos diferentes da forma mais eficiente que eu puder. 10. Como criar anúncios usando o Illustrator: Agora vamos começar a trabalhar em todos os nossos tamanhos. Eu tenho apenas para referência aqui, todos os tamanhos que vamos precisar fazer. Aqui, eu vou apenas fazer cinco pranchetas e usando minha folha de truques aqui, eu vou mudar o tamanho de cada uma para os tamanhos de anúncio correspondentes que precisamos. Vou apenas colocar os tamanhos horizontais juntos nos tamanhos verticais juntos também. Assim que eu tiver toda a minha prancheta configurada, eu vou entrar aqui na guia Prancheta. Vou mudar o nome de cada prancheta para o tamanho correspondente. Teremos cinco pranchetas e cada uma delas será nomeada o tamanho final do anúncio que vai entrar nelas. Agora podemos nos livrar da folha de batota porque não precisamos mais dela. Vou usar essa ferramenta para reorganizar todas as pranchetas para que elas se encaixem no lugar. O motivo pelo qual faço isso é porque há uma falha no Illustrator que adiciona um pixel à imagem exportada final se a prancheta não estiver em um ponto preciso na grade. Se no posicionamento x e y da prancheta, talvez a prancheta esteja a 7,5 pixels da parte superior e 6,8 pixels do lado, ele adicionará um pixel ao arquivo exportado, que é muito estranho. Espero que a Adobe corrija isso em breve, mas até agora isso é o que eu tenho que fazer para ter certeza de que tudo está certo. Agora podemos começar a construir nossos projetos. Começarei pelo menor, que é o 320 por 50. Por enquanto, não me preocuparei com o fato de que minha imagem não se encaixa. Posso voltar ao Photoshop e tornar o fundo da imagem mais amplo. Eu só vou organizar todos os meus elementos na minha prancheta, uma forma que faça sentido onde o fluxo de toda a informação é eficaz. Fora da tela, eu fui e eu fiz uma versão mais ampla desta imagem. Eu só olhei para ele. Tenho certeza que vai caber. Então eu posso aperfeiçoar isso com a imagem. Agora, porque este é o menor anúncio, eu quero ter certeza de que ele é o mais legível possível. Eu vou apertar Shift opção Command S, que é o mesmo para atalho web. Eu vou olhar para ele em seu tamanho final. Agora, o logotipo do BCSPCA não estava aparecendo muito. A legibilidade ainda não é boa. Vou fazer alguns ajustes para garantir que isto seja um pouco mais legível. Estou usando a ferramenta Salvar para Web apenas como uma pré-visualização da aparência do anúncio em seu tamanho final, mas não estou salvando ainda. Eu vou adicionar um brilho externo muito, muito sutil, um brilho externo escuro para o logotipo apenas para que ele apareça do fundo um pouco mais e dê mais contraste com o fundo para que você possa ver isso em tamanhos menores. Só vou fazer isto por este, não pelos outros. Eu também vou fazer o logotipo um pouco maior porque ele ainda não está olhando super bom. Vou fazer o texto secundário um pouco maior também. Isso é melhor, isso é um pouco mais legível. Agora podemos passar para o próximo. Em seguida, vou fazer a versão arranha-céu. Mesmo processo aqui, mas este é mais alto e magro, então as quebras de linha terão que ser um pouco diferentes. vez, eu vou ter que fazer uma versão diferente da imagem de fundo que tem um fundo mais alto. Mas isso é algo que eu vou fazer fora da tela e Photoshop e então eu vou voltar e ajustar tudo. Agora, uma vez que eu estou feliz com a colocação final, agora eu tenho uma versão horizontal e uma versão vertical, então eu posso fazer essas outras versões horizontais e verticais acordo com as que eu já fiz. Agora é aqui que fica super rápido. Posso apenas fazer cópias dos nossos elementos e fazer os ajustes que eu precisar para os diferentes tamanhos. Mesmo se você tivesse 12 tamanhos diferentes para fazer, uma vez que você tem um vertical, um horizontal, um quadrado, você pode simplesmente puxá-los para fora super rápido. Porque basicamente é a mesma estrutura, você só está fazendo pequenos ajustes. Uma vez que eu tenha todos os meus tamanhos, em vez de usar a ferramenta Salvar para Web, eu vou para Arquivo, Exportar para Telas e isso me permitirá exportar tudo de uma vez. Agora aqui, é claro que eu não preciso sangrar essa coisa digital. Vou selecionar o arquivo onde quero que tudo seja salvo aqui na Exportação também. Vou me certificar de que o formato do arquivo é JPEG. JPEG 100 significa que ele foi salvo com a mais alta qualidade possível, portanto, nenhuma compressão, que garantirá que nosso anúncio não seja pixelado ou algo parecido. Vou adicionar um prefixo ao meu nome de arquivo. Este é apenas o começo do que eu quero que o nome do meu arquivo seja. Vou desmarcar, criar subpastas. Eu não preciso disso. Então estou pronto para exportar todas as pranchetas. Vou então olhar para a pasta onde tudo está salvo, como você pode ver aqui, meus nomes de arquivo foram salvos automaticamente como eu queria que eles fizessem. O prefixo que configurei foi o BCSPCA, que é o indicador do que é essa campanha. Sublinhe o tamanho do arquivo em pixels. Eu sei apenas olhando para o nome do arquivo, em que tamanho esse anúncio está. Isso foi feito automaticamente porque eu já configu-o nas minhas pranchetas. que significa que agora eu posso pegar o mesmo arquivo ilustrador e reutilizá-lo para outras campanhas que eu já terei todos os quadros de arte nomeados e configurados. Posso usar esse mesmo arquivo como modelo para qualquer outra campanha em que trabalho. Agora só para ter certeza de que tudo foi exportado corretamente, vou passar por cada um desses arquivos e olhar para cada um dos anúncios para ter certeza de que tudo parece bom. Vamos, dê uma olhada. Eu não estou amando a forma como o logotipo foi renderizado. Algo suspeito ali, parece pixelado. Eu acho que é porque este logotipo é realmente em PNG e pode não ter sido a maior qualidade PNG. Vou voltar e me certificar de que tenho um logotipo vetorial para trabalhar. Então eu vou exportá-la mais uma vez. Agora, vou rever cada arquivo novamente. Mais uma vez, certifique-se de que tudo parece bem. Eu também vou ficar de olho no tamanho do arquivo. Muitas vezes, os provedores de anúncios perguntam que seus arquivos não são maiores que 150 kb cada. Eles pediram isso apenas para que o anúncio seja carregado o mais rápido possível uma vez que eles estão na página. Neste caso em particular, este arquivo é um pouco grande demais. O que eu realmente vou fazer é voltar para o meu arquivo do Illustrator. Vou pressionar a opção Shift Command S. Vou usar a ferramenta Salvar para Web em vez da Exportação de prancheta. Essa ferramenta é uma ferramenta herdada no Illustrator. Adobe, eu acho que está tentando acabar com isso. Eu não uso essa ferramenta para começar porque desta forma eu não posso exportar em lote minhas pranchetas, mas essa ferramenta ainda é a melhor maneira de exportar JPEGs para a web que parecem bons e eles estão bem compactados. Adobe ainda precisa corrigir algumas das falhas na outra ferramenta. Vamos usar este por enquanto para corrigir apenas este anúncio e estaremos prontos para ir. 11. Fique Fique de olho no desempenho de anúncio: Agora, terminamos com o processo de design. Nossos arquivos estão prontos e organizados, então por favor, envie-os para a galeria para que todos possamos ver, dar uma olhada e comentar sobre eles. Se você está realmente levando esta campanha ao vivo, este seria o momento em que enviamos tudo para a plataforma que estamos usando ou enviamos para a agência com a qual estamos trabalhando ou seja como for. No entanto, o trabalho realmente não termina uma vez que nós carregamos coisas porque nós temos que ficar de olho no desempenho dos anúncios. Pode ser você ou outra pessoa em sua equipe, mas você precisa se certificar de que suas métricas estão no lugar e que elas são o que você espera. Por exemplo, duas métricas que você pode querer manter um olho são taxa de cliques e conversões. As taxas de cliques significam basicamente quantas vezes o seu anúncio foi clicado por visualização, enquanto as taxas de conversão são quantas vezes um usuário desembarcou na sua página de destino e executou uma ação que você estava procurando, como comprar um produto ou inscrever-se para uma avaliação gratuita ou algo assim. No caso desta campanha, uma taxa de conversão provavelmente seria doar para sua causa se for isso que você deseja que eles façam no seu anúncio. Se você e sua equipe não estão satisfeitos com as métricas que estão recebendo de volta, talvez seja hora de dar uma segunda olhada no seu anúncio ou uma segunda olhada na sua página de destino e ver como eles podem ser melhores. Talvez seu anúncio não seja atraente o suficiente, ou talvez as mensagens não estejam claras o suficiente, ou talvez sua página de destino esteja um pouco cheia de coisas, talvez você precise ser mínima. Talvez você precise ser mais direto. Experimente e veja o que acontece. Não tenha medo do teste A/B. Estas são todas as coisas que vêm no processo de design. Agora, o que eu falei até agora pode soar como a opinião de uma pessoa, mas eu tenho alguns fatos para apoiá-lo com exemplos reais de campanhas em que trabalhei. Vamos dar uma olhada em uma campanha em particular na qual trabalhei que não estava funcionando tão bem e precisava de alterações para que obtivesse uma taxa de cliques melhor e uma melhor taxa de conversão. Aqui está o primeiro projeto. Não estava a funcionar tão bem como esperávamos. Voltámos a analisar esta questão e sentimos que havia três áreas que poderiam ser melhoradas. As cores não eram realmente atraentes o suficiente, a mensagem não era muito direta e eficaz e havia problemas de legibilidade em tamanhos menores. Aqui você pode ver o redesenho. Resolvemos esses problemas e logo vimos nossos números aumentarem para o que a equipe esperava ver. No mundo real lá fora, não tenha medo de testar seus projetos. 12. Conclusão: Isso nos leva ao fim de nossa aula. Felizmente, você foi capaz de aprender a anatomia de uma grande arte e o que faz em uma campanha artística envolvente. Se você completou seu projeto conosco, por favor, compartilhe-o na galeria. Estou muito animada para ver o que você fez. Se você quiser ficar em contato comigo, você pode me acompanhar no Instagram ou me enviar um e-mail. Ficaria muito feliz em ouvir de você. Tchau.