SlideShare une entreprise Scribd logo
1  sur  26
Découvrez pourquoi et
comment rendre votre
magasin mobile
Joinville le Pont 12 Mars 2015
Mobile marketing
©2014 WSI. All rights reserved.
Le Marketing Mobile aujourd’hui
Le Marketing Mobile aujourd’hui
 GSM
 Smartphone
 Tablette
Mobile marketing
Mobile marketing
Mobile marketing
Le Marketing Mobile
©2012 RAM. All rights
reserved.
• C’est un média qui
influence le parcours
d’achat
entre exposition
publicitaire et acte
d’achat.
Le mobile influence l’acte d’achat
Mobile marketing
Mobile marketing
Mobile marketing
Répartition du Temps passé
Encore des chiffres
Dans votre cas ?
Mesurez l’importance du mobile pour votre
business grâce à Google Analytics
25%!
Un site lisible sur un smartphone
Que faire?
• Adaptive Web Design (AWD)
• Responsive Web Design (RWD)
AWD & RWD
• Les deux permettent de créer des sites Web pouvant
être consultés avec les appareils mobiles et
différentes tailles d'écrans
• Les deux offrent finalement aux visiteurs une
meilleure expérience utilisateur mobile
AWD
• Utilise le serveur pour détecter le périphérique utilisé
pour consulter le site (PC, tablette, smartphone)
• Envoie des fichiers spécifiques pour cet appareil
• Des modèles distincts sont créés pour chaque
appareil
• Le chargement des pages est plus rapide – chaque
variante est généralement hébergée sur son propre
domaine « mobile.domain.com » ou
« domain.com/mobile »
La définition courte d’un design adaptatif, c'est que le
design va changer pour s'adapter à un ensemble
prédéterminé de tailles d'écrans et d'appareils.
Exemple de site “AWD”
URL Spécifique
Mobile marketing
AVANT APRES
RWD
• Utilise du code CSS spécifique pour modifier la
présentation d'un site Web en fonction de la taille de
l'appareil sur lequel il est affiché.
• L’information pour chaque écran est téléchargée
indépendamment du fait qu‘elle est utilisée ou non
• Le chargement des pages est plus lent - Le nom de
domaine est toujours le même.
La définition courte d'un design « Responsive » est
donc qu'il va changer de manière fluide et s'adapter
à n'importe quelle taille d’écran ou d'appareil.
Mobile marketing
Choisir entre AWD & RWD
AWD
• Il faut développer et maintenir des sites Web distincts
• Avec un site distinct / HTML, vous pouvez affiner et
optimiser la façon dont votre site affiche sur un
appareil particulier
• Permet de rendre mobile un site existant à moindre
frais
RWD
• Il faut redévelopper le site en tenant compte des
spécificités mobiles
• SEO, liens, contenu tout est conservé ...
• Google aime le Responsive Web Design
QUESTIONS

Contenu connexe

Similaire à Mobile marketing

Mobile & Responsive Design: Rendez votre marque mobile
Mobile & Responsive Design: Rendez votre marque mobileMobile & Responsive Design: Rendez votre marque mobile
Mobile & Responsive Design: Rendez votre marque mobileWSI France
 
Design adaptatif / Mobilité
Design adaptatif / MobilitéDesign adaptatif / Mobilité
Design adaptatif / MobilitéAndré Dubreuil
 
Responsive Web Design : best practices et retour d'expérience de Backelite et...
Responsive Web Design : best practices et retour d'expérience de Backelite et...Responsive Web Design : best practices et retour d'expérience de Backelite et...
Responsive Web Design : best practices et retour d'expérience de Backelite et...Idean France
 
Comment se préparer au Mobile Index First de Google
Comment se préparer au Mobile Index First de GoogleComment se préparer au Mobile Index First de Google
Comment se préparer au Mobile Index First de GoogleKseo Conseil
 
Bien Démarrer avec le Responsive Web Design
Bien Démarrer avec le Responsive Web DesignBien Démarrer avec le Responsive Web Design
Bien Démarrer avec le Responsive Web DesignGreg Hoin
 
"Responsive Design" : Pourquoi et comment y aller ?
 "Responsive Design" : Pourquoi et comment y aller ? "Responsive Design" : Pourquoi et comment y aller ?
"Responsive Design" : Pourquoi et comment y aller ?WebSchool Orléans
 
MobiliteaTime #5 : Responsive & Adaptive Design
MobiliteaTime #5 : Responsive & Adaptive Design MobiliteaTime #5 : Responsive & Adaptive Design
MobiliteaTime #5 : Responsive & Adaptive Design USERADGENTS
 
Présentation Responsive Webdesign
Présentation Responsive WebdesignPrésentation Responsive Webdesign
Présentation Responsive WebdesignWilly Bahuaud
 
Innovations "mobile" en SEO
Innovations "mobile" en SEOInnovations "mobile" en SEO
Innovations "mobile" en SEOKseo Conseil
 
Référencement Mobile Brioude Internet - Formation VLC
Référencement Mobile Brioude Internet - Formation VLCRéférencement Mobile Brioude Internet - Formation VLC
Référencement Mobile Brioude Internet - Formation VLCBrioude Internet
 
Se rendre visible sur le web mobile avec le seo
Se rendre visible sur le web mobile avec le seoSe rendre visible sur le web mobile avec le seo
Se rendre visible sur le web mobile avec le seoMarref Imen
 
Mobile first : évitez de perdre des clients à cause d'un site trop lent
Mobile first : évitez de perdre des clients à cause d'un site trop lentMobile first : évitez de perdre des clients à cause d'un site trop lent
Mobile first : évitez de perdre des clients à cause d'un site trop lentFasterize
 
Seo mobile - bonnes pratiques
Seo mobile -  bonnes pratiquesSeo mobile -  bonnes pratiques
Seo mobile - bonnes pratiquesAymeric Bouillat
 
Responsive web design, enjeux et stratégies
Responsive web design, enjeux et stratégiesResponsive web design, enjeux et stratégies
Responsive web design, enjeux et stratégiesMehdi Kabab
 

Similaire à Mobile marketing (20)

Mobile & Responsive Design: Rendez votre marque mobile
Mobile & Responsive Design: Rendez votre marque mobileMobile & Responsive Design: Rendez votre marque mobile
Mobile & Responsive Design: Rendez votre marque mobile
 
Design adaptatif / Mobilité
Design adaptatif / MobilitéDesign adaptatif / Mobilité
Design adaptatif / Mobilité
 
molka foods
molka foodsmolka foods
molka foods
 
Responsive Web Design : best practices et retour d'expérience de Backelite et...
Responsive Web Design : best practices et retour d'expérience de Backelite et...Responsive Web Design : best practices et retour d'expérience de Backelite et...
Responsive Web Design : best practices et retour d'expérience de Backelite et...
 
Comment se préparer au Mobile Index First de Google
Comment se préparer au Mobile Index First de GoogleComment se préparer au Mobile Index First de Google
Comment se préparer au Mobile Index First de Google
 
Bien Démarrer avec le Responsive Web Design
Bien Démarrer avec le Responsive Web DesignBien Démarrer avec le Responsive Web Design
Bien Démarrer avec le Responsive Web Design
 
"Responsive Design" : Pourquoi et comment y aller ?
 "Responsive Design" : Pourquoi et comment y aller ? "Responsive Design" : Pourquoi et comment y aller ?
"Responsive Design" : Pourquoi et comment y aller ?
 
MobiliteaTime #5 : Responsive & Adaptive Design
MobiliteaTime #5 : Responsive & Adaptive Design MobiliteaTime #5 : Responsive & Adaptive Design
MobiliteaTime #5 : Responsive & Adaptive Design
 
Présentation Responsive Webdesign
Présentation Responsive WebdesignPrésentation Responsive Webdesign
Présentation Responsive Webdesign
 
Innovations "mobile" en SEO
Innovations "mobile" en SEOInnovations "mobile" en SEO
Innovations "mobile" en SEO
 
Référencement Mobile Brioude Internet - Formation VLC
Référencement Mobile Brioude Internet - Formation VLCRéférencement Mobile Brioude Internet - Formation VLC
Référencement Mobile Brioude Internet - Formation VLC
 
Redcat final
Redcat finalRedcat final
Redcat final
 
Se rendre visible sur le web mobile avec le seo
Se rendre visible sur le web mobile avec le seoSe rendre visible sur le web mobile avec le seo
Se rendre visible sur le web mobile avec le seo
 
Mobile first : évitez de perdre des clients à cause d'un site trop lent
Mobile first : évitez de perdre des clients à cause d'un site trop lentMobile first : évitez de perdre des clients à cause d'un site trop lent
Mobile first : évitez de perdre des clients à cause d'un site trop lent
 
Jquery Mobile vs Twitter Bootstrap
Jquery Mobile vs Twitter BootstrapJquery Mobile vs Twitter Bootstrap
Jquery Mobile vs Twitter Bootstrap
 
Web to go
Web to goWeb to go
Web to go
 
Seo mobile - bonnes pratiques
Seo mobile -  bonnes pratiquesSeo mobile -  bonnes pratiques
Seo mobile - bonnes pratiques
 
Hebergement Site Web
Hebergement Site WebHebergement Site Web
Hebergement Site Web
 
Hebergement site web
Hebergement site webHebergement site web
Hebergement site web
 
Responsive web design, enjeux et stratégies
Responsive web design, enjeux et stratégiesResponsive web design, enjeux et stratégies
Responsive web design, enjeux et stratégies
 

Plus de HGWeb Consulting WSI agency

Plus de HGWeb Consulting WSI agency (10)

Présentation HGWeb Consulting Wsi_2015
Présentation HGWeb Consulting Wsi_2015Présentation HGWeb Consulting Wsi_2015
Présentation HGWeb Consulting Wsi_2015
 
Ateliers du Marketing Internet Saison 4 épisode 1 : tendances-marketing_digit...
Ateliers du Marketing Internet Saison 4 épisode 1 : tendances-marketing_digit...Ateliers du Marketing Internet Saison 4 épisode 1 : tendances-marketing_digit...
Ateliers du Marketing Internet Saison 4 épisode 1 : tendances-marketing_digit...
 
HGWeb Consulting Joinville le Pont 21/03
HGWeb Consulting Joinville le Pont 21/03HGWeb Consulting Joinville le Pont 21/03
HGWeb Consulting Joinville le Pont 21/03
 
ZMOT, Ereputation 5 points essentiels à ne pas négliger
ZMOT, Ereputation 5 points essentiels à ne pas négligerZMOT, Ereputation 5 points essentiels à ne pas négliger
ZMOT, Ereputation 5 points essentiels à ne pas négliger
 
PORTFOLIO HGWeb Consulting
PORTFOLIO HGWeb ConsultingPORTFOLIO HGWeb Consulting
PORTFOLIO HGWeb Consulting
 
Livre blanc : créer un blog
Livre blanc : créer un blogLivre blanc : créer un blog
Livre blanc : créer un blog
 
Augmenter ses ventes grâce aux réseaux sociaux e commerce2011
Augmenter ses ventes grâce aux réseaux sociaux e commerce2011Augmenter ses ventes grâce aux réseaux sociaux e commerce2011
Augmenter ses ventes grâce aux réseaux sociaux e commerce2011
 
Conference ereputation EMarketing 2011
Conference ereputation EMarketing 2011Conference ereputation EMarketing 2011
Conference ereputation EMarketing 2011
 
Comment exister sur la toile
Comment exister sur la toileComment exister sur la toile
Comment exister sur la toile
 
Communiqué De Presse CréAtion Hg Web Consulting
Communiqué De Presse CréAtion Hg Web ConsultingCommuniqué De Presse CréAtion Hg Web Consulting
Communiqué De Presse CréAtion Hg Web Consulting
 

Mobile marketing

  • 1. Découvrez pourquoi et comment rendre votre magasin mobile Joinville le Pont 12 Mars 2015
  • 3. ©2014 WSI. All rights reserved.
  • 4. Le Marketing Mobile aujourd’hui
  • 5. Le Marketing Mobile aujourd’hui  GSM  Smartphone  Tablette
  • 9. Le Marketing Mobile ©2012 RAM. All rights reserved. • C’est un média qui influence le parcours d’achat entre exposition publicitaire et acte d’achat. Le mobile influence l’acte d’achat
  • 15. Dans votre cas ? Mesurez l’importance du mobile pour votre business grâce à Google Analytics 25%!
  • 16. Un site lisible sur un smartphone
  • 17. Que faire? • Adaptive Web Design (AWD) • Responsive Web Design (RWD)
  • 18. AWD & RWD • Les deux permettent de créer des sites Web pouvant être consultés avec les appareils mobiles et différentes tailles d'écrans • Les deux offrent finalement aux visiteurs une meilleure expérience utilisateur mobile
  • 19. AWD • Utilise le serveur pour détecter le périphérique utilisé pour consulter le site (PC, tablette, smartphone) • Envoie des fichiers spécifiques pour cet appareil • Des modèles distincts sont créés pour chaque appareil • Le chargement des pages est plus rapide – chaque variante est généralement hébergée sur son propre domaine « mobile.domain.com » ou « domain.com/mobile » La définition courte d’un design adaptatif, c'est que le design va changer pour s'adapter à un ensemble prédéterminé de tailles d'écrans et d'appareils.
  • 20. Exemple de site “AWD” URL Spécifique
  • 23. RWD • Utilise du code CSS spécifique pour modifier la présentation d'un site Web en fonction de la taille de l'appareil sur lequel il est affiché. • L’information pour chaque écran est téléchargée indépendamment du fait qu‘elle est utilisée ou non • Le chargement des pages est plus lent - Le nom de domaine est toujours le même. La définition courte d'un design « Responsive » est donc qu'il va changer de manière fluide et s'adapter à n'importe quelle taille d’écran ou d'appareil.
  • 25. Choisir entre AWD & RWD AWD • Il faut développer et maintenir des sites Web distincts • Avec un site distinct / HTML, vous pouvez affiner et optimiser la façon dont votre site affiche sur un appareil particulier • Permet de rendre mobile un site existant à moindre frais RWD • Il faut redévelopper le site en tenant compte des spécificités mobiles • SEO, liens, contenu tout est conservé ... • Google aime le Responsive Web Design