Concevoir des annonces publicitaires efficaces dans Illustrator

1. Introduction: Bonjour, je m'appelle Juliana Sauve, et je suis graphiste basé à Vancouver, en Colombie-Britannique. Je travaille avec le design numérique depuis de nombreuses années, et au cours de ma carrière, j'ai beaucoup appris sur ce qui fait une campagne publicitaire efficace. Pour ce cours, j'emprunterai quelques concepts de conception UX et de conception de communication pour vous apprendre quels sont les principaux éléments qui composent une campagne publicitaire et comment concevoir des publicités statiques qui attirent l'attention des gens et stimulent les conversions. Je vais également partager quelques conseils et astuces d' Adobe Illustrator que j'ai rassemblés au fil des ans et qui vous aideront à créer rapidement les nombreuses formes et tailles nécessaires pour les annonces d'affichage dont vous pourriez avoir besoin. Enfin, je vous encourage à créer votre propre ensemble d'annonces d' affichage avec moi et à le partager avec la classe. Faisons ça. Au fait, faisons ceci est ce que nous appelons un appel à l'action. Dans les prochaines vidéos, nous nous familiariserons avec les CTA. 2. Éléments d'une campagne d'annonce: Admettons-le, personne n'aime les publicités web, du moins pas en tant que spectateur. Ils peuvent être gênés et distrayants quand tout ce que vous essayez de faire est de lire votre contenu. Mais quand elles sont bien faites, les publicités peuvent être très bonnes et il y a une raison pour laquelle les entreprises investissent encore dans ce genre de publicité. Pour commencer, les annonces diffusées sont peu coûteuses, en particulier par rapport aux campagnes plus importantes, telles que les panneaux d'affichage, les imprimés et la télévision. Le coût de production des publicités Web est également beaucoup plus bas que ce type de campagnes. Dans l'ensemble, c'est une stratégie très peu coûteuse. Deuxièmement, les annonces d'affichage peuvent être hautement ciblées. En raison de choses comme les cookies, les fournisseurs d' annonces ont en fait beaucoup de données sur les spectateurs. Ils connaissent la démographie des téléspectateurs et les habitudes de navigation, et ils peuvent même savoir pour quelle entreprise le spectateur travaille. Il est également possible de choisir les pages qui afficheront une certaine annonce. Ceci est pertinent car l'annonceur peut s' assurer que l'audience de la page qui affiche son annonce s'aligne bien avec l'audience qu'il tente d'atteindre. Comme il s'agit d'un support numérique, il est très facile de suivre les résultats qui peuvent être attribués à une annonce à l'aide de trackers et d'outils tels que Google Analytics. Voyons maintenant quels sont les éléments qui composent une campagne publicitaire numérique. La page où se trouve l'annonce, l'annonce elle-même et la page de destination. abord, nous avons les pages où l'annonce va être affichée. L' apparence de ces pages est hors des mains du concepteur, bien sûr, mais elle doit encore être prise en considération en général parce que c'est le contexte qui entoure l'annonce. L' élément visuel de l'annonce, bien sûr, est entre les mains du concepteur. Cependant, le message peut être fourni par quelqu'un d'autre. La page de destination est essentiellement la page où le spectateur est pris une fois qu'il clique sur une annonce, cela peut également être sous le contrôle de l'équipe de création et doit correspondre à l'annonce aussi étroitement que possible dans les visuels et dans les messages afin que une expérience transparente, de l'annonce à la page de destination. Allons dans le web maintenant et cherchons quelques annonces dans le monde. Ici, nous avons le taxi de conception, qui est la page de danse la plus publicitaire que j'ai pu trouver pour ces exemples. Nous pouvons trouver ici trois types de publicités de base ; images statiques, annonces GIFS et HTML5. Cette première annonce ici pour Shutter stock est une annonce d'image, qui est le genre le plus simple, juste un fichier image statique. Ceux-ci peuvent prendre beaucoup de formes et de formes en fonction de la plate-forme. Vous voyez, en voici un autre pour Shutterstock. Il peut y avoir d'autres formes que nous verrons sur cette page plus tard. Cette annonce pour Vimeo ici est intéressante car elle illustre très bien ce que je parlais de ciblage. Vous pouvez remarquer que cette annonce est en fait en portugais, qui se trouve juste être ma langue maternelle et la seule raison pour laquelle ils savent que c'est parce que mes habitudes de navigation montreront que je suis une personne de langue portugaise. Donc cette annonce était évidemment certaine pour moi en raison du ciblage. Cette annonce Vimeo a une animation très simple, donc je peux dire que c'est un GIF animé. animations peuvent en fait aider à attirer l'attention des gens et à briser la messagerie afin que l'annonce puisse en dire plus, que vous puissiez avoir un peu plus de copie ou un peu plus de messages sur l'annonce. Vous pouvez dire qu'il s'agit d'un GIF juste en regardant le fichier source, comme vous pouvez le voir ici. Maintenant, les deux annonces que vous pouvez voir ici sont en fait des fichiers HTML5 et vous pouvez dire parce que l'animation sur eux est beaucoup plus robuste que juste le GIF animé simple. Les annonces HTML5 sont en train de devenir la nouvelle norme. Ils sont en fait faits dans le code afin qu'ils puissent ressembler annonces normales, mais ils ont la possibilité d'avoir une animation plus robuste comme je l'ai mentionné, et ils peuvent même être interactifs. De ce côté pour Home Depot, vous pouvez voir que je peux naviguer dans les produits à l'intérieur de l'annonce elle-même, presque comme s'il s'agissait d'une petite page. Ceci n'est évidemment possible qu'à travers le code. Je vous montre les types d'annonces juste pour que vous puissiez avoir une compréhension complète de ce qui est là-bas. Je n'ai même pas mentionné les publicités sur les réseaux sociaux et les annonces vidéo parce que ce ne sont pas nécessairement des annonces d'affichage, donc elles ne relèvent vraiment pas du champ d'application de cette classe. Mais par souci de simplicité, cette classe en particulier, se concentrera sur les annonces d'images statiques, qui sont juste les fichiers image qui sont un peu plus simples, un peu plus simples, sorte que nous pouvons marcher avant de courir. 3. Ce qui rend des campagnes bonnes et mauvaises: Je vous ai dit que je vais vous apprendre à créer de bonnes annonces. Mais à quoi ressemble une bonne annonce de toute façon ? Eh bien, pour moi, les bonnes annonces ont quelques traits en commun, et ceux-ci sont, ils sont bien ciblés, ils attirent l'attention, ils sont clairs, ils sont simples, ils sont bien définis, ils sont lisibles, et ils sont cohérents. Je vais passer en revue chacun de ces exemples et vous donner quelques exemples en ce moment. La grande chose à propos des publicités web est qu'elles peuvent être ciblées très spécifiquement à un certain public en fonction de leurs habitudes de visionnage, de la géolocalisation. Parce que le web sait où nous sommes et ce que nous faisons à tout moment de la journée parce que ce sont des crampes, des cookies ou des choses. Il y a beaucoup d'informations que ces annonceurs, en particulier Google, ont sur nous, qui permettent aux publicités d'être très ciblées vers un groupe spécifique de personnes. Le ciblage lui-même n'est peut-être pas le choix des concepteurs, mais quelqu'un doit faire ces choix. Les concepteurs doivent savoir ce qu'ils sont pour savoir pour qui ils conçoivent, dans quel contexte ils vont voir leurs annonces, etc. Le ciblage peut être génial parce que vous pouvez être très spécifique ou il peut parfois un peu mal. Par exemple, sur la gauche ici, c'est une annonce que je me suis vue et je me demandais pourquoi sur terre je vais chanter une annonce qui était en chinois parce que je ne peux pas lire le chinois. Plus tard, j'ai réalisé que je voyais cette annonce parce qu'au moment où je la voyais sur mon téléphone, j'étais au milieu du quartier chinois de Vancouver. La géolocalisation m'avait marqué là-bas et ils m'ont montré cette annonce. Cela aurait pu être génial pour le reste des gens qui vivaient dans cette région, qui traînaient là-bas, mais cela n'a pas fonctionné pour moi. Il a peut-être raté la marque un peu. Sur le côté droit ici, vous ne serez peut-être pas en mesure de le lire, mais il est dit, faites-le avec Creative Cloud, une percée avec les meilleures applications créatives au monde à partir de 999 par mois rejoignez maintenant. Bien sûr, cela est très bien ciblé parce que je suis un graphiste, évidemment utiliser les produits Adobe. Je suppose qu'ils pensent que je n'utilise peut-être pas encore Creative Cloud. Je suis peut-être sur une version plus ancienne et ils essaient de me convertir dans Creative Cloud. Peut-être que s'ils avaient un peu plus d'informations, ils savent que je suis sur Creative Cloud, mais sachant que les prix sont intéressants, cela pourrait être le dire à d'autres personnes. C' est le ciblage bien fait. Vos annonces devraient également attirer l'attention, car le Web est plein d' informations et tout le monde essaie d'attirer l'attention du spectateur d'une manière ou d'une autre. Si vous pouvez utiliser le mouvement, c'est génial, parce que les humains aiment les choses qui bougent. Mais si vous ne le faites pas et que vous n'avez pas le temps ou le budget pour cela, alors vous devrez vous contenter d'autres solutions de conception, comme la couleur et la topographie ou d'autres choses qui peuvent attirer l'attention des utilisateurs. Maintenant, par exemple, sur la gauche ici, j'aurais sauté à travers cette annonce si je n'avais pas spécifiquement cherché des annonces pour cette classe. Mais c'est très fade. Il ne se passe rien ici qui attire mon attention. Il y a des gens en basse résolution me sourient peut-être. n'y a rien ici qui fasse beaucoup pour moi. Sur le côté droit ici, il y a une déclaration très audacieuse qui dit vendre. Il y a une image très engageante que les couleurs sont audacieuses. Tout dit : « Regardez-moi ». Le problème avec cette annonce cependant, est que le message n'est pas super clair. Si vous ne savez pas déjà ce qu'est Squarespace, vous pourriez ne pas comprendre ce qu'ils essaient de vous dire. Peut-être qu'avec un appel à l'action un peu, commencez votre essai gratuit aujourd'hui, mais ce n'est pas la publicité la plus claire au monde. Cela m'amène au prochain sujet. Vos annonces devraient être claires. Vos spectateurs devraient savoir ce que vous faites, ce que vous vendez, ce que c'est qu'ils ce que vous faites après avoir regardé cette annonce. Vous avez très peu de temps et d'espace pour le faire. Vous devez être aussi direct et clair que possible. Sur le côté gauche, nous avons une annonce qui dit pas de lévrier, pas de problème et un logo. Je n'ai aucune idée de ce qu'est ce produit. Je n'ai aucune idée de ce que c'est pour ça. Je suppose que c'est une sorte de transport. Peut-être que vous partagez, mais il n'y a pas d'Uber chez Vancouver, donc ça ne peut pas être Uber. Greyhound est un service de bus qui vous emmène de ville en ville, qui a récemment quitté la Colombie-Britannique. Si tu sais tout ça, tu as peut-être une idée de ce que ça dit. Mais vraiment la publicité ne vous donne pas assez d'informations. Sur le côté droit. C' est très clair. Ce n'est peut-être pas la plus belle publicité au monde, mais elle vous donne toutes les informations dont vous avez besoin, jusqu'à 60% de la boutique de vente finale de Harry, Harry Rosen. C' est ce qu'ils veulent que tu fasses. Ils veulent que tu magasines parce qu'il y a de bonnes affaires. Parce que cette annonce est si claire et donc au point, je peux supposer que c'était une annonce très réussie pour Harry Rosen. Vos annonces doivent également être simples parce que vous avez souvent un espace très limité. Les gens sont sur leur téléphone. Les écrans ne sont pas très grands. Les annonces ne devraient pas prendre le contrôle de votre écran de toute façon, parce que ce n'est pas ce que les gens sont sur les sites Web de leur l'un des sites Web pour le contenu et les annonces sont juste quelque chose qui tentent de vous distraire pour un peu pour essayer de te vendre quelque chose. Sur le côté gauche, je n'ai aucune idée de ce que cela dit, parce que je ne peux pas regarder une chose. L' annonce est tellement distrayant, l'arrière-plan est vraiment écrasant. Il se passe tellement de choses. Il y a différentes polices et différentes couleurs, et c'est juste beaucoup. Sur le côté droit ici, il s'agit d'une autre annonce pour Adobe et bien sûr, ils savent ce qu'ils font. C' est très simple, très clair. Faites tout ce qui est plus créatif avec Creative Cloud, les étudiants économisent 60 %. Pas de graphismes écrasants. Il est toujours accrocheur en raison de l'utilisation de couleurs audacieuses et de la typographie audacieuse. Ici, ils utilisent la typographie au lieu d' un élément graphique pour transmettre une certaine personnalité et une certaine bizarrerie, ce qui fonctionne vraiment bien pour eux. Ensuite, nous avons bien défini et c'est en fait une ligne directrice que beaucoup de fournisseurs d'annonces vont vous donner. L' annonce doit avoir une délimitation claire car elle ne doit pas être confondue avec le reste du contenu du site Web. Sur le côté gauche, nous avons une annonce qui n'a pas de limites claires, donc nous ne savons pas nécessairement où l'annonce s'arrête. qui rend cela un peu déroutant pour le spectateur car il peut penser que cela fait partie du contenu qu'il consomme et pas nécessairement une publicité tierce. C' est en partie parce que le fond est blanc. Maintenant, si vous avez besoin ou voulez que l'arrière-plan soit blanc, c'est bon, tant qu'il y a une boîte de délimitation autour d'elle. Sur le côté droit, vous voyez que [inaudible] a fait cela. Je ne dis pas que c'est l'annonce parfaite, mais au moins vous pouvez voir que c'est une annonce parce qu'elle a effacé les limites. Prochain arrêt, vos annonces doivent être lisibles. Bien sûr, vous voulez que les gens lisent ce que dit votre annonce, et je vous ai déjà montré ici quelques annonces difficiles à lire. Mais c'est particulièrement vrai pour les petites annonces. Certaines annonces peuvent être aussi courtes que 50 pixels de hauteur. Vous devez vous assurer que vous réduisez cette messagerie et que rien n'interfère avec le texte afin que les gens puissent le lire. Sur le côté gauche ici où il est dit FLY ANA TO, c'est très occupé. Il y a une image d'arrière-plan, tout est aligné en bas. C' est tout simplement un peu bruyant et difficile à lire. Ça rend cette partie inférieure un peu alambiquée. Il se peut que les gens ne s'arrêtent pas pour lire cela et qu'ils lisent le Japon de Vancouver. Ensuite, le reste de la messagerie, qui pourrait être la chose la plus importante, se perd dans les graphiques. Sur le côté droit ici, vous voyez une annonce très similaire, mais d'une autre société. Celui-ci est ICELANDAIR et ils ont fait en sorte que les graphiques qui sont très simples, que la typographie soit sur un fond qui a assez de contraste et tout est lisible. Tout est dans la bonne taille. Celui-ci est un jeu d'enfant à lire et vous pouvez dire ce qu'ils disent tout de suite. Enfin, votre annonce doit être cohérente. Souvent, vous allez faire une campagne publicitaire qui comprendra tout un tas de différentes tailles et formes d'annonces et peut-être quelques versions différentes comme celle que vous voyez ici. Vous devez vous assurer qu'ils sont tous liés ensemble en tant que groupe parce que le même utilisateur peut voir l'annonce dans différents sites Web, dans différents formats et afin de vraiment ramener le point à la maison et augmenter la notoriété de votre marque, votre campagne doit être concise et avoir une apparence plus ou moins identique indépendamment de la taille, sorte que votre message soit cohérent sur tous les appareils et sur tous les sites Web différents, de sorte que même si l'utilisateur est exposé à votre annonce plus d'une, ce qui arrive beaucoup, ils seront toujours en mesure de reconnaître votre marque et savoir tout de suite ce qu'ils regardent. 4. Anatomie d'une bonne publicité: Je l'ai mentionné quelques fois auparavant, mais tous les aspects d'une campagne publicitaire numérique ne sont pas sous le contrôle du concepteur, comme le ciblage et la copie. Lorsque le design est tout ce que vous pouvez faire, faites-le bien. Si nous faisons une référence croisée de tous les exemples déjà présentés dans certains autres, nous pouvons voir que quatre éléments vont continuer à apparaître et ces éléments sont l'image, message, le CTA et le logo. Le message et le logo sont les plus importants, le message déterminera le point de l'annonce et apportera de la valeur à la visionneuse. Bien que le logo garantira que le spectateur sait qui lui parle et c'est aussi le principal moyen pour que l'annonce génère une notoriété de la marque. Les éléments graphiques ou les images aideront à attirer l' attention du spectateur et à faire passer le point à travers. Si l'annonce n'est pas convaincante sur le plan visuel, elle est moins susceptible de réussir. L' appel à l'action s'affiche généralement sous la forme d'un bouton et invite le spectateur à cliquer sur l'annonce pour effectuer une certaine action, comme en savoir plus ou magasiner maintenant, lors de la conception de l'annonce, gardez à l'esprit que les annonces d'affichage sont disponibles dans toutes les formes et tailles, des petites bannières horizontales aux grandes annonces verticales de gratte-ciel. Assurez-vous que votre design est suffisamment flexible pour être traduit à toutes ces tailles différentes. 5. Réalisons quelque chose: Maintenant que nous avons couvert certaines des bases, et avant de nous approfondir, j'aimerais vous inviter à créer votre propre campagne avec moi afin que nous puissions mettre en pratique les concepts dont nous discutons. Pour cela, vous pouvez annoncer n'importe quel produit ou service que vous voulez. Mais je pense que ce serait amusant pour vous de concevoir des annonces encourageant les gens à faire un don à votre organisme de bienfaisance préféré. Ce genre d'annonce est un peu difficile à trouver là-bas et qui sait ? Peut-être que vous pouvez même faire don de votre design pour qu'ils puissent l'utiliser. Donc, ce que vous devez faire comme une campagne de design qui comprend au moins cinq tailles, qui sont toutes très standard sur le web, mais sont très différentes les unes des autres dans la forme. Donc, le premier est 300 par 250, qui est aussi appelé un rectangle moyen. suivant est 728 par 90, qui est appelé le classement. Le suivant est 300 par 600, ce qui est une demi-page. La suivante est 320 sur 50, ce qui est un peu minuscule. C' est un classement mobile et un 120 par 600, qui est un gratte-ciel. Avant de commencer à concevoir, prenez un moment pour réfléchir à l'audience de votre annonce. Cela peut être un certain démographique ou des personnes qui ont montré un intérêt pour un certain sujet sur les médias sociaux, ou des personnes qui vivent dans une ville spécifique, ou des personnes qui vivent dans une ville spécifique,par exemple, pour le texte sur l'annonce. Même si l'écriture créative n'est pas votre point fort, essayez de trouver un message court fort qui résonnera avec le public et encouragez-le à ouvrir ses portefeuilles pour votre cause. Si tout cela semble un peu trop pour commencer, ne vous inquiétez pas, nous ferons cette étape par étape dans les prochaines vidéos. 6. Une maison et une destination pour votre annonce: Nous avons brièvement discuté des éléments d'une campagne publicitaire, mais dans les prochaines vidéos, nous allons les approfondir. Pour cette vidéo, nous allons nous concentrer sur la page où votre annonce sera affichée et sur la page de destination vers laquelle votre annonce mènera. En commençant par la page hébergeant votre annonce, j'ai mentionné que c'est le contexte dans lequel votre annonce sera affichée. Cependant, les pages spécifiques qui afficheront une certaine annonce sont entièrement à la charge du fournisseur d'annonces. Comment pouvons-nous les prendre en considération ? Eh bien, nous pouvons faire quelques hypothèses à partir des modèles de conception que nous trouvons sur le web. La plupart des publications numériques affichent des annonces entre du texte ou d'autres blocs d'images sur un fond blanc ou gris clair. C' est un modèle que nous verrons encore et encore. Nous l'avons vu plus tôt sur DesignTaxi. Et nous pouvons le voir à nouveau sur la page d'accueil de Huffpost et sur Forbes, et sur BuzzFeed, et sur toutes les recettes. Et même sur Reddit. Le contenu de tous ces sites est très différent. Mais la structure de base de la page tend à être la même. En passant, les messages promus comme celui-ci ne sont pas des annonces d'affichage, donc nous ne les couvrons pas sur cette classe. Il y a bien sûr quelques exceptions à cette règle, comme les annonces de classement qui sont affichées sur des vidéos YouTube, par exemple. Dans ce cas, nous pourrions aussi bien renoncer à essayer de deviner à quoi ressemblera l'arrière-plan des annonces et essayer d'optimiser nos annonces pour les pages les plus basiques avec du contenu sur fond blanc, comme nous l'avons vu auparavant. Nous ne pouvons qu'espérer qu'ils auront l'air bien sur YouTube aussi. Maintenant, disons que votre annonce a été très efficace et a attiré l'attention des spectateurs et qu'ils ont cliqué dessus. Où atterrirent-ils ? Vous pourriez penser qu'ils allaient simplement sur la page d'accueil de l'entreprise. Mais souvent, les campagnes publicitaires numériques incluent une page dédiée pour accompagner l'annonce afin de guider le spectateur vers une certaine action ou conversion. Le succès d'une campagne a autant à voir avec la page de destination qu'avec l'annonce elle-même. Le sujet des pages de destination hautement converties serait un sujet d'une classe tout seul. Donc, il suffit de dire qu'en règle générale, annonce et la page de destination devraient ressembler, ressentir et sonner comme s'ils faisaient partie de la même campagne. Le message est vraiment livré. Regardons quelques exemples. Voici l'annonce que j'ai trouvée pour la Société canadienne du sang, et voici le site Web pour elle. Bien sûr, l'image a changé. Ce n'est pas complètement cohérent, mais les couleurs, le style, le message, tout est assez cohérent. Vous savez que vous avez cliqué sur la bonne annonce, vous n'êtes pas perdu. Tout a du sens comme une histoire entre ces deux-là. Voici l'annonce de Squarespace que nous avons vu auparavant, et voici la page de destination pour elle. L' imagerie ne correspond pas. Dans le premier message que vous voyez ne correspond pas non plus. Bien que vous voyez le message le vendre éventuellement. Mais le style est clairement cohérent entre l'annonce et la page. Je pense que l'annonce et la page de destination correspondent toujours, dans ce cas. La seule page que j'ai trouvée qui ne correspondait pas à l'annonce était en fait Adobe. Voici la page d'accueil pour cela. Comme vous pouvez le voir, c'est très, très simple. C' est essentiellement leur page de prix. Cela ne donne pas à l'utilisateur des accessoires de valeur, pourquoi il devrait acheter son produit, quels sont ses produits, ce qui est inclus ? Rien de tout cela n'est explicite dans cette page. C' est juste le prix. Maintenant, peut-être qu'Adobe peut s'en sortir parce que dans le monde du design graphique, ils sont si bien connus, peut-être que leur marque parle d'elle-même, mais ce n'est probablement pas le cas pour votre marque. Assurez-vous que votre annonce et votre page de destination fonctionnent ensemble. Si possible, assurez-vous que votre page de destination est efficace et entraîne les conversions. Pour notre exercice lors de la conception de votre propre campagne publicitaire. Ne vous inquiétez pas de la page de destination, mais pensez à l'apparence de votre annonce dans le monde. Prenez quelques captures d'écran de sites Web où vous pensez que votre annonce peut être trouvée. Pour que vous puissiez plus tard simuler les annonces sur la page afin d'obtenir le plein effet de celui-ci dans son contexte. 7. Votre public et votre marque: Maintenant, commençons à penser à l'annonce elle-même et à considérer deux choses. qui vient cette annonce et à qui elle est destinée ? En d'autres termes, pensons à votre marque et à votre public. Les annonces sont un rouage de plus dans une machine beaucoup plus grande d'une marque, et ils ont besoin de ressembler et se sentir comme tel. Pour cela, gardez à l'esprit les lignes directrices de la marque. Pour notre exercice, consultez le site Web de tout organisme de bienfaisance pour lequel vous faites une annonce. Quelles sont leurs couleurs, leur logo, leur style visuel global. Faites un peu de recherche sur la présence en ligne de l'organisme caritatif, comme les médias sociaux. S' ils ont une image claire qu'ils essaient de suivre, assurez-vous de l'imiter le plus près possible. Rappelez-vous que l'un des objectifs des campagnes publicitaires numériques est de sensibiliser la marque et de mettre la campagne devant les yeux du public. L' annonce doit raconter la même histoire visuelle que le reste de la marque. Il y a toujours de la place pour la créativité, mais assurez-vous que le public sache qui leur parle. Je vais concevoir une campagne avec vous, et pour mon organisme de bienfaisance, j'ai choisi la SPCA de la Colombie-Britannique, qui est mon sauvetage local d'animaux. En regardant leur site Web et les médias sociaux, je peux dire que leur marque est simple, mais je peux choisir quelques couleurs, logo , polices et photos pour me lancer. Ensuite, parlons de votre public. qui parles-tu ? Qui souhaitez-vous acheter votre produit ou, dans ce cas, faire un don à votre cause ? Pensez à des choses comme l'âge, le sexe, le revenu , la profession, les intérêts, tout ce que vous pensez être pertinent pour vous. Pour le sauvetage des animaux, je sais que les gens que j'essaie d'atteindre sont des amoureux des animaux, quel que soit leur sexe. Ils auront probablement un revenu disponible suffisant pour leur permettre de faire un don à un organisme de bienfaisance. Peut-être qu'ils soutiennent déjà d'autres fondations caritatives. Peut-être qu'ils ont navigué sur les sites d'adoption. Ils vivent définitivement en Colombie-Britannique, puisqu'il s'agit d'un organisme de bienfaisance local. Je garderai toutes ces choses à l'esprit pour m'aider à concevoir une annonce qui résonnera avec eux. 8. Une annonce intéressante: Maintenant, nous allons enfin mettre l'accent sur les annonces elles-mêmes. Il s'agit d'un design intéressant puisque les spectateurs essaient constamment d'ignorer les annonces, tandis que les entreprises tentent constamment de rendre leurs annonces plus attrayantes et plus attrayantes afin que les spectateurs cliquent dessus. En plus de tout cela, les annonces ont très peu d'écran immobilier. Ils doivent être simples et directs que possible. C' est un ordre de taille, mais nous pouvons utiliser les éléments de conception de communication pour atteindre ce que nous recherchons, tels que la couleur, la hiérarchie, tailles et les éléments graphiques. Les humains ont tendance à suivre certains modèles de comportement. Quelqu' un m'a envoyé ça l'autre jour et j'ai essayé de chercher la source de cette image, mais honnêtement, je n'ai pas pu la trouver. J' aimerais lui donner le mérite, mais la vérité est que ça vient de Reddit. En tout cas, dites-moi si ça marche avec toi. Cela a parfaitement fonctionné pour moi et il y a deux raisons principales à cela. Tout d'abord, il y a une hiérarchie visuelle claire de l'information, tant en termes de taille que de positionnement. Aussi, surtout, c'est un modèle que nous voyons tout le temps, dans les affiches de cinéma, dans les livres et dans les annonces. Vous pouvez voir que la structure tient même s'il y a quelques ajustements mineurs. L' utilisation d'un modèle de mise en page comme celui-ci peut vous aider à concevoir une annonce très facile à comprendre. C' est parce que les humains comprennent certaines symbologies est sans penser beaucoup à eux. Cela vous permet d'explorer d'autres choses comme les icônes, les emojis, les couleurs, les images et la typographie, afin de les utiliser comme des raccourcis qui vous permettront de faire passer votre message en utilisant un minimum d'éléments. Prenez un moment maintenant pour réfléchir à ce que cela signifie pour votre campagne publicitaire. abord, voyons quel sera votre message. Nous avons déjà établi que ce que nous voulons faire est d'amener les gens à faire un don à notre cause. Le moment est venu de comprendre exactement ce que sera notre message écrit afin que nous puissions commencer à construire l'annonce autour de lui. J' ai fait un peu de brainstorming et j'ai trouvé un message court et puissant pour mon annonce. Vous pouvez essayer de trouver l'inspiration pour un message votre site Web d'organismes de bienfaisance ou faire un brainstorming. Ou peut-être même demander de l'aide à vos amis. Une fois que vous avez compris cela, vous pouvez commencer à créer votre toute première annonce. Puisque c'est la taille la plus commune. Commençons par concevoir l'annonce 300 by 250 et travailler sur les autres plus tard. N' oubliez pas d'inclure les quatre éléments principaux de l'annonce, le message, le logo, l'image et l'appel à l'action. Si nous revenons à ce modèle que nous avons examiné précédemment, nous pouvons voir que chacun de nos éléments peut facilement s'y intégrer. D' abord et avant tout aura l'image. Ce sera la chose qui attire l'attention sur votre annonce, la chose qui capte les yeux des gens. Deuxièmement, nous voulons que les gens regardent et lisent le message. Le CTA sera le troisième et enfin le logo. Même si le logo est l'un des éléments les plus importants de l'annonce, il est normal qu'il soit vu en dernier. Vous pouvez le considérer comme une signature d'une personne à la fin d'une lettre. Nous pouvons maintenant vous parler de la façon dont vos images vont soutenir votre message et aider à rendre votre annonce beaucoup plus attrayante. Quelles sont les images que vous pouvez utiliser ce pack beaucoup de punch ? Devriez-vous utiliser des photos ou des illustrations ? Quelle police devez-vous utiliser ? Ce sont toutes des décisions que vous seul pouvez prendre. Allez-y et faites ce que vous faites le mieux, créez votre première annonce. J' ai déjà abordé cela, mais je vous rappellerai encore une fois, essayez de rendre votre design suffisamment flexible pour que nous puissions l'adapter à d'autres formes et tailles. Vous pouvez utiliser l'outil que vous préférez pour cela, mien est Adobe Illustrator car il me permet de faire rapidement une exportation toutes les tailles d'annonces différentes. Je partagerai certains de mes astuces et astuces Illustrator plus tard, mais j'utiliserai tout ce qui vous convient le mieux. Dans la prochaine vidéo, nous discuterons des autres formats dont vous avez besoin. 9. Formats et cohérence: Espérons que maintenant vous avez votre première annonce. Voici le mien. Examinons certaines des décisions que j'ai prises pour celle-ci. Vous pouvez clairement voir ici que j'utilise le modèle dont nous avons parlé auparavant. La première chose que vous regardez est l'image du chien. Regarde ces yeux de chiot. Comment peux-tu les refuser ? Deuxièmement, nous avons un message très court et concis qui tire à vos cordes de cœur. Le chien est en train de regarder le message, donc il vous invite à lire le message aussi. L' appel à l'action est sous le chien. Vous pouvez voir ici que ce design fait une forme de triangle qui aide à guider vos yeux vers le bas vers le bouton « Donnez maintenant ». Bien sûr, le logo de la SPCA de la Colombie-Britannique est présent et bien en vue, même s'il ne prend pas toute l'image. Je les ai utilisés en couleur de la marque des organismes caritatifs, qui est bleu et contraste également très bien avec les tons orange de l'image du chien. Nous l'avons vu sur nos exemples et je suis sûr que vous l'avez vu dans la nature, que les annonces viennent dans de nombreuses tailles. Il est temps de commencer à y penser. Pour cette classe, vous n'avez qu'à créer cinq tailles différentes, mais il y a des dizaines de tailles possibles sur lesquelles votre annonce peut exister. Il suffit de regarder cette liste de Google AdSense et vous savez ce que je veux dire. Bien sûr, Google AdSense n'est qu'un seul fournisseur d'annonces. Il y en a beaucoup d'autres là-bas. Vous n'avez généralement pas besoin de toutes ces tailles dans tous les cas. Je suis pour un quand je fais des campagnes professionnellement, généralement seulement neuf ou dix d'entre eux et quels sont ceux spécifiques ils sont en fait décidés par mes coéquipiers dans le marketing. Pour l'instant, nous allons tester notre design et l'adapter à une version horizontale et à une version verticale. J' aime faire le pire scénario d'abord, parce que si le design fonctionne dans le pire des scénarios, cela fonctionnera sûrement pour toutes les tailles. Alors faisons le 320 par 50, qui est le classement mobile, et le 120 par 600, qui est le gratte-ciel. Essayez d'obtenir une mise en page qui circule de la même manière que l'annonce principale que vous avez déjà créée. Si vous regardez d'autres annonces et ces tailles, vous verrez qu'elles suivent généralement des modèles. Sur la plus petite taille, assurez-vous de préserver la lisibilité du texte. Coupez la copie un peu si vous devez, et si vous devez sacrifier quelque chose, mon conseil est que vous vous débarrassez de l'image et gardez tout le reste. De cette façon, vous conserverez les informations les plus importantes. Plus important encore, assurez-vous que votre design est cohérent dans toutes les tailles. Votre internaute peut voir votre annonce dans de nombreuses pages différentes et différentes tailles, et il devrait être en mesure se rendre compte qu'elle fait partie de la même campagne. Cela ne signifie pas que votre annonce doit être exactement la même partout. Mais il devrait y avoir un sentiment d'unité sous-jacent. Dans le monde réel, une fois que j'ai un design qui fonctionne à coup sûr pour une remise carrée , une annonce verticale et une annonce horizontale, je les envoie pour approbation pour ceux qui ont besoin de les approuver. Une fois que j'ai reçu le feu vert, je peux travailler sur d'autres tailles. Dans la prochaine vidéo, je vais vous emmener à travers mon processus et mon illustrateur où je découvre toutes ces tailles aussi efficacement que possible. 10. Créer des annonces avec Illustrator: Commençons maintenant à travailler sur toutes nos tailles. J' ai juste pour référence ici, toutes les tailles que nous allons devoir faire. Ici, je vais juste faire cinq plans de travail et en utilisant ma feuille de triche ici, je vais changer la taille de chacun d'eux pour les tailles d'annonces correspondantes dont nous avons besoin. Je vais juste mettre les tailles horizontales ensemble dans les tailles verticales ensemble aussi. Une fois que j'ai tout mon plan de travail configuré, je vais aller ici dans l'onglet Plan de travail. Je vais changer le nom de chaque plan de travail à la taille correspondante. Nous aurons cinq plans de travail et chacun d'entre eux sera nommé la taille finale de l'annonce qui va y figurer. Maintenant on peut se débarrasser de la feuille de triche parce qu'on n'en a plus besoin. Je vais utiliser cet outil pour réorganiser tous les plans de travail afin qu'ils s'enclenchent en place. La raison pour laquelle je fais cela est qu'il y a un problème sur Illustrator qui ajoute un pixel à l'image finale exportée si le plan de travail n'est pas à un endroit précis sur la grille. Si sur votre position x et y de votre plan de travail, peut-être que votre plan de travail est à 7,5 pixels du haut et 6,8 pixels du côté, alors il ajoutera un pixel à votre fichier exporté, ce qui est vraiment bizarre. J' espère qu'Adobe les corrige bientôt, mais jusqu'à présent, c'est ce que je dois faire pour m'assurer que tout va bien. Maintenant, nous pouvons commencer à construire nos conceptions. Je vais commencer par le plus petit, qui est le 320 par 50. Pour l'instant, je ne vais pas m'inquiéter du fait que mon image ne correspond pas tout à fait. Je peux retourner dans Photoshop et agrandir l'arrière-plan de l'image. Je vais juste organiser tous mes éléments dans mon plan de travail, d'une manière qui a un sens là où le flux de toutes les informations est efficace. Hors écran, je suis allé et j'ai fait une version plus large de cette image. Je l'ai juste regardé. Je suis sûr que ça ira. Alors je peux le perfectionner avec l'image. Maintenant, parce que c'est la plus petite annonce, je veux m'assurer qu'elle est aussi lisible que possible. Je vais appuyer sur l'option Shift Command S, ce qui est le même pour le raccourci Web. Je vais le regarder dans sa taille finale. Maintenant, le logo de la BCSPCA n'apparaissait pas beaucoup. La lisibilité n'est pas encore grande. Je vais faire quelques ajustements pour m'assurer que c'est un peu plus lisible. J' utilise l'outil Enregistrer pour le Web comme un aperçu de ce que l'annonce va ressembler dans sa taille finale, mais je ne l'enregistre pas encore. Je vais ajouter une lueur extérieure très, très subtile, une lueur extérieure sombre au logo juste pour qu'il apparaisse de l'arrière-plan un peu plus et lui donne plus de contraste avec l'arrière-plan afin que vous puissiez voir cela dans des tailles plus petites. Je vais juste faire ça pour celle-là, pas pour les autres. Je vais aussi rendre le logo un peu plus grand parce qu'il n'a toujours pas l'air super bon. Je vais rendre le texte secondaire un peu plus grand aussi. C' est mieux, c'est un peu plus lisible. Maintenant, nous pouvons passer à la suivante. Ensuite, je vais faire la version gratte-ciel. Même processus ici, mais celui-ci est plus grand et maigre, donc les sauts de ligne devront être un peu différents. Encore une fois, je vais devoir faire une version différente de l'image d'arrière-plan qui a un fond plus grand. Mais c'est quelque chose que je vais faire hors écran et Photoshop, puis je reviendrai et j'ajusterai tout. Maintenant, une fois que je suis satisfait du placement final, maintenant j'ai une version horizontale et une version verticale, donc je peux faire ces autres versions horizontales et verticales selon celles que j'ai déjà faites. Maintenant, c'est là que ça devient super rapide. Je peux juste faire des copies de nos éléments et faire les ajustements dont j'ai besoin pour les différentes tailles. Même si vous aviez 12 tailles différentes à faire, une fois que vous avez une verticale, une horizontale, un carré, vous pouvez simplement les maniveller super rapidement. Parce que c'est la même structure, vous faites juste de petits ajustements. Une fois que j'ai toutes mes tailles, au lieu d'utiliser l'outil Enregistrer pour le Web, je vais aller à Fichier, Exporter pour les écrans et cela me permettra de tout exporter en même temps. Maintenant, bien sûr, je n'ai pas besoin de saigner ce truc numérique. Je vais sélectionner le fichier dans lequel je veux que tout soit enregistré ici sur l'Export aussi. Je vais m'assurer que le format de fichier est JPEG. JPEG 100 signifie qu'il est enregistré avec la plus haute qualité possible, donc aucune compression du tout, ce qui garantira que notre annonce n'a pas l'air pixellisée ou quoi que ce soit du genre. J' ajouterai un préfixe à mon nom de fichier. Ce n'est que le début de ce que je veux que mon nom de fichier soit. Je vais désélectionner, créer des sous-dossiers. Je n'ai pas besoin de ça. Ensuite, je suis prêt à exporter tous les plans de travail. Je vais ensuite regarder le dossier où tout est enregistré, comme vous pouvez le voir ici, mes noms de fichiers ont été automatiquement enregistrés comme je le voulais. Le préfixe que j'ai mis en place était BCSPCA, qui est l'indicateur de ce qu'est cette campagne. Souligner la taille du fichier en pixels. Je sais juste en regardant le nom du fichier, dans quelle taille cette annonce est. Cela a été fait automatiquement parce que je l'ai déjà configuré sur mes plans de travail. qui signifie que maintenant je peux prendre le même fichier illustrateur et le réutiliser pour d'autres campagnes que j'aurai déjà nommé et mis en place tous les tableaux d'art. Je peux utiliser ce même fichier comme modèle pour toutes les autres campagnes sur lesquelles je travaille. Maintenant, juste pour m'assurer que tout a été exporté correctement, je vais passer par chacun de ces fichiers et regarder chacune des annonces pour m'assurer que tout semble bien. Allons-y, jette un coup d'oeil. Je n'aime pas la façon dont le logo a été rendu. Quelque chose de poisson là-bas, il a l'air pixélisé. Je pense que c'est parce que ce logo est en fait en PNG et ce n'est peut-être pas la plus grande qualité PNG. Je vais revenir en arrière et m'assurer que j'ai un logo vectoriel avec lequel travailler. Ensuite, je l'exporterai encore une fois. Maintenant, je vais revoir chaque dossier. Une fois de plus, assurez-vous que tout a l'air bien. Je vais également garder un oeil sur la taille du fichier. plupart du temps, les fournisseurs d'annonces vous demanderont que vos fichiers ne soient pas supérieurs à 150 kb chacun. Ils l'ont demandé juste pour que l'annonce se charge le plus rapidement possible une fois qu'ils sont sur la page. Dans ce cas en particulier, ce fichier est un peu trop gros. En fait, je vais retourner dans mon fichier Illustrator. Je vais appuyer sur l'option Maj Commande S. Je vais utiliser l'outil Enregistrer pour le Web au lieu de l'Exportation du plan de travail. Cet outil est un outil hérité d'Illustrator. Adobe, je pense, essaie de l'éliminer progressivement. Je n'utilise pas cet outil pour commencer parce que de cette façon je ne peux pas exporter par lots mes plans de travail, mais cet outil est toujours le meilleur moyen d'exporter des JPEG pour le web qui ont l'air bien et qui sont bien compressés. Adobe doit encore résoudre certains problèmes sur l'autre outil. Utilisons celle-ci pour l'instant pour corriger cette annonce et nous serons prêts à partir. 11. Gardez un œil sur la performance des publicités: Maintenant, nous avons tous fini avec le processus de conception. Nos fichiers sont prêts à être envoyés et organisés, alors s'il vous plaît les télécharger dans la galerie afin que nous puissions tous les voir, jeter un oeil et commenter. Si vous lancez cette campagne en direct, c'est le moment où nous téléchargeons tout sur la plateforme que nous utilisons ou que nous l'envoyons à l'agence avec laquelle nous travaillons ou quelle qu'elle soit. Cependant, le travail ne se termine pas vraiment une fois que nous téléchargeons des choses parce que nous devons garder un œil sur la performance des annonces. Il peut s'agir de vous ou de quelqu'un d'autre dans votre équipe, mais vous devez vous assurer que vos mesures sont en place et qu'elles correspondent à ce que vous attendez. Par exemple, deux mesures sur lesquelles vous pouvez garder un œil sont le taux de clics et les conversions. Les taux de clics indiquent essentiellement le nombre de fois où votre annonce a été cliquée par vue, alors que les taux de conversion correspondent au nombre de fois qu'un utilisateur a atterri sur votre page de destination et a effectué une action que vous recherchiez, comme l'achat d'un produit ou s'inscrire pour un essai gratuit ou quelque chose comme ça. Dans le cas de cette campagne, un taux de conversion serait probablement donné à votre cause si c'est ce que vous souhaitez qu'elle fasse dans votre annonce. Si vous et votre équipe n'êtes pas satisfaits des statistiques que vous obtenez, il est peut-être temps de jeter un coup d'œil à votre annonce ou regarder votre page de destination pour voir comment elles peuvent être améliorées. Peut-être que votre annonce n'est pas assez attrayante, ou peut-être que la messagerie n'est pas assez claire, ou peut-être que votre page de destination est un peu trop remplie de choses, peut-être que vous devez aller au minimum. Peut-être que vous avez besoin d'être plus direct. Essayez d'expérimenter et voyez ce qui se passe. N' ayez pas peur de tester A/B. Ce sont toutes les choses qui viennent dans le processus de conception. Maintenant, ce que j'ai parlé jusqu'à présent peut ressembler à l'opinion d'une personne, mais j'ai quelques faits pour étayer la réalité avec des exemples de campagnes sur lesquelles j'ai travaillé. Jetons un coup d'oeil à une campagne particulière pour laquelle j'ai travaillé qui ne fonctionnait pas si bien et qui nécessitait des changements afin d' obtenir un meilleur taux de clics et un meilleur taux de conversion. Voici le premier design. Elle ne fonctionnait pas aussi bien que nous l'espérions. Nous l'avons examiné de nouveau et nous avons estimé qu'il y avait trois domaines qui pourraient être améliorés. Les couleurs n'étaient pas assez attrayantes, le message n'était pas très direct et efficace et il y avait des problèmes de lisibilité dans les petites tailles. Ici vous pouvez voir la refonte. Nous avons corrigé ces problèmes et nous avons rapidement vu nos chiffres augmenter à ce que l'équipe s'attendait à voir. Dans le monde réel, n' ayez pas peur de tester vos designs. 12. Conclusion: Cela nous amène à la fin de notre classe. Espérons que vous avez été en mesure d'apprendre l'anatomie d' un grand art et ce qui rend la campagne d'art engageant. Si vous avez terminé votre projet avec nous, veuillez le partager dans la galerie. Je suis vraiment excité de voir ce que tu as fait. Si vous souhaitez rester en contact avec moi, vous pouvez me suivre sur Instagram ou m'envoyer un e-mail. Je serais très heureux de vous entendre. Au revoir.