Les 9 meilleurs exemples de bannières de publicités web

Les bannières publicitaires sur le web, ça fonctionne encore ?” 🤔

La question est légitime, notamment avec la démocratisation des bloqueurs de publicités tels que Adblock.

Pourtant, les bannières de publicités web sont toujours utiles pour promouvoir votre marque et votre site internet professionnel. Et surtout pour booster votre taux de conversion, dans le cas où elles sont originales et bien réalisées.

Et, pour vous inspirer et créer la meilleure bannière publicitaire, nous allons voir ensemble 9 exemples particulièrement bien réussis.

Mais avant, un petit rappel s’impose sur les formats de bannières existants, en avant ! 🫰

Les types de bannières publicitaires sur le web

Il existe désormais une multitude de types de bannières publicitaires sur internet.

Cependant, voici une liste des bannières les plus courantes avec leurs variantes pour vous permettre d’y voir plus clair :

  • La bannière classique :

Bannière web classique

La bannière classique se situe généralement tout en haut, ou tout en bas de la page web. La plus utilisée est la megabanner, au format 728x90px, mais sa petite sœur est courante également.

Ce type de bannière est particulièrement adapté à du texte accompagné d’un bouton cliquable, car il épouse le sens de lecture. Elle est plébiscitée notamment pour spécifier la monétisation du site web.

Ce format horizontal est le plus courant, bien qu’il soit de plus en plus talonné par les suivants.

  • La bannière skyscraper :

bannière skyscraper schéma

La bannière skyscraper ou demi skyscraper, en format rectangle situé sur le côté de la page, est également très utilisée.

Ce format prend toute la longueur de la page, et peut être plus ou moins étroit : le skyscraper classique est de 120×600 px, et le mega skyscraper est de 160×600.

Il est très fréquemment utilisé car son taux de clic est assez élevé.

  • La bannière type carré ou pavé :

bannière carré et pavé

Le carré est un format facilement adaptable afin de placer vos publicités au sein même de vos contenus.

Il est préférable d’utiliser ce format si la publicité est majoritairement visuelle et ne comporte pas beaucoup de texte.

Le pavé est plus imposant, et s’avère très utilisé pour montrer des produits ou attirer l’œil du consommateur sur une offre importante. Il permet également d’intégrer facilement des animations et des vidéos à sa publicité.

Ce tour d’horizon des formats de bannières publicitaires est non-exhaustif, et peut être complété par des formats plus originaux tels que le billboard.

Ce format est très imposant, 950×250 pixels, et s’adapte autant à l’écran d’un ordinateur que d’un téléphone.

bannière billboard

Les meilleurs exemples de bannières publicitaires

Les bannières choisies sont toutes classées par critère afin de mettre en lumière ce qui les différencie, et de vous donner des idées lors de la réalisation de la vôtre.

La bannière colorée

Les couleurs vives et chatoyantes sont un moyen efficace d’attirer l’œil de l’utilisateur et du consommateur.

Adobe l’a bien compris ! 😬

En utilisant des fonds très colorés avec une police épaisse et blanche, le contraste invite à lire ce que cette publicité a à nous dire.

Le logo d’Adobe est présent, mais toujours discret et n’altère pas la compréhension de la bannière publicitaire.

Enfin, le bouton d’appel-à-l’action sur fond bleu est particulièrement visible : en effet, l’utilisation d’une couleur unie et froide sur ces fonds bariolés fait ressortir instantanément l’action que cette publicité nous invite à réaliser.

Le wording, soit le texte de ces CTA, est concis et parle immédiatement au consommateur.

La bannière illustrée

En choisissant une illustration comme sur la bannière de publicité Spotify, vous vous démarquez tout en étant original. 🖼️

L’illustration choisie par Spotify est particulièrement intéressante.

spotify banniere

Elle ne met pas en avant l’outil Spotify, mais le sentiment que provoque le passage à un compte Premium sur leur application.

La bannière ne surcharge pas le consommateur d’informations. Les premiers éléments scannés par l’utilisateur sont :

  • la femme qui danse, qui évoque immédiatement la joie,
  • le bouton cliquable invitant à passer sur un compte payant,
  • le prix de l’abonnement.

Spotify réalise une campagne publicitaire très efficace, notamment grâce à cette illustration.

La bannière qui intrigue

IBM joue, comme Adobe, sur la couleur pour attirer l’œil.

Cependant, bien que ces bannières de publicités web soient très colorées, elles n’en restent pas moins intrigantes. 🔴🔵🟡

ibm campagne publicitaire

Et pourquoi cette bannière est aussi percutante et donne envie d’en savoir plus ?

Grâce à plusieurs éléments :

  • L’utilisation du regard. Les figurants vous regardent dans les yeux et happent immédiatement votre attention. 👁️
  • Le choix de texte. Comme pour Adobe, IBM applique une police imposante et blanche sur ces images très colorées. De plus, ils affirment qu’une information importante et intéressante se trouve ici.
  • La couleur unie qui invite à cliquer pour en savoir plus. Et, effectivement, nous n’avons qu’une envie : c’est d’en savoir plus.

C’est exactement le but de cette publicité : elle vous capte immédiatement et attire votre curseur vers le bouton cliquable comme un aimant.

Montrer ses produits sur sa bannière

La publicité sert avant tout à promouvoir ce que vous vendez. Alors, mettez vos produits en avant !

ebay bannière publicitaire

Les différentes bannières publicitaires d’E-Bay en sont le parfait exemple.

La recette est simple :

  • un fond coloré,
  • une police blanche,
  • un bouton invitant à l’achat,
  • 3 à 4 produits mis en avant.

Dans ces bannières, tout est fait pour mettre les produits en avant. Le fait de les regrouper par thématiques permet d’inciter l’achat non pas d’un, mais de plusieurs objets.

De plus, l’accroche de ces publicités et le texte du bouton sont très efficaces.

Les accroches sont percutantes avec une touche d’humour, ce qui tisse un lien sympathique entre le consommateur et la marque.

Les boutons, quant à eux, tiennent tous en deux mots courts qui provoquent un sentiment d’urgence avec le “now”.

Mettre en avant une preuve sociale

Vanter vos mérites sur votre publicité est essentiel.

Mais, comment vous croire ?

En ajoutant des preuves sociales, comme Bio-Oil.

Pour convaincre le consommateur, il est judicieux de spécifier dans votre publicité web :

  • les classements et prix que vous avez gagné,
  • les articles et médias qui parlent de vous,
  • les témoignages de clients satisfaits.

Ici, Bio-Oil invite les consommateurs à participer à leur concours en ligne en leur rappelant qu’ils sont recommandés par le personnel médical, et produit numéro 1 pour soigner les cicatrices en Nouvelle-Zélande.

Aller à la simplicité

Dans l’univers du web, la simplicité est généralement la meilleure option. Et les tendances webdesign minimalistes le confirment.

Lorsqu’il s’agit d’une communication publicitaire épurée, il s’agit très souvent d’Apple.

apple bannière publicitaire

En effet, la marque à la pomme axe sa stratégie sur des visuels simples et esthétiques afin de mettre en avant la sophistication de leurs produits high-tech.

Et ça fonctionne !

Cette bannière publicitaire ne présente que très peu de texte, mis à part le nom du produit et un bouton cliquable invitant à en apprendre plus. Ni plus, ni moins.

De plus, choisir de créer une bannière publicitaire aussi sobre permet de ne pas agresser l’œil de l’utilisateur lorsque celle-ci apparaît sur son écran.

En effet, elle peut s’intégrer à toutes les pages web harmonieusement sans déranger l’utilisateur dans sa navigation, tout en étant reconnaissable.

Utiliser l’humour sur sa bannière

Si le consommateur esquisse un sourire en voyant votre pub, il se rappellera nécessairement de vous.

Donc, jouer sur l’humour est une stratégie efficace, et BackMarket l’a bien compris.

back market bannière publicitaire

Si le consommateur s’attend à trouver une condition à l’offre proposée sous le titre, il sera surpris par la touche d’humour de la marque.

Et c’est exactement l’objectif de cette bannière publicitaire, surprendre et amuser le consommateur.

De plus, le visuel de la bannière est très bien choisi. Le fond noir permet de facilement mettre en avant les couleurs pastel et le titre en blanc.

Le bouton cliquable incitant à profiter de l’offre est le seul élément textuel coloré de la bannière, ce qui le met automatiquement en lumière.

Mettre en avant la nécessité

Vous pouvez également axer le message de votre bannière publicitaire sur la réponse à cette question : “Pourquoi ai-je besoin de ce produit ?”

Pour illustrer la création du besoin chez le consommateur, nous pouvons prendre l’exemple des bannières très esthétiques proposées par Audible.

audible bannière pub

Le service d’Amazon fait d’abord un choix osé : celui d’une illustration très réussie, et d’un texte écrit en très petit.

Si la taille du texte peut être un frein pour le consommateur pressé, ici, c’est une stratégie à part entière.

L’utilisateur est attiré par l’illustration, constate que quelques lignes expliquent la raison de cette publicité, et fera lui-même l’effort de lire.

Pourquoi ?

Parce que cette bannière attise la curiosité. 👀🔎                                                                                          

Et l’accroche utilisée par Audible permet au consommateur d’appliquer directement l’utilisation de l’application dans sa vie quotidienne.

Par exemple, pour les livres de genre Fantaisie, Audible annonce qu’il propose “des centaines de livres fantaisie pour vous accompagner dans le nettoyage de votre château”. 🏰

Ainsi, Audible transforme les activités quotidiennes, même les plus pénibles, en un moment distrayant.

Audible crée donc le besoin d’obtenir leurs livres audios pour enchanter le quotidien.

La bannière qui se démarque par rapport aux concurrents

Pour faire leur choix quant à la plateforme qu’ils vont privilégier pour leurs achats, les consommateurs comparent les services entre eux.

Pourquoi ne pas leur faire gagner du temps en réalisant ce travail à leur place dans une bannière publicitaire ?

En vous comparant directement à vos concurrents directs, vous passez un message clair aux consommateurs : vous êtes la meilleure option sur le marché pour répondre à leurs demandes.

Cette stratégie est celle adoptée par Wikibuy, une extension de Google Chrome pour comparer les prix lors d’un achat en ligne.

wikibuy bannière publicitaire

En utilisant une question adressée directement aux consommateurs, et une couleur vive telle que le vert pour mettre en avant le nom de la marque, Wikibuy réalise une bannière publicitaire efficace, sobre et parlante.

👉 Vous l’avez vu, les stratégies publicitaires sont nombreuses afin de créer une bannière très percutante. 

Mais… Cela ne suffit pas… 😮

En effet, vous aurez beau concevoir la bannière web la plus convaincante qui soit… Si vous renvoyez les internautes vers un site dysfonctionnel, vous ne ferez pas de ventes…

C’est pourquoi avant toute démarche de création de campagne publicitaire, veillez avant tout à vous assurer d’avoir un site internet irréprochable. 🤓

Une refonte de site web réussie : plus qu’un simple lifting

Certes, une bannière publicitaire bien placée peut véritablement booster une campagne, mais soyons honnêtes : c’est surtout la qualité de votre site internet qui fera la différence en matière de conversion. 

Quand un site n’est plus que l’ombre de lui-même, il ne suffit pas de diffuser des annonces sur le web, il est nécessaire de reprendre les bases. 

Pour cela, la refonte d’un site internet par un pro représente, entre autres, l’occasion de corriger les failles, d’alléger le code, d’accélérer les temps de chargement, d’optimiser l’architecture du site et de fluidifier l’expérience-utilisateur. Mais aussi de revoir le tunnel d’achat, l’optimisation du parcours-client, le design des pages, etc. 

On peut y voir une chirurgie esthétique et fonctionnelle à la fois, où chaque détail se doit d’être parfait, de la présentation graphique jusqu’au SEO.

Ce processus concerne donc tous les niveaux : une navigation simplifiée, un design responsive (adapté aux mobiles), et surtout, une structure optimisée pour plaire aux moteurs de recherche. 

Avec les bonnes techniques, telles que l’intégration de solutions sur mesure ou l’amélioration des performances back-end, on obtient un espace digital non seulement agréable à parcourir, mais aussi performant et durable. 

Une refonte réussie ne redonne pas uniquement vie à un site : elle propulse une marque vers de nouveaux sommets. 🚀✨

Vous l’aurez saisi, une restructuration web digne de ce nom permet de transformer une plateforme obsolète en un outil numérique ultra-performant. 

Comment procéder à la refonte de mon site internet et maximiser la réussite de mes campagnes publicitaires ?

  • Vous pouvez confier votre refonte web à une agence digitale composée d’experts en web design. Vous obtiendrez ainsi un nouveau site tout beau, tout neuf, clé en main, et de qualité professionnelle, sans avoir à mettre la main à la pâte.
  • Si vous êtes de nature indépendante et que vous souhaitez gérer votre site par vous-même, sachez que vous pouvez également concevoir une landing page. Ou re-créer votre site web sur un outil en ligne comme Orson

Pour seulement 2€ / mois, vous composez vos pages, à l’aide de votre souris d’ordinateur, en déplaçant les éléments un par un, là où vous le désirez. Tout se fait en ligne et quelques instants suffisent.

 

 

Alors… Pour vos bannières web… Plutôt tendance à la sobriété ou à l’humour ? Grâce aux exemples proposés dans ce guide, vous n’avez plus qu’à vous laisser inspirer ! 😉

Frédérique Biau

Traductrice et Rédactrice autour des Nouvelles Technologies et du Web. Frédérique est en charge de partager nos astuces avec l'art et la manière !