Webassoc Mobile first, comment améliorer sa visibilité et mieux convertir ? - Pourquoi faut-il penser mobile first en 2017 ? - Comment devenir mobile first ? - Comment générer plus de dons en ligne ?

1. Nantes – 24 février 2017
Mobile first
comment améliorer sa visibilité et mieux convertir

2. Nantes – 24 février 2017
Votre intervenante
Alexandra.noirault@gmail.com
@NoirAleks
https://www.linkedin.com/in/alexandra-noirault
Alexandra NOIRAULT
Conseiller Numérique
 7 ans d’expérience en web marketing et e-commerce
 Conseillère et Formatrice auprès des TPE et PME
 Intervenante en enseignement supérieur
CCI Vendée

3. Nantes – 24 février 2017
TITRE DE LA SLIDE
Mobile first: comment améliorer sa visibilité et mieux convertir
• Pourquoi faut-il penser mobile first en 2017 ?
• Comment devenir mobile first ?
• Comment générer plus de dons en ligne ?

4. Nantes – 24 février 2017
Pourquoi faut-il penser mobile first en 2017 ?

5. Nantes – 24 février 2017
TITRE DE LA SLIDE
Pourquoi faut-il penser mobile first en 2017 ?
« Nous sommes tous hyper connectés à notre mobile »

6. Nantes – 24 février 2017
TITRE DE LA SLIDE
Pourquoi faut-il penser mobile first en 2017 ?
Selon Médiamétrie

7. Nantes – 24 février 2017
TITRE DE LA SLIDE
Pourquoi faut-il penser mobile first en 2017 ?
La recherche mobile a dépassé l’ordinateur

8. Nantes – 24 février 2017
TITRE DE LA SLIDE
Pourquoi faut-il penser mobile first en 2017 ?
#Edon2016

9. Nantes – 24 février 2017
TITRE DE LA SLIDE
Pourquoi faut-il penser mobile first en 2017 ?
#Edon2016

10. Nantes – 24 février 2017
TITRE DE LA SLIDE
L’évolution de l’usage
Nos usages évoluent et
Google adapte en conséquence son algorithme

11. Nantes – 24 février 2017
TITRE DE LA SLIDE
Tester son site en mode mobile friendly
Index Mobile First : priorité au mobile chez Google

12. Nantes – 24 février 2017
TITRE DE LA SLIDE
Tester son site en mode mobile friendly
Google propose un outil pour tester si votre site est responsive:
https://www.google.com/webmasters/tools/mobile-friendly/?hl=fr

13. Nantes – 24 février 2017
TITRE DE LA SLIDE
Tester son site en mode mobile friendly
Test avec le site : A chacun son cap

14. Nantes – 24 février 2017
TITRE DE LA SLIDE
Tester son site en mode mobile friendly
Test avec le site : Les Restos du Cœur

15. Nantes – 24 février 2017
TITRE DE LA SLIDE
Tester son site en mode mobile friendly
Outil de test de la vitesse des sites Web mobiles – Google - Test My Site
https://testmysite.withgoogle.com/intl/fr-fr/

16. Nantes – 24 février 2017
TITRE DE LA SLIDE
Tester son site en mode mobile friendly
Test avec le site : A chacun son cap

17. Nantes – 24 février 2017
TITRE DE LA SLIDE
Tester son site en mode mobile friendly
Test avec le site : Les Restos du Cœur

18. Nantes – 24 février 2017
Comment devenir Mobile First ?

19. Nantes – 24 février 2017
Comment devenir Mobile First ?

20. Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
3 possibilités
Site mobile
Site
responsive
design
Application
mobile

21. Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Un site mobile : m.monassociation.com

22. Nantes – 24 février 2017
TITRE DE LA SLIDE
Un site responsive design
Comment devenir Mobile First ?

23. Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?

24. Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Une application mobile

25. Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Avantages et inconvénients
Site mobile Site Responsive design Application mobile
Les avantages •Contenus adaptés au
mobile
•Expérience rapide au
chargement
•Navigation pensée
pour les petits écrans
•Moins coûteux à la création
•Gain de temps à sa création
•Contenu unique
•URL Unique
•Ajustement des colonnes et
images automatiques
•Bonne indexation
•Bonne expérience
Utilisateur
•Interface fluide et
agréable
•Personnalisation /
contenu spécifique
•Ergonomie optimisée
(boutons adaptés)
•Contenu accessible
hors connexion
Les
inconvénients
•Maintenance
séparée du site
classique
•Temps de
développement long
•Absence de toutes
les fonctionnalités du
site classique.
•Coût important
•Temps de chargement long
•Temps de développement
long
•Compétences techniques
requises
•Phase de test importante
•Créativité limitée
•Adaptation pour
tablettes et
Smartphones
•Visibilité nulle sur les
moteurs de recherche
•Coût important

26. Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Combien ça coûte ?
• Pour un site responsive design :
entre 1 500 et 3 000 € HT.
• Pour la création d’un site mobile dédié :
entre 3 000 et 6 000 € HT
• Pour une application mobile :
c’est « la solution la plus coûteuse »

27. Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Comment procéder ?

28. Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Avant de se lancer, se poser les bonnes
questions :
 Quelle est la cible et quels sont les objectifs à atteindre ?
 Dans quel contexte la cible utilise-t-elle différents formats
d’écran ?
 Qu’attend-t-elle par rapport à chacun d’entre eux ?
 Comment peut-on répondre à ces attentes en s’adaptant
à chaque format d’écran ?

29. Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
C’est quoi l’approche Mobile First ?

30. Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Amélioration progressive

31. Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Mobile-First = Content-First
 Aller à l’essentiel
 Hiérarchiser votre contenu
 Prioriser le contenu à afficher sur mobile

32. Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Etude de cas : Médecins du Monde

33. Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Définissez vos priorités de contenu par format
Version ordinateur Version mobile
1 Menu + logo + bouton d’action don Menu + logo + bouton d’action don
2 actualités actualités
3 À la une À la une
4 Live : Facebook, Twitter et Instagram Live : Facebook, Twitter et Instagram
5 Ici et là-bas : carte du monde
6 Recrutement / Appel au volontariat Recrutement / Appel au volontariat
7 Newsletter Newsletter
8 Contact :
- Formulaire de contact
- Nous rencontrer
Contact :
- Formulaire de contact
- Nous rencontrer
9 Réseaux Sociaux Réseaux Sociaux
10 Médecins du Monde dans le Monde Médecins du Monde dans le Monde

34. Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Vue d’un smartphone

35. Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment devenir Mobile First ?
Vue d’une tablette

36. Nantes – 24 février 2017
Comment devenir Mobile First ?
Vue d’un ordinateur

37. Nantes – 24 février 2017
A Chacun Son Cap – version ordinateur
Menu Logo Je fais un don
Bannières actualités
Facebook Twitter
Contact + adresse
Boutons
réseaux sociaux
Pied de page du site
Mentions légales Plan du site Recrutement
Témoignages Partenaires

38. Nantes – 24 février 2017
A Chacun Son Cap – version mobile
Menu Logo Je fais un don
Bannières actualités
Facebook Twitter
Contact + adresse
Boutons
réseaux sociaux
Pied de page du site
Mentions légales Plan du site Recrutement
Témoignages Partenaires

39. Nantes – 24 février 2017
Comment générer plus de dons en ligne ?

40. Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment générer plus de dons en ligne ?

41. Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment générer plus de dons en ligne ?

42. Nantes – 24 février 2017
Comment générer plus de dons en ligne ?

43. Nantes – 24 février 2017
TITRE DE LA SLIDE
Comment générer plus de dons en ligne ?
Pour mieux convertir
 Optimiser sa page de don en ligne
 Rendre la page attractive et
chaleureuse
 Faire ressortir les éléments
importants comme les montants
des dons et les boutons d’action
 Utiliser des éléments de
réassurance :
 Mode de paiement sécurisé
 Lien vers la page expliquant la
défiscalisation
 Remercier à la fin
(sur la page de confirmation)

44. Nantes – 24 février 2017
MERCI
Des questions