SlideShare une entreprise Scribd logo
1  sur  16
La création d’un banner




                                                    Laurent Mottet - www.nakatomi-formation.be
Analyse d’un banner web


                          1. Les dimensions
                          2. Le poids
                          3. Le format
                          4. L’emplacement
                          5. L’environnement
                          6. Le scénario
                          7. l’interactivité
                          8. Le message
Analyse d’un banner web
                                                    1. Les dimensions




            160 x 600
            WIDE SKY




       Laurent Mottet - www.nakatomi-formation.be
2. Le poids




                                                                                                 Laurent Mottet - www.nakatomi-formation.be
Analyse d’un banner web


                                                                  P oids 
      D uré e de 
                                                              d u fic hiers   l’anim at ion 
                                                                              e n se conde s




                          http://www.iab.net/iab_products_and_industry_services/1421/1443/1452
Analyse d’un banner web
                                                    2. Le poids




       Laurent Mottet - www.nakatomi-formation.be
3. Les formats




                                                                                                  Laurent Mottet - www.nakatomi-formation.be
Analyse d’un banner web


                                                                 Gif animé




                                                   Flash vidéo




                                                                             jpg ou png




                                                                                          Flash




                          source : www.skynet.be
Analyse d’un banner web




                          600px



source : www.skynet.be
                                                                               3. Les formats




                                  Laurent Mottet - www.nakatomi-formation.be
4. L’emplacement




                                                                   Laurent Mottet - www.nakatomi-formation.be
Analyse d’un banner web




                             300px




                             600px                   hors limite

                              scroll



                          source : www.skynet.be
4. L’emplacement




                                                                                             Laurent Mottet - www.nakatomi-formation.be
Analyse d’un banner web




                                                                               hors limite



                             300px




                                                                 hors limite
                             600px
                             scroll



                          source : www.automobile-magazine.fr/
Analyse d’un banner web




                             600px
                                                300px




source : www.standaard.be
                                                                                  4. L’emplacement




                                     Laurent Mottet - www.nakatomi-formation.be
5. L’environnement
                               Marque de voiture




                                                                                                               Laurent Mottet - www.nakatomi-formation.be
Analyse d’un banner web




                                                               www.standaard.be/




                                                                                              Crédit voiture




                          source : www.moniteurautomobile.be
Analyse d’un banner web




source : www.skynet.be
                                                                             6. Le scénario




                                Laurent Mottet - www.nakatomi-formation.be
Analyse d’un banner web




source : www.mo0rings.fr
                                                                                 6. Scénario

                                                                    2 images




                                 20 images




                                    Laurent Mottet - www.nakatomi-formation.be
7. L’interaction




                                                                      Laurent Mottet - www.nakatomi-formation.be
Analyse d’un banner web




                                                      Bouton fermer



                             300px




                             600px



                          source : www.standaard.be
8. Les mentions




                                                                                Laurent Mottet - www.nakatomi-formation.be
Analyse d’un banner web


                                                    Mention PUB




                             300px




                                                                  Mention PUB




                             600px



                          source : www.lemonde.fr
8. Susciter une réaction




                                                                                                      Laurent Mottet - www.nakatomi-formation.be
Analyse d’un banner web



                                            Deviens                        Viens tester
                                                                                          Passez




                                                          Inscrivez-vous



                                                                                          Découvrez

                                                                           Découvre
                                                Trouvez




                          source : www.coca-cola.be
On retient quoi?
                          




                                                                                            Laurent Mottet - www.nakatomi-formation.be
Analyse d’un banner web


                          La publicité vise la même cible que le site.
                          La publicité vise un sujet en rapport avec le contenu du site.

Contenu connexe

En vedette

En vedette (6)

Plataforma Política Torreón 2010 - 2013
Plataforma Política Torreón 2010 - 2013Plataforma Política Torreón 2010 - 2013
Plataforma Política Torreón 2010 - 2013
 
Reduzido currículo lct_final_230810
Reduzido currículo lct_final_230810Reduzido currículo lct_final_230810
Reduzido currículo lct_final_230810
 
Etica
EticaEtica
Etica
 
Teoria de sistemas corte I
Teoria de sistemas corte ITeoria de sistemas corte I
Teoria de sistemas corte I
 
Führerschein Vietnam & Straßenverkehrsrecht Vietnam
Führerschein Vietnam & Straßenverkehrsrecht VietnamFührerschein Vietnam & Straßenverkehrsrecht Vietnam
Führerschein Vietnam & Straßenverkehrsrecht Vietnam
 
ENJ-1-100 Redacción de Sentencias
ENJ-1-100 Redacción de SentenciasENJ-1-100 Redacción de Sentencias
ENJ-1-100 Redacción de Sentencias
 

Similaire à Formation ergonomie : Création d'un banner publicitaire. Formateur Laurent Mottet

Réussir son site internet - Extraits de conférence / formation
Réussir son site internet - Extraits de conférence / formationRéussir son site internet - Extraits de conférence / formation
Réussir son site internet - Extraits de conférence / formation
LACT
 
Phantom Le CMS Userfriendly
Phantom Le CMS UserfriendlyPhantom Le CMS Userfriendly
Phantom Le CMS Userfriendly
arnaudweber
 
Session 1 tirer profit des médias sociaux
Session 1   tirer profit des médias sociauxSession 1   tirer profit des médias sociaux
Session 1 tirer profit des médias sociaux
Tamento
 

Similaire à Formation ergonomie : Création d'un banner publicitaire. Formateur Laurent Mottet (9)

Formation ergonomie : exercice sur un site de carsharing
Formation ergonomie : exercice sur un site de carsharingFormation ergonomie : exercice sur un site de carsharing
Formation ergonomie : exercice sur un site de carsharing
 
Moovement @ WebDeux.connect
Moovement @ WebDeux.connectMoovement @ WebDeux.connect
Moovement @ WebDeux.connect
 
Jaouane Brahim
Jaouane BrahimJaouane Brahim
Jaouane Brahim
 
Réussir son site internet - Extraits de conférence / formation
Réussir son site internet - Extraits de conférence / formationRéussir son site internet - Extraits de conférence / formation
Réussir son site internet - Extraits de conférence / formation
 
Eco biz - st brieuc - media-marque - e-reputation - conseils pour les tpe-pme
Eco biz - st brieuc - media-marque - e-reputation - conseils pour les tpe-pmeEco biz - st brieuc - media-marque - e-reputation - conseils pour les tpe-pme
Eco biz - st brieuc - media-marque - e-reputation - conseils pour les tpe-pme
 
Intervention ecommerce
Intervention ecommerceIntervention ecommerce
Intervention ecommerce
 
L’utilisation des outils du Web 2.0 dans une activité e-Commerce
L’utilisation des outils du Web 2.0 dans une activité e-Commerce L’utilisation des outils du Web 2.0 dans une activité e-Commerce
L’utilisation des outils du Web 2.0 dans une activité e-Commerce
 
Phantom Le CMS Userfriendly
Phantom Le CMS UserfriendlyPhantom Le CMS Userfriendly
Phantom Le CMS Userfriendly
 
Session 1 tirer profit des médias sociaux
Session 1   tirer profit des médias sociauxSession 1   tirer profit des médias sociaux
Session 1 tirer profit des médias sociaux
 

Plus de Laurent Mottet

Ergonomie web - les couleurs du e-commerce
Ergonomie web  - les couleurs du e-commerceErgonomie web  - les couleurs du e-commerce
Ergonomie web - les couleurs du e-commerce
Laurent Mottet
 
Ergonomie e-commerce - Fiche produit
Ergonomie e-commerce - Fiche produitErgonomie e-commerce - Fiche produit
Ergonomie e-commerce - Fiche produit
Laurent Mottet
 
Ergonomie e-commerce - Les clés d’entrée pour une fiche produit
Ergonomie e-commerce - Les clés d’entrée pour une fiche produitErgonomie e-commerce - Les clés d’entrée pour une fiche produit
Ergonomie e-commerce - Les clés d’entrée pour une fiche produit
Laurent Mottet
 
Ergonomie e-commerce - Tunnel de conversion
Ergonomie e-commerce - Tunnel de conversionErgonomie e-commerce - Tunnel de conversion
Ergonomie e-commerce - Tunnel de conversion
Laurent Mottet
 
Formation Ergonomie web : le wireframing
Formation Ergonomie web : le wireframingFormation Ergonomie web : le wireframing
Formation Ergonomie web : le wireframing
Laurent Mottet
 
The Features In Adobe Fireworks
The Features In Adobe FireworksThe Features In Adobe Fireworks
The Features In Adobe Fireworks
Laurent Mottet
 
Creating buttons in Adobe Fireworks
Creating buttons in Adobe FireworksCreating buttons in Adobe Fireworks
Creating buttons in Adobe Fireworks
Laurent Mottet
 
The image optimization Adobe Fireworks - 2
The image optimization Adobe Fireworks - 2The image optimization Adobe Fireworks - 2
The image optimization Adobe Fireworks - 2
Laurent Mottet
 
Workspace in Adobe Fireworks
Workspace in Adobe FireworksWorkspace in Adobe Fireworks
Workspace in Adobe Fireworks
Laurent Mottet
 
The image optimization Adobe Fireworks - 1
The image optimization Adobe Fireworks - 1The image optimization Adobe Fireworks - 1
The image optimization Adobe Fireworks - 1
Laurent Mottet
 
Symbol script in Adobe Fireworks
Symbol script in Adobe FireworksSymbol script in Adobe Fireworks
Symbol script in Adobe Fireworks
Laurent Mottet
 

Plus de Laurent Mottet (20)

Formation Mailchimp - Les bases
Formation Mailchimp - Les basesFormation Mailchimp - Les bases
Formation Mailchimp - Les bases
 
Perles construction Créer sa page Facebook
Perles construction Créer sa page Facebook Perles construction Créer sa page Facebook
Perles construction Créer sa page Facebook
 
Ergonomie web : la typographie
Ergonomie web : la typographieErgonomie web : la typographie
Ergonomie web : la typographie
 
MailChimp : comment partager son compte avec des autres utilisateurs?
MailChimp : comment partager son compte avec des autres utilisateurs?MailChimp : comment partager son compte avec des autres utilisateurs?
MailChimp : comment partager son compte avec des autres utilisateurs?
 
Ergonomie web - les couleurs du e-commerce
Ergonomie web  - les couleurs du e-commerceErgonomie web  - les couleurs du e-commerce
Ergonomie web - les couleurs du e-commerce
 
Ergonomie e-commerce - Fiche produit
Ergonomie e-commerce - Fiche produitErgonomie e-commerce - Fiche produit
Ergonomie e-commerce - Fiche produit
 
Ergonomie e-commerce - Les clés d’entrée pour une fiche produit
Ergonomie e-commerce - Les clés d’entrée pour une fiche produitErgonomie e-commerce - Les clés d’entrée pour une fiche produit
Ergonomie e-commerce - Les clés d’entrée pour une fiche produit
 
Ergonomie e-commerce - Tunnel de conversion
Ergonomie e-commerce - Tunnel de conversionErgonomie e-commerce - Tunnel de conversion
Ergonomie e-commerce - Tunnel de conversion
 
Formation Ergonomie web : le wireframing
Formation Ergonomie web : le wireframingFormation Ergonomie web : le wireframing
Formation Ergonomie web : le wireframing
 
Creer et envoyer une newsletter avec Mailchimp
Creer et envoyer une newsletter avec MailchimpCreer et envoyer une newsletter avec Mailchimp
Creer et envoyer une newsletter avec Mailchimp
 
Concevoir une newsletter, une infolettre
Concevoir une newsletter, une infolettreConcevoir une newsletter, une infolettre
Concevoir une newsletter, une infolettre
 
Conception d'une newsletter
Conception d'une newsletterConception d'une newsletter
Conception d'une newsletter
 
Formation référencement - Technique d'indexation d'une page web
Formation référencement - Technique d'indexation d'une page webFormation référencement - Technique d'indexation d'une page web
Formation référencement - Technique d'indexation d'une page web
 
Formation référencement - la recherche des mots-clés pour le SEO
Formation référencement - la recherche des mots-clés pour le SEOFormation référencement - la recherche des mots-clés pour le SEO
Formation référencement - la recherche des mots-clés pour le SEO
 
The Features In Adobe Fireworks
The Features In Adobe FireworksThe Features In Adobe Fireworks
The Features In Adobe Fireworks
 
Creating buttons in Adobe Fireworks
Creating buttons in Adobe FireworksCreating buttons in Adobe Fireworks
Creating buttons in Adobe Fireworks
 
The image optimization Adobe Fireworks - 2
The image optimization Adobe Fireworks - 2The image optimization Adobe Fireworks - 2
The image optimization Adobe Fireworks - 2
 
Workspace in Adobe Fireworks
Workspace in Adobe FireworksWorkspace in Adobe Fireworks
Workspace in Adobe Fireworks
 
The image optimization Adobe Fireworks - 1
The image optimization Adobe Fireworks - 1The image optimization Adobe Fireworks - 1
The image optimization Adobe Fireworks - 1
 
Symbol script in Adobe Fireworks
Symbol script in Adobe FireworksSymbol script in Adobe Fireworks
Symbol script in Adobe Fireworks
 

Dernier

Dernier (13)

complement de agri cours irrigation.pptx
complement de agri cours irrigation.pptxcomplement de agri cours irrigation.pptx
complement de agri cours irrigation.pptx
 
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptxGHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
 
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptxGHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
 
Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"
 
CALENDRIER ET COMPTE RENDU REUNION DIRECTION
CALENDRIER ET COMPTE RENDU REUNION DIRECTIONCALENDRIER ET COMPTE RENDU REUNION DIRECTION
CALENDRIER ET COMPTE RENDU REUNION DIRECTION
 
Chapitre3-Classififcation des structures de chaussu00E9e.pptx
Chapitre3-Classififcation des structures de  chaussu00E9e.pptxChapitre3-Classififcation des structures de  chaussu00E9e.pptx
Chapitre3-Classififcation des structures de chaussu00E9e.pptx
 
Fiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciationFiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciation
 
Texte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigéesTexte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigées
 
Un petit coin etwinning- Au fil des cultures urbaines
Un petit coin  etwinning- Au fil des cultures urbainesUn petit coin  etwinning- Au fil des cultures urbaines
Un petit coin etwinning- Au fil des cultures urbaines
 
Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024
 
Saint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptx
Saint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptxSaint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptx
Saint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptx
 
Àma Gloria.pptx Un film tourné au Cap Vert et en France
Àma Gloria.pptx   Un film tourné au Cap Vert et en FranceÀma Gloria.pptx   Un film tourné au Cap Vert et en France
Àma Gloria.pptx Un film tourné au Cap Vert et en France
 
Nathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseNathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre française
 

Formation ergonomie : Création d'un banner publicitaire. Formateur Laurent Mottet

  • 1. La création d’un banner Laurent Mottet - www.nakatomi-formation.be Analyse d’un banner web 1. Les dimensions 2. Le poids 3. Le format 4. L’emplacement 5. L’environnement 6. Le scénario 7. l’interactivité 8. Le message
  • 2. Analyse d’un banner web 1. Les dimensions 160 x 600 WIDE SKY Laurent Mottet - www.nakatomi-formation.be
  • 3. 2. Le poids Laurent Mottet - www.nakatomi-formation.be Analyse d’un banner web P oids D uré e de d u fic hiers l’anim at ion e n se conde s http://www.iab.net/iab_products_and_industry_services/1421/1443/1452
  • 4. Analyse d’un banner web 2. Le poids Laurent Mottet - www.nakatomi-formation.be
  • 5. 3. Les formats Laurent Mottet - www.nakatomi-formation.be Analyse d’un banner web Gif animé Flash vidéo jpg ou png Flash source : www.skynet.be
  • 6. Analyse d’un banner web 600px source : www.skynet.be 3. Les formats Laurent Mottet - www.nakatomi-formation.be
  • 7. 4. L’emplacement Laurent Mottet - www.nakatomi-formation.be Analyse d’un banner web 300px 600px hors limite scroll source : www.skynet.be
  • 8. 4. L’emplacement Laurent Mottet - www.nakatomi-formation.be Analyse d’un banner web hors limite 300px hors limite 600px scroll source : www.automobile-magazine.fr/
  • 9. Analyse d’un banner web 600px 300px source : www.standaard.be 4. L’emplacement Laurent Mottet - www.nakatomi-formation.be
  • 10. 5. L’environnement Marque de voiture Laurent Mottet - www.nakatomi-formation.be Analyse d’un banner web www.standaard.be/ Crédit voiture source : www.moniteurautomobile.be
  • 11. Analyse d’un banner web source : www.skynet.be 6. Le scénario Laurent Mottet - www.nakatomi-formation.be
  • 12. Analyse d’un banner web source : www.mo0rings.fr 6. Scénario 2 images 20 images Laurent Mottet - www.nakatomi-formation.be
  • 13. 7. L’interaction Laurent Mottet - www.nakatomi-formation.be Analyse d’un banner web Bouton fermer 300px 600px source : www.standaard.be
  • 14. 8. Les mentions Laurent Mottet - www.nakatomi-formation.be Analyse d’un banner web Mention PUB 300px Mention PUB 600px source : www.lemonde.fr
  • 15. 8. Susciter une réaction Laurent Mottet - www.nakatomi-formation.be Analyse d’un banner web Deviens Viens tester Passez Inscrivez-vous Découvrez Découvre Trouvez source : www.coca-cola.be
  • 16. On retient quoi? Laurent Mottet - www.nakatomi-formation.be Analyse d’un banner web La publicité vise la même cible que le site. La publicité vise un sujet en rapport avec le contenu du site.