SlideShare una empresa de Scribd logo
1 de 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.

Más contenido relacionado

Destacado

Destacado (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
 

Similar a 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
 

Similar a 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
 

Más 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
 

Más 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
 

Último

Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
ikospam0
 
Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
AmgdoulHatim
 
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
Faga1939
 
Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
ssuserc72852
 

Último (18)

Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film français
 
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
 
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfCOURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
 
Les roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptxLes roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptx
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdf
 
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
 
L application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptxL application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptx
 
La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film français
 
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projetFormation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
 
Chapitre 2 du cours de JavaScript. Bon Cours
Chapitre 2 du cours de JavaScript. Bon CoursChapitre 2 du cours de JavaScript. Bon Cours
Chapitre 2 du cours de JavaScript. Bon Cours
 
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
 
Computer Parts in French - Les parties de l'ordinateur.pptx
Computer Parts in French - Les parties de l'ordinateur.pptxComputer Parts in French - Les parties de l'ordinateur.pptx
Computer Parts in French - Les parties de l'ordinateur.pptx
 
Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
 
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
 
Apolonia, Apolonia.pptx Film documentaire
Apolonia, Apolonia.pptx         Film documentaireApolonia, Apolonia.pptx         Film documentaire
Apolonia, Apolonia.pptx Film documentaire
 
Formation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptxFormation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptx
 
Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
 

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.