SlideShare une entreprise Scribd logo
R éalis atio n d ’u ne c am p agne H TM L5
Demande client
Visa lance une campagne pour communiquer sur un jeu concours à l’occasion des Jeux
Olympiques de Londres 2012.
Objectif : Une campagne Rich Media sur tablettes iPad et Android pour rediriger les clients
Visa Premier sur le jeu concours
Réponse de Loodies

S’inspirer de la campagne web Flash afin d’introduire une notion
d’appropriation de la marque en faisant jouer le mobinaute.

Avantages :
- Réaliser une campagne Rich Media créant un message impactant
- Surprendre les utilisateur avec des interactions qui utilisent les
fonctionnalités propres au mobile


Inconvénients :
- Une nouvelle technologie
- Des limitation techniques (poids des créas, bande passante)
- Un manque de norme
Réalisation : 3 animations, 1 créa

                                            3/ Le feu
                                           d’artifice se
                                           déclenche
1/ Le gymnaste
     saute




                                   2/ Le gymnaste
                                   ouvre la voiture
                                     et la femme
     Tout en HTML5 et Javascript          sort
Plan média : multi supports, multi OS

6 supports     3 adserver      2 OS
Résultats et agences de la
campagne

CTR > à 5%

 • Agence Créa : Saatchi&Saatchi
 • Agence Média : Joule/GroupM
 • Régies : TF1, Figaro Médias, MobilAddict, MBrand3
Q&A

Contenu connexe

En vedette

Journée Infopresse - campagne web / Chère bannière, ça va être ta fête !
Journée Infopresse - campagne web / Chère bannière, ça va être ta fête !Journée Infopresse - campagne web / Chère bannière, ça va être ta fête !
Journée Infopresse - campagne web / Chère bannière, ça va être ta fête !Revolver 3
 
Présentation des services créaset
Présentation des services créasetPrésentation des services créaset
Présentation des services créasetjulienCreaset
 
Localization for Rich Media, Websites & Interactive Content: Expert Tips & Be...
Localization for Rich Media, Websites & Interactive Content: Expert Tips & Be...Localization for Rich Media, Websites & Interactive Content: Expert Tips & Be...
Localization for Rich Media, Websites & Interactive Content: Expert Tips & Be...
John Assalian
 
KKO STORE - bannière dynamique
KKO STORE -  bannière dynamiqueKKO STORE -  bannière dynamique
KKO STORE - bannière dynamique
Cellfishpartners
 
Comment augmenter les performances de votre site grâce au rich media ?
Comment augmenter les performances de votre site grâce au rich media ?Comment augmenter les performances de votre site grâce au rich media ?
Comment augmenter les performances de votre site grâce au rich media ?
ScanCube
 
NetBiz HTML5 Banners
NetBiz HTML5 BannersNetBiz HTML5 Banners
NetBiz HTML5 Banners
NetBiz Systems Pvt Ltd
 
HTML 5 et CSS3, créez, animez et enrichissez vos sites Web
HTML 5 et CSS3, créez, animez et enrichissez vos sites WebHTML 5 et CSS3, créez, animez et enrichissez vos sites Web
HTML 5 et CSS3, créez, animez et enrichissez vos sites Web
Microsoft
 
Affilae - Guide affiliation annonceur (FR)
Affilae - Guide affiliation annonceur (FR)Affilae - Guide affiliation annonceur (FR)
Affilae - Guide affiliation annonceur (FR)
Affilae
 
HTML5 et le SEO : quelles opportunités ?
HTML5 et le SEO : quelles opportunités ?HTML5 et le SEO : quelles opportunités ?
HTML5 et le SEO : quelles opportunités ?
Eroan Boyer
 
Conception d'une newsletter
Conception d'une newsletterConception d'une newsletter
Conception d'une newsletter
Laurent Mottet
 
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
Laurent Mottet
 
Epub
EpubEpub
HTML5
HTML5HTML5
HTML5
Klee Group
 
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-commerceLaurent Mottet
 
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
Laurent Mottet
 
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?
Laurent Mottet
 
HTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux élémentsHTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux éléments
Rémy Savard
 
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
Raphaël Goetter
 
Ergonomie web : Les étapes pour la création d'un site web
Ergonomie web : Les étapes pour la création d'un site webErgonomie web : Les étapes pour la création d'un site web
Ergonomie web : Les étapes pour la création d'un site web
Laurent Mottet
 

En vedette (20)

Pictures
PicturesPictures
Pictures
 
Journée Infopresse - campagne web / Chère bannière, ça va être ta fête !
Journée Infopresse - campagne web / Chère bannière, ça va être ta fête !Journée Infopresse - campagne web / Chère bannière, ça va être ta fête !
Journée Infopresse - campagne web / Chère bannière, ça va être ta fête !
 
Présentation des services créaset
Présentation des services créasetPrésentation des services créaset
Présentation des services créaset
 
Localization for Rich Media, Websites & Interactive Content: Expert Tips & Be...
Localization for Rich Media, Websites & Interactive Content: Expert Tips & Be...Localization for Rich Media, Websites & Interactive Content: Expert Tips & Be...
Localization for Rich Media, Websites & Interactive Content: Expert Tips & Be...
 
KKO STORE - bannière dynamique
KKO STORE -  bannière dynamiqueKKO STORE -  bannière dynamique
KKO STORE - bannière dynamique
 
Comment augmenter les performances de votre site grâce au rich media ?
Comment augmenter les performances de votre site grâce au rich media ?Comment augmenter les performances de votre site grâce au rich media ?
Comment augmenter les performances de votre site grâce au rich media ?
 
NetBiz HTML5 Banners
NetBiz HTML5 BannersNetBiz HTML5 Banners
NetBiz HTML5 Banners
 
HTML 5 et CSS3, créez, animez et enrichissez vos sites Web
HTML 5 et CSS3, créez, animez et enrichissez vos sites WebHTML 5 et CSS3, créez, animez et enrichissez vos sites Web
HTML 5 et CSS3, créez, animez et enrichissez vos sites Web
 
Affilae - Guide affiliation annonceur (FR)
Affilae - Guide affiliation annonceur (FR)Affilae - Guide affiliation annonceur (FR)
Affilae - Guide affiliation annonceur (FR)
 
HTML5 et le SEO : quelles opportunités ?
HTML5 et le SEO : quelles opportunités ?HTML5 et le SEO : quelles opportunités ?
HTML5 et le SEO : quelles opportunités ?
 
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
 
Epub
EpubEpub
Epub
 
HTML5
HTML5HTML5
HTML5
 
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
 
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
 
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?
 
HTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux élémentsHTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux éléments
 
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
 
Ergonomie web : Les étapes pour la création d'un site web
Ergonomie web : Les étapes pour la création d'un site webErgonomie web : Les étapes pour la création d'un site web
Ergonomie web : Les étapes pour la création d'un site web
 

Similaire à Loodies - Etude de cas HTML 5

16ème Observatoire de l'e-pub SRI Udecam 1er semestre 2016
16ème Observatoire de l'e-pub SRI Udecam 1er semestre 201616ème Observatoire de l'e-pub SRI Udecam 1er semestre 2016
16ème Observatoire de l'e-pub SRI Udecam 1er semestre 2016
Margarita Zlatkova
 
Marketing et programmatique - ebg - quantcast - 2016
Marketing et programmatique - ebg - quantcast - 2016Marketing et programmatique - ebg - quantcast - 2016
Marketing et programmatique - ebg - quantcast - 2016
Romain Fonnier
 
Six and Co France institutional Presentation
Six and Co France institutional PresentationSix and Co France institutional Presentation
Six and Co France institutional Presentationsixandco
 
Six and Co France institutional Presentation
Six and Co France institutional PresentationSix and Co France institutional Presentation
Six and Co France institutional PresentationSalvatore Bruno
 
La vie après les Ad Blockers: Manifeste pur une publicité durable
La vie après les Ad Blockers: Manifeste pur une publicité durableLa vie après les Ad Blockers: Manifeste pur une publicité durable
La vie après les Ad Blockers: Manifeste pur une publicité durable
yann le gigan
 
Phygital
PhygitalPhygital
Phygital
Soft Computing
 
cours marketing digital
cours marketing digital cours marketing digital
cours marketing digital
Yann Drumare
 
Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017
Pascale GEMIGNANI
 
Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017
Pascale GEMIGNANI
 
Conférence I Embasement, rétention et activation : le jeu marketing, outil in...
Conférence I Embasement, rétention et activation : le jeu marketing, outil in...Conférence I Embasement, rétention et activation : le jeu marketing, outil in...
Conférence I Embasement, rétention et activation : le jeu marketing, outil in...
Actiplay (Groupe ConcoursMania)
 
Thèse professionnelle DATA et MEDIA MBA MCI 2015
Thèse professionnelle DATA et MEDIA MBA MCI 2015Thèse professionnelle DATA et MEDIA MBA MCI 2015
Thèse professionnelle DATA et MEDIA MBA MCI 2015
Ombline Delpit
 
Adwebmaroc Programmatique Real Time Bidding Mobile
Adwebmaroc Programmatique Real Time Bidding MobileAdwebmaroc Programmatique Real Time Bidding Mobile
Adwebmaroc Programmatique Real Time Bidding Mobile
Mouna Ouajid Berrada
 
AtelierLCDW - Monétiser son site internet
AtelierLCDW - Monétiser son site internetAtelierLCDW - Monétiser son site internet
AtelierLCDW - Monétiser son site internet
La Cuisine du Web
 
Le programmatique-la-clé-du-succes-du-marketing-en-temps-reel etude-hi_media_...
Le programmatique-la-clé-du-succes-du-marketing-en-temps-reel etude-hi_media_...Le programmatique-la-clé-du-succes-du-marketing-en-temps-reel etude-hi_media_...
Le programmatique-la-clé-du-succes-du-marketing-en-temps-reel etude-hi_media_...
HiMedia Group
 
Thierry CRAHES - MMA - Conference Media Aces mars 2010
Thierry CRAHES - MMA - Conference Media Aces mars 2010Thierry CRAHES - MMA - Conference Media Aces mars 2010
Thierry CRAHES - MMA - Conference Media Aces mars 2010
A Mon Boss
 
Com digitale vs comm classique
Com digitale vs comm classiqueCom digitale vs comm classique
Conqu
ConquConqu
Conqu
ViewOn
 
Hippocampe right management-24-11-2016
Hippocampe right management-24-11-2016Hippocampe right management-24-11-2016
Hippocampe right management-24-11-2016
Pascale GEMIGNANI
 
Matinale Technologique Adobe Campaign
Matinale Technologique Adobe CampaignMatinale Technologique Adobe Campaign
Matinale Technologique Adobe Campaign
Ilana Cerini
 

Similaire à Loodies - Etude de cas HTML 5 (20)

16ème Observatoire de l'e-pub SRI Udecam 1er semestre 2016
16ème Observatoire de l'e-pub SRI Udecam 1er semestre 201616ème Observatoire de l'e-pub SRI Udecam 1er semestre 2016
16ème Observatoire de l'e-pub SRI Udecam 1er semestre 2016
 
Marketing et programmatique - ebg - quantcast - 2016
Marketing et programmatique - ebg - quantcast - 2016Marketing et programmatique - ebg - quantcast - 2016
Marketing et programmatique - ebg - quantcast - 2016
 
Six and Co France institutional Presentation
Six and Co France institutional PresentationSix and Co France institutional Presentation
Six and Co France institutional Presentation
 
Six and Co France institutional Presentation
Six and Co France institutional PresentationSix and Co France institutional Presentation
Six and Co France institutional Presentation
 
La vie après les Ad Blockers: Manifeste pur une publicité durable
La vie après les Ad Blockers: Manifeste pur une publicité durableLa vie après les Ad Blockers: Manifeste pur une publicité durable
La vie après les Ad Blockers: Manifeste pur une publicité durable
 
Phygital
PhygitalPhygital
Phygital
 
cours marketing digital
cours marketing digital cours marketing digital
cours marketing digital
 
Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017
 
Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017
 
Conférence I Embasement, rétention et activation : le jeu marketing, outil in...
Conférence I Embasement, rétention et activation : le jeu marketing, outil in...Conférence I Embasement, rétention et activation : le jeu marketing, outil in...
Conférence I Embasement, rétention et activation : le jeu marketing, outil in...
 
Thèse professionnelle DATA et MEDIA MBA MCI 2015
Thèse professionnelle DATA et MEDIA MBA MCI 2015Thèse professionnelle DATA et MEDIA MBA MCI 2015
Thèse professionnelle DATA et MEDIA MBA MCI 2015
 
Adwebmaroc Programmatique Real Time Bidding Mobile
Adwebmaroc Programmatique Real Time Bidding MobileAdwebmaroc Programmatique Real Time Bidding Mobile
Adwebmaroc Programmatique Real Time Bidding Mobile
 
AtelierLCDW - Monétiser son site internet
AtelierLCDW - Monétiser son site internetAtelierLCDW - Monétiser son site internet
AtelierLCDW - Monétiser son site internet
 
Le programmatique-la-clé-du-succes-du-marketing-en-temps-reel etude-hi_media_...
Le programmatique-la-clé-du-succes-du-marketing-en-temps-reel etude-hi_media_...Le programmatique-la-clé-du-succes-du-marketing-en-temps-reel etude-hi_media_...
Le programmatique-la-clé-du-succes-du-marketing-en-temps-reel etude-hi_media_...
 
Veille medias et tendances 09092
Veille medias et tendances 09092Veille medias et tendances 09092
Veille medias et tendances 09092
 
Thierry CRAHES - MMA - Conference Media Aces mars 2010
Thierry CRAHES - MMA - Conference Media Aces mars 2010Thierry CRAHES - MMA - Conference Media Aces mars 2010
Thierry CRAHES - MMA - Conference Media Aces mars 2010
 
Com digitale vs comm classique
Com digitale vs comm classiqueCom digitale vs comm classique
Com digitale vs comm classique
 
Conqu
ConquConqu
Conqu
 
Hippocampe right management-24-11-2016
Hippocampe right management-24-11-2016Hippocampe right management-24-11-2016
Hippocampe right management-24-11-2016
 
Matinale Technologique Adobe Campaign
Matinale Technologique Adobe CampaignMatinale Technologique Adobe Campaign
Matinale Technologique Adobe Campaign
 

Dernier

Le support de présentation des Signaux 2024
Le support de présentation des Signaux 2024Le support de présentation des Signaux 2024
Le support de présentation des Signaux 2024
UNITECBordeaux
 
Les écrans informatiques au fil du temps.pptx
Les écrans informatiques au fil du temps.pptxLes écrans informatiques au fil du temps.pptx
Les écrans informatiques au fil du temps.pptx
abderrahimbourimi
 
De l'IA comme plagiat à la rédaction d'une « charte IA » à l'université
De l'IA comme plagiat à la rédaction d'une « charte IA » à l'universitéDe l'IA comme plagiat à la rédaction d'une « charte IA » à l'université
De l'IA comme plagiat à la rédaction d'une « charte IA » à l'université
Université de Franche-Comté
 
PRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptx
PRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptxPRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptx
PRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptx
AlbertSmithTambwe
 
Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)
Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)
Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)
Laurent Speyser
 
Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...
Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...
Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...
OCTO Technology
 
MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...
MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...
MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...
Horgix
 

Dernier (7)

Le support de présentation des Signaux 2024
Le support de présentation des Signaux 2024Le support de présentation des Signaux 2024
Le support de présentation des Signaux 2024
 
Les écrans informatiques au fil du temps.pptx
Les écrans informatiques au fil du temps.pptxLes écrans informatiques au fil du temps.pptx
Les écrans informatiques au fil du temps.pptx
 
De l'IA comme plagiat à la rédaction d'une « charte IA » à l'université
De l'IA comme plagiat à la rédaction d'une « charte IA » à l'universitéDe l'IA comme plagiat à la rédaction d'une « charte IA » à l'université
De l'IA comme plagiat à la rédaction d'une « charte IA » à l'université
 
PRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptx
PRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptxPRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptx
PRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptx
 
Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)
Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)
Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)
 
Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...
Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...
Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...
 
MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...
MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...
MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...
 

Loodies - Etude de cas HTML 5

  • 1. R éalis atio n d ’u ne c am p agne H TM L5
  • 2. Demande client Visa lance une campagne pour communiquer sur un jeu concours à l’occasion des Jeux Olympiques de Londres 2012. Objectif : Une campagne Rich Media sur tablettes iPad et Android pour rediriger les clients Visa Premier sur le jeu concours
  • 3. Réponse de Loodies S’inspirer de la campagne web Flash afin d’introduire une notion d’appropriation de la marque en faisant jouer le mobinaute. Avantages : - Réaliser une campagne Rich Media créant un message impactant - Surprendre les utilisateur avec des interactions qui utilisent les fonctionnalités propres au mobile Inconvénients : - Une nouvelle technologie - Des limitation techniques (poids des créas, bande passante) - Un manque de norme
  • 4. Réalisation : 3 animations, 1 créa 3/ Le feu d’artifice se déclenche 1/ Le gymnaste saute 2/ Le gymnaste ouvre la voiture et la femme Tout en HTML5 et Javascript sort
  • 5. Plan média : multi supports, multi OS 6 supports 3 adserver 2 OS
  • 6. Résultats et agences de la campagne CTR > à 5% • Agence Créa : Saatchi&Saatchi • Agence Média : Joule/GroupM • Régies : TF1, Figaro Médias, MobilAddict, MBrand3
  • 7. Q&A