Les consommateurs sont de plus en plus mobiles en terme de connexion, votre marque doit l'être également. Découvrez l'importance d'avoir un site mobile, adapté à différents supports (smartphones, tablettes...) et les possibilités qui s'offrent à vous pour développer votre stratégie webmarketing.
Présenté par Laurent Annet et Jean-Jacques Turroc, consultants en digital marketing WSI
Contactez l'expert en webmarketing le plus proche de chez vous:
http://www.wsi-marketing-internet.fr/agences-wsi/agences-wsi-france.html
2. Mieux vous connaître: sondage
• Votre site web est-il adapté aux
Smartphones et Tablettes?
• Quels problèmes rencontrez-vous?
• Pensez-vous qu'il est important d'avoir une
marque mobile de nos jours?
3. A propos des speakers
+352 / 691 219 850
+33 / 673 923 708
5. Le Nouveau Livre WSI
Disponible aussi sur Amazon :
http://amzn.to/1kImhJP
Concours en seconde
partie de webinaire
1 gagnant
remportera un
exemplaire du livre
Digital Minds
34. De quoi parle-t-on?
On peut retenir 2 categories principales:
• Adaptive Web Design (AWD)
• Responsive Web Design (RWD)
35. 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
36. 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.
38. 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.
40. 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
• Avec un design Web adaptatif, vous pouvez
optimiser la taille des images (par exemple prévoir
une basse résolution pour de faibles bandes
passantes)
• SEO, liens, contenu tout doit être reconstruit pour
chaque site
41. Choisir entre AWD & RWD
RWD
• La conception de sites RWD repose sur HTML5, CSS3
et Javascript, et donc fonctionne mieux avec les
navigateurs web relativement modernes
• Le Responsive Web Design est particulièrement
adapté dans un marché d’appareils mobiles de plus
en plus fragmenté (Il existe plusieurs centaines
d’appareils différents, tablettes ou smartphones)
• SEO, liens, contenu tout est conservé ... Google aime
le Responsive Web Design
43. Les Avantages du Responsive
Design
gain de temps et d’argent
(développement et maintenance)
plus facile à maintenir que des apps
ou des sites dédiés
améliore et renforce le SEO
offre une meilleure expérience de
navigation
génère une meilleure conversion
44. Impact SEO du Responsive Design
…
• URL unique (plus facile à gérer)
• Pas de duplicate content
• On bénéficie des liens préexistant du site classique
pour la version mobile
• La construction de liens devient plus facile
• Diminution du temps de téléchargement
45. Les Inconvénients du Responsive
Design
temps de téléchargement plus long
de bonnes connaissances techniques sont
nécessaires
une veille technologique constante
des tests nombreux et variés tout au long
du projet
limites ergonomiques et de performances
des navigateurs web
c'est plus long à développer (25% du temps
supplémentaire)
47. Un chapitre consacré au Mobile &
Responsive Design
Disponible aussi sur Amazon :
http://amzn.to/1kImhJP
Digital Minds
12 Recommandations
essentielles pour un
Marketing Digital
réussi
48. Pour aller plus loin...
• Responsive Webdesign par Ethan Marcotte
Source : http://www.blogduwebdesign.com/livre-webdesign/responsive-webdesign-par-ethan-marcotte/558
49. Le Nouveau Livre WSI
Disponible aussi sur Amazon :
http://amzn.to/1kImhJP
Le Concours c’est
maintenant !
1 gagnant
remportera un
exemplaire du livre
Digital Minds
55. Merci et bonne journée à tous !
Laurent Annet
Tel : +352 27 39 57 27
lannet@wsiluxembourg.com
Jean-Jacques Turroc
Luxembourg - Windhof Région Ile de France Autres régions
+ 50 consultants
http://www.wsi-marketing-
internet.fr
/agences-wsi/agences-wsi-
france.html
Tel : +33 (0) 970 46 90 00 |
GSM : +33 (0) 673 92 37 08
jjt@wsi4yoursuccess.fr