Votre site Internet doit être optimisé dans le but de convaincre pour convertir les visiteurs en clients. L'ergonomie est un des facteurs les plus importants pour améliorer votre taux de conversion. Nous voyons dans cette présentation les bases de la création d'un site Internet ergonomique. Le cap : simplifier la navigation du visiteur.

1. Optimiser l’ergonomie
de votre site Internet
pour mieux convertir

2. 2
Agence web spécialisée dans l’optimisation
de l’experience de l’utilisateur
AVANT DE
COMMENCER…
Yoann Bourdon
Co-fondateur de Powebco
www.powebco.fr

3. 3
A) Répondre au besoin du visiteur
B) Améliorer mon référencement
C) Améliorer mon graphisme
D) Mieux convertir
A QUOI SERT L’ERGONOMIE SUR UN SITE WEB ?
A QUOI SERT
L’ERGONOMIE ?

4. 4
A) Répondre au besoin du visiteur
B) Améliorer mon référencement
C) Améliorer mon graphisme
D) Mieux convertir
A QUOI SERT L’ERGONOMIE SUR UN SITE WEB ?
A QUOI SERT
L’ERGONOMIE ?

5. 5
ERGONOMIE
!
EXPERIENCE
UTILISATEUR
!
CONVERSION
VISITEUR
CLIENT

6. 6
2 BONNES RAISONS DE
TRAVAILLERVOTRE ERGONOMIE
PLAIRE À ….
Vos visiteurs Google
CopyrightTous droits réservés par Alfredo Cáceres

7. GRANDS
PRINCIPES

8. 8
1/ PENSEZ AU DESIGN
LAISSEZ DE L’ESPACE…

9. 9
1/ PENSEZ AU DESIGN
LAISSEZ DE L’ESPACE !

10. 10
1/ PENSEZ AU DESIGN
LAISSEZ DE L’ESPACE !

11. 11
2/ NAVIGATION :
LA RÈGLE DES 3 CLICS
Accéder à n’importe
quel contenu en 3 clics

12. 12
3/ ÉQUILIBRE ENTRE LIBERTÉ ET
ACCOMPAGNEMENT DUVISITEUR

13. 13
4/TESTEZVOS MODIFICATIONS

14. MON PLAN
D’ACTION
CONVERSION

15. 15
MON PLAN D’ACTION
CONVERSION
Ma page
d’accueil
Mes boutons
d’appels à l’action
Mon formulaire
de contact
Ma page
“service”
Mon site
e-commerce

16. 16
PENSEZ ERGONOMIE
DÈS LA STRUCTURE
Facilitez la navigation pour le visiteur !

17. 17
1/ LA PAGE
D’ACCUEIL
Attention
Intérêt
Désir
Action

18. 18
ATTIRER
L’ATTENTION
PHOTOS VIDEOS ACCROCHE

19. 19
SUSCITER
L’INTÉRÊT
Expliquez vos bénéfices
Démontrez votre valeur ajoutée
Parlez à votre audience

20. 20
PROVOQUER
LE DÉSIR
Apportez des preuves à vos arguments
Témoignages Portfolio Logos clients

21. 21
UTILISER DES
TÉMOIGNAGES CLIENTS
+12.5%de conversion

22. 22
INCITER À
L’ACTION !
Objectif : inciter le visiteur à
prendre une décision, et à agir
COMMENCEZ MAINTENANT

23. 23
BOUTON D’APPEL
À L’ACTION

24. 24
BOUTON D’APPEL
À L’ACTION

25. 25
BOUTON D’APPEL
À L’ACTION
- Encapsuler le bouton
- Contraste de couleur
- Aérer le design
- en faire trop… pas plus de 2
- des appels à l’action trop longs
- des appels à l’action
pas assez engageants

26. PAGE D’ACCUEIL
!
LES QUESTIONS
PIÈGES

27. FAUT-IL UN
CARROUSEL?

29. DOIS-JE METTRE MES
CARACTÉRISTIQUES PRODUITS ?

30. DOIS-JE METTRE MES
CARACTÉRISTIQUES PRODUITS ?

31. DOIS-JE METTRE MES
CARACTÉRISTIQUES PRODUITS ?
Le Meilleur téléphone
pour toute la famille
Un téléphone
différent

32. 32
QUELLE LONGUEUR POURVOTRE
PAGE D’ACCUEIL ?
UNE RÈGLE SIMPLE
PLUSVOUS EN DEMANDEZ
PLUSVOUS DEVEZ DONNER

33. 33
COURTE PAGE EXEMPLE
STARTUPVOUS OFFRE UNE MANIÈRE D’AMÉLIORERVOTRE SANTÉ GRATUITEMENT

34. 34
LONGUE PAGE : EXEMPLE
PLUS DE 4000€/MOIS DEMANDÉ !

35. 35
SURVOTRE
PAGE D’ACCUEIL
- Un message clair
- Une valeur ajoutée qui
saute aux yeux
- Des boutons d’appel à
l’action
- Gros blocs de texte
- Pas de positionnement ou
de ciblage
- Mauvais design : force de la
première impression
- Utiliser un slider… svp...

36. 36
2/ LE FORMULAIRE
DE CONTACT
SOIGNEZ VOTRE
FORMULAIRE

37. 37
A) 2 champs
B) 3 champs
C) 6 champs
D) 8 champs
Quel est le nombre de champs parfait pour un
formulaire de contact ?
2/ LE FORMULAIRE
DE CONTACT

38. 38
A) 2 champs
B) 3 champs
C) 6 champs
D) 8 champs
Quel est le nombre de champs parfait pour un
formulaire de contact ?
2/ LE FORMULAIRE
DE CONTACT
Passer de 3 à 6 le nombre de
champs de votre formulaire…
vous fera perdre en moyenne
10% de conversion.

39. 39
EXEMPLE
VS

40. 40
SURVOTRE
PAGE D’ACCUEIL
- Demandez le nécessaire
et…. c’est tout !
- Texte au dessus du
champs à remplir
- Travaillez le titre de votre
formulaire
- Isolez-le ou créez une
page spécifique
- Certains mots à
proscrire “soumettre”
- Demander l’âge
- Appliquer nos conseils
à la lettre !

41. 41
4/VOTRE PAGE PRODUIT
UNE PAGE D’ACCUEIL “SPÉCIFIQUE”
A I D A
Mais objectif unique qui est de vendre un produit ou service spécifique.
!
• Mettez en avant les bénéfices
• Illustrez vos propos
• Prouver votre légitimité
• Un seul appel à l’action
• Une page optimisée pour le partage

42. 42
5/ ERGONOMIE & SEO
MAKE LOVE ! NOT WAR !

43. 43
6/ L’ERGONOMIE
EN E-COMMERCE
Attention
Intérêt
Désir
Action

44. 44
MIEUX CONVERTIR SUR SON
SITE ECOMMERCE
Comme dans la vraie une grande partie
des utilisateurs ne font que du “lèche-vitrine”
Création d’une
liste de souhait
> Email !
Faites-le s’inscrire à la
Newsletter contre un
bon cadeau

45. 45
MIEUX CONVERTIR SUR SON
SITE ECOMMERCE
1. Réduire les étapes pour ajouter
un produit au panier
2. Réduire et séparer les étapes qui
mènent à l’achat
Faciliter le processus d’achat
1. Toujours proposer
plusieurs options
2. Préciser les coûts et
délais de livraison

46. 46
EXEMPLE E-COMMERCE
BON PROCESSUS

47. 47
EXEMPLE E-COMMERCE
BON PROCESSUS

48. 48
EXEMPLE E-COMMERCE
MAUVAISE PAGE CATÉGORIE

49. 49
EXEMPLE E-
COMMERCE
BONNE PAGE
PRODUIT

50. 50
POUR FINIR,ADAPTEZ-VOUS
À LA MOBILITÉ DEVOS CLIENTS !
MOBILE PC TABLETTE
27% de la totalité des
visites sur Internet se fait sur
mobile et tablette
25 millions de mobinautes
actifs chaque mois en France.

51. 51
DE MANIÈRE
GÉNÉRALE
Ne prenez pas tous ces conseils à la lettre. Utilisez ces
conseils et techniques comme une check-list.
!
Votre stratégie de conversion dépend de vos clients et
leurs attentes. Elle vous est propre.
!
Mesurez - Testez - Optimisez : faites des tests et
utilisez les outils d’analyse pour comprendre le
comportement des utilisateurs sur votre site.
Et adaptez-le en conséquence.

52. 52
DES QUESTIONS ?
YOANN BOURDON
!
06 71 54 21 32
YOANN@POWEBCO.FR
WWW.POWEBCO.FR/AUDIT
Un doute sur la performance de votre site ?
Profitez de l’audit gratuit sur :