Comment utiliser Bannersnack pour générer des bannières étonnantes en quelques secondes –

Cet article a été créé en partenariat avec StudioWorks . Merci de soutenir les partenaires qui rendent SitePoint possible.

Les bannières publicitaires existent depuis les débuts de l’Internet. Et les bannières publicitaires mal conçues qui ennuient de nombreux utilisateurs existent depuis très longtemps. Mais 30 ans plus tard, les entreprises paient toujours pour les placer sur des sites Web et dans leur rotation d'annonce.

Les bannières, en particulier animées, sont plus que jamais utilisées sur les profils de médias sociaux et comme annonces sociales, car les spécialistes du marketing réalisent le pouvoir de la vidéo pour attirer l'attention. Les bannières publicitaires actuelles sont sophistiquées et bien conçues, et peuvent être très efficaces. Mais pour les concepteurs, ils représentent un défi de taille.

Coder les bannières est difficile et coûteux

Les bannières, en particulier les animées, sont notoirement difficiles à coder en HTML5. Bien sûr, vous pouvez créer des bannières animées dans Flash, mais iOS d’Apple ne les prend pas en charge, et Adobe affirme qu’elles ferment complètement Flash en 2020.

Les GIF sont une autre solution possible, mais ils ont une résolution médiocre et la plupart des internautes associent les GIF à des mèmes et à de l’humour plutôt qu’à des produits sérieux. Il ne vous reste donc plus que HTML5.

Le codage des publicités HTML5 – en particulier animées – requiert du savoir-faire, qui coûte cher. Les bons codeurs connaissent leur valeur, et en trouver un en qui vous pouvez avoir confiance peut être une tâche impossible. Les plates-formes indépendantes peuvent sembler être le point de départ évident, mais les codeurs dignes de ce nom s'éloignent rapidement des sites tiers.

Heureusement, nous sommes à l'ère du SaaS et les concepteurs peuvent désormais utiliser des applications telles que Bannersnack . avec des interfaces glisser-déposer qui vous permettent de concevoir des bannières publicitaires rapidement et efficacement.

Bannernack Do

Bannersnack est une application en ligne qui vous permet de concevoir des bannières entièrement réactives pour les sites Web et les médias sociaux – sans avoir des compétences de codage ou de conception. Les créateurs de Bannersnack ont ​​compris toutes les difficultés de codage, il vous suffit donc de vous connecter, de choisir votre taille, d'ajouter votre image, de choisir les couleurs et les polices de caractères, et de faire preuve de créativité.

Voyons rapidement comment fonctionne la plate-forme Bannersnack. peut faire.

1. Choisissez votre taille

Commencez avec une taille et une orientation personnalisées (verticale, horizontale et carrée) ou choisissez une taille prédéfinie. Vous pouvez même choisir une publicité sur Facebook ou une publication sur Instagram:

2. Concevez votre annonce

Vous pouvez concevoir à partir de rien ou utiliser un modèle Bannersnack existant. Bannersnack propose des dessins statiques ou animés dans sa galerie de modèles, ce qui vous permet de commencer même sans idée de design.

3. Ajouter des images et du texte

Personnalisez votre dessin en quelques clics. Si vous pouvez utiliser Mailchimp ou d'autres outils marketing SaaS, vous pouvez utiliser Bannersnack. Modifiez les titres, le texte, les boutons, l'arrière-plan, ajoutez vos propres logos et images, et modifiez les nuances de conception telles que la hauteur des lignes et la transparence. Vous pouvez créer des bannières publicitaires parfaitement conçues qui correspondent parfaitement aux normes et aux couleurs de votre marque.

4. Animez avec facilité

Ce n’est un secret pour personne que les annonces animées sont plus attrayantes et génèrent des actions meilleures que les annonces statiques. Les lecteurs sont plus susceptibles de réagir aux vidéos qu'aux contenus non animés et de visiter la page ou le site Web de l'éditeur.

Mais l'animation est notoirement délicate. Bannersnack a réussi à résoudre cet obstacle – avec des animations HTML5 comprenant des ouvertures en fondu, des diapositives et des rebonds. Ces annonces vidéo ne sont pas complètes, mais elles attireront tout de même l’attention de l’utilisateur sur une page Web occupée, ce qui stimulera votre engagement. L’avantage supplémentaire du chargement est rapide, ce qui est essentiel pour empêcher les utilisateurs mobiles de faire défiler votre annonce avant même son chargement.

L’éditeur HTML5 de Bannersnack est doté d’une interface intuitive et conviviale ainsi que d’un système de gestion des diapositives facilitant l’animation. Essayez l'un des 32 préréglages d'animation prédéfinis pour animer une partie de votre annonce:

ou créez des animations personnalisées et réglez des éléments tels que la durée, le délai et les transitions.

5. Créez un ensemble complet de bannières de différentes tailles et formes

. Une fois la mise en page terminée, essayez l’option Smart Resize de Bannersnack . Vous pouvez créer un ensemble de plus de 30 bannières publicitaires, toutes basées sur le même design, en quelques minutes à peine. Vous pouvez ainsi utiliser les mêmes publicités sur le site Web de votre client, ses campagnes publicitaires et ses plateformes de médias sociaux. (Découvrez cette vidéo de YouTube .)

Si vous le souhaitez, vous pouvez modifier la disposition des bannières en modifiant les chronologies de transition ou en réorganisant des calques spécifiques, mais cela n'est généralement pas nécessaire grâce aux fonctions de redimensionnement intuitif de Bannersnack.

Le clip YouTube illustré ci-dessus vous guide tout au long du processus de création d'un ensemble de bannières carrées, horizontales et verticales à partir d'un modèle de base.

6. Collaborez avec facilité

Rien ne vous fait perdre du temps, à part l'envoi de preuves de conception pour les commentaires et les balises. Au lieu de télécharger des fichiers et de les envoyer par courrier électronique pour approbation, utilisez l’interface de collaboration en ligne de Bannersnack. Votre équipe peut voir les annonces, laisser des commentaires et des suggestions, et même marquer l'annonce comme approuvée, le tout dans le système.

Et vous pouvez organiser tous vos dessins en configurant vos propres dossiers et espaces de travail.

7. Exporter et partir

Une fois que tout le monde est satisfait de la publicité, il vous suffit de choisir le format de votre choix et de l’exporter. Votre bannière est prête à être intégrée. Vous pouvez choisir JPG, PNG, GIF ou HTML5 – compatible avec toutes les principales plates-formes d’annonces graphiques, y compris Google Ads, ReTargeter, etc.

Pour les publicités HTML, vous pouvez télécharger au format HTML5 ou AMP HTML (format préféré de Google pour la sécurité et la rapidité).

Pourboire : Bannersnack peut même vous aider à créer des annonces vidéo sur Facebook dont le nombre de visiteurs et le nombre de conversions augmentées par rapport à la publicité statique augmentent.

Lorsque vous souscrivez un abonnement Pro ou Plus Bannersnack, vous pouvez télécharger vos annonces au format MP4, selon les besoins de Facebook.

Qu'est-ce que cela va coûter

Vous pouvez tester Bannersnack gratuitement, mais pour tirer le meilleur parti de cet outil (jeux de bannières, téléchargements AMP HTML et MP4, par exemple) vous aurez besoin d’un abonnement Pro ou Plus. Bien que cela puisse sembler effrayant, le prix est étonnamment abordable. Et lorsque vous tenez compte du temps que vous gagnerez en embauchant un codeur ou en effectuant le travail vous-même, vous constaterez que le premier projet créé est rentabilisé.

Astuces pour la conception de bannières publicitaires

Maintenant que vous disposez d'un bon outil pour créer des bannières publicitaires, préparez-vous avec quelques astuces professionnelles pour tirer le meilleur parti de votre investissement publicitaire.

1. Retarget

Les bannières publicitaires obtiennent souvent une mauvaise réputation en obtenant un faible taux de réponse. C’est vrai, mais on peut en dire autant de tous les supports, des annonces télévisées aux panneaux d’affichage. Cela dépend de la qualité de la création, de la qualité de la cible ciblée… et du reciblage du ciblage.

Les bannières publicitaires reciblées vous donnent une seconde chance d'influencer les décisions d'achat. Le téléspectateur voit vos graphiques marketing pour la deuxième ou la troisième fois. Un autre facteur est que les internautes revoient vos annonces parce qu’ils sont intéressés par vos services.

Le taux de clics pour le reciblage des annonces est dix fois supérieur à celui des annonces graphiques pour la première fois. [19659011] Digital Information World a de bonnes idées pour vous aider à vous recibler comme un pro.

2. Surmonter la cécité des annonces

Les lecteurs commencent à ignorer les annonces graphiques. Jeff Bullas a quelques conseils utiles pour vous aider à surmonter l'aveuglement publicitaire:

• positionnez vos annonces dans des lieux inhabituels
• conservez la pertinence de vos annonces pour votre public
• utilisez des couleurs, des formats et des tailles uniques
• optimisez l'utilisation d'annonces pour les utilisateurs mobiles
• intégrez vos annonces dans votre conception

En suivant cette logique, vous obtiendrez un meilleur engagement pour vos annonces si:

• vous sélectionnez certaines de vos annonces.
• vous utilisez des tailles et des couleurs personnalisées qui contrastent avec les couleurs de votre site principal (sans les heurter)
• placez vos bannières où les utilisateurs sont forcés de les voir, comme au milieu d'un article de blog

3. Testez, testez, testez

Tests fractionnés, tests multivariés ou tests A / B: le test de vos annonces est essentiel pour améliorer leurs performances.

ConversionXL indique que vous avez besoin d'un beaucoup de trafic (plus de 100 000 visiteurs uniques par mois) avant que les tests multivariés n’aient un sens. La plupart des entreprises devraient plutôt effectuer des tests A / B simples, dans lesquels vous testez deux variantes d'une annonce, en envoyant la moitié de vos visiteurs à une annonce et l'autre à la seconde.

Concevoir vos bannières publicitaires et pouvoir les modifier rapidement sont les clés pour diviser les tests; utiliser un service comme Bannersnack peut le rendre rentable pour vous.

Vous pouvez changer de votre choix lors de vos tests fractionnés. Commencez par les grandes variables: type de transition, statique vs animé, police, couleur, couleur CTA et image. Une fois que vos résultats A / B sont similaires et que vous pensez avoir trouvé la meilleure annonce en termes de variables principales, il est temps de tester des variables moins évidentes, telles que le minutage des transitions, l'emplacement de l'image, la taille de la police et de légères variations de couleur. 19659006] Vérifiez également si vos résultats A / B sont aléatoires ou statistiquement significatifs à l'aide de cet outil de test .

Source de l'image: VWO

Une fois que vous êtes satisfait qu'une de vos annonces surpasse celle de l'autre, abandonnez celle qui est moins performante. Même de petites améliorations dans votre composé à taux de clics grâce aux tests en continu.

4. Soyez vigilant à propos de l'analyse

Votre plate-forme de publicité en ligne inclut probablement une analyse. Les plates-formes d'automatisation des bannières publicitaires les incluent certainement, ainsi que la possibilité d'afficher des cartes thermales d'interactivité et de savoir quelles publicités vous conviennent le mieux.

Découvrez l'interface d'analyse que propose votre développeur ou votre plate-forme publicitaire et recherchez des tendances dans le comportement des utilisateurs. aidez à influencer la conception et la copie de vos prochaines annonces.

Les bannières peuvent être puissantes… si vous les faites bien

Pour tirer pleinement parti de vos bannières publicitaires, vous devez vous démarquer d'une manière efficace. Créez en pensant à vos clients en les divertissant ou en les éclairant au lieu de les convaincre avec un argument de vente.

Les applications de génération de bannières telles que Bannersnack vous permettent de concevoir rapidement des bannières et de les modifier facilement. utilisez votre annonce modifiée par rapport à celle d'origine pour améliorer votre retour sur investissement et engager véritablement vos clients.

Essayez-le vous-même. Examinez les résultats obtenus avec les bannières que vous avez conçues à partir de rien et comparez-les aux résultats que vous pouvez obtenir avec un créateur de bannières professionnel. Voyez si vous ou vos clients pouvez voir une différence, car leurs clients le verront sans aucun doute.

Gal Shachar est Un designer basé à Tel-Aviv spécialisé dans l'UX numérique, les médias publicitaires et la stratégie de marque. Il est actif dans l'industrie depuis 2017, après ses études au Ruppin College. Depuis lors, Gal a travaillé avec de nombreuses marques et entreprises renommées sur la conception de sites Web, la création de logos, l'expérience utilisateur et les campagnes de valorisation de marque. Vous pouvez visiter son site Web ici .