#4
                      Les bannières




Vendredi 20 mars 09
Sommaire

     1. Présentation du cas éléphant

     2. Focus programmation

     3. Veille sur les bannières

     4. Les...
1/ Présentation du cas éléphant - Brief client
     1.   Faire imprimer des collecteurs Eléphant pour commander des théièr...
1/ Présentation du cas éléphant - Spécificités




#4
1/ Présentation du cas éléphant - Graphisme




           Exemples des bannières réalisées :
           file:///Volumes/C...
1/ Présentation du cas éléphant - Résultats




#6
1/ Présentation du cas éléphant - Résultats




#7
2/ Focus programmation - Click Tag
     Actuellement on utilise la méthode définie par Macromedia pour suivre les événemen...
2/ Focus programmation - Gif de back-up

     •   Il faut systématiquement accompagner les bannières flash d’une image
    ...
3/ Veille graphique

      •   Vidéo Expand Banner + intervention sur la page :
            http://pitchfork.com/


     ...
4/ En synthèse
      Les 4 points essentiels à retenir retenir :

            1. Une bannière ce n’est pas simple : contra...
Prochain SlideShare
Chargement dans…5
×

Friday Web #4 20 03 09

428 vues

Publié le

FW #4 sur les bannières

Publié dans : Développement personnel
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
428
Sur SlideShare
0
Issues des intégrations
0
Intégrations
8
Actions
Partages
0
Téléchargements
2
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Friday Web #4 20 03 09

  1. 1. #4 Les bannières Vendredi 20 mars 09
  2. 2. Sommaire 1. Présentation du cas éléphant 2. Focus programmation 3. Veille sur les bannières 4. Les 5 idées à retenir 5. Annexe (sur le serveur) #2
  3. 3. 1/ Présentation du cas éléphant - Brief client 1. Faire imprimer des collecteurs Eléphant pour commander des théières sur le site www.elephant.fr 2. Générer de la visibilité pour la marque Eléphant • Nous ciblons les femmes entre 30 et 50 ans. La campagne sera diffusée sur des sites féminin (aufeminin, TF1 plurielles…) en particulier dans les rubriques déco, cuisine, famille. Travail demandé : • Développer des créas pour les formats suivants: • Formats IAB (300*250, 728*90, 468*60, 250*250, 120*600), Premium (300*415), Interstitiel (650*450), Flash transparent (400*400) Les publicités devront : 1. Montrer les quatre couleurs de théières 2. Mettre en avant le mécanisme simple et facile pour obtenir une théière Eléphant : « pour seulement 4 preuves d’achats et 5€ et elle est à vous ! » 3. Inciter au clic pour générer du trafic sur le site Eléphant : « Cliquer ici » (pour recevoir votre théière) 4. Etre bien situées dans l’univers des infusions (ne pas oublier le produit) #3
  4. 4. 1/ Présentation du cas éléphant - Spécificités #4
  5. 5. 1/ Présentation du cas éléphant - Graphisme Exemples des bannières réalisées : file:///Volumes/CreaInteractiv/Travaux_serv/TBN%20-%20TheBran dNation/FRIDAYWEB/%2304/fridayweb/fridayweb.html #5
  6. 6. 1/ Présentation du cas éléphant - Résultats #6
  7. 7. 1/ Présentation du cas éléphant - Résultats #7
  8. 8. 2/ Focus programmation - Click Tag Actuellement on utilise la méthode définie par Macromedia pour suivre les événements clic (click event) dans les bannières FLASH. La ligne de commande du suivi de clics (click tracking) permet de déterminer, d’une part, combien de fois l’utilisateur a cliqué sur une bannière FLASH et, d’autre part, de rediriger ce dernier vers l’URL définie. Jusqu’ici, cette ligne de commande était codifiée directement dans Flash-Movie (fichier SWF) sous forme de commande. L’inconvénient de l’ancienne méthode réside dans le fait que le fichier FLASH doit être renvoyé à l’agence de conception, pour chaque modification. La nouvelle méthode présentée ici, disponible uniquement à partir de la version FLASH 4 et ultérieure, recourt à des variables pour insérer les lignes de commande du suivi de clics (click tracking) dans les animations Flash. Résultat : au lieu du fichier FLASH, vous modifiez simplement la variable clickTAG. un code de tracking clickTag, clicktag ou encore ClickTAG #8
  9. 9. 2/ Focus programmation - Gif de back-up • Il faut systématiquement accompagner les bannières flash d’une image gif, appelée gif de back-up. • Elle s’affichera dans le cas où le navigateur de l’internaute ne supporte pas les bannières flash. #9
  10. 10. 3/ Veille graphique • Vidéo Expand Banner + intervention sur la page :  http://pitchfork.com/ • Vidéo Interactive:  http://creativezone.eyeblaster.com/#ItemName=Watchmen%20skin • Vidéo Fullscreen:  http://creativezone.eyeblaster.com/#ItemName=The%20Dark%20Knight%20-% 20HD • Intervention sur la page:  http://creativezone.eyeblaster.com/#ItemName=Coca%20Cola  http://www.youtube.com/experiencewii?gl=FR&hl=fr • Animation interactive:  http://creativezone.eyeblaster.com/#ItemName=Burger%20King%20Wrapper #10
  11. 11. 4/ En synthèse Les 4 points essentiels à retenir retenir : 1. Une bannière ce n’est pas simple : contraintes techniques + plan media à connaître => d’où l’importance d’un brief type 2. La déclinaison d’un concept créatif ce n’est pas simple = changement de format impose très souvent une optimisation de la création et non une simple déclinaison 3. Comme pour toute création, il nous faut savoir : • La cible, • Le format, • Les contraintes de poids. 4. Une équipe composée d’1 DA, 1 CR, 1 Flasheur = des bannières storyboardées #11

×