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

Más contenido relacionado

Destacado

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 dynamiqueCellfishpartners
 
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
 
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 WebMicrosoft
 
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 newsletterLaurent 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 webLaurent 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-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 SEOLaurent 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émentsRé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 2010Raphaë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 webLaurent Mottet
 

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

Similar a 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 2016Margarita Zlatkova
 
Marketing et programmatique - ebg - quantcast - 2016
Marketing et programmatique - ebg - quantcast - 2016Marketing et programmatique - ebg - quantcast - 2016
Marketing et programmatique - ebg - quantcast - 2016Romain 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é durableyann le gigan
 
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-2017Pascale 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-2017Pascale 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 2015Ombline Delpit
 
Adwebmaroc Programmatique Real Time Bidding Mobile
Adwebmaroc Programmatique Real Time Bidding MobileAdwebmaroc Programmatique Real Time Bidding Mobile
Adwebmaroc Programmatique Real Time Bidding MobileMouna Ouajid Berrada
 
AtelierLCDW - Monétiser son site internet
AtelierLCDW - Monétiser son site internetAtelierLCDW - Monétiser son site internet
AtelierLCDW - Monétiser son site internetLa 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 2010A Mon Boss
 
Hippocampe right management-24-11-2016
Hippocampe right management-24-11-2016Hippocampe right management-24-11-2016
Hippocampe right management-24-11-2016Pascale GEMIGNANI
 
Matinale Technologique Adobe Campaign
Matinale Technologique Adobe CampaignMatinale Technologique Adobe Campaign
Matinale Technologique Adobe CampaignIlana Cerini
 

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

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