Préparer son site 2/2. Laurent BIZOT Oxatis

Transcription

1 Préparer son site 2/2 Laurent BIZOT Oxatis 13 et 14 mai 2011

2 Pourquoi optimiser son site? Votre prospect est à 1 clic du concurrent Un site bien organisé, c est plus de ventes 13 et 14 mai 2011 Journées Oxygène

3 Graphisme du site Sommaire Les modes de présentation Menu Accessibilité & Ergonomie Page d accueil Les points clés 13 et 14 mai 2011 Journées Oxygène

4 Zones de design 13 et 14 mai 2011 Journées Oxygène

5 Que recherche un visiteur? Les visiteurs veulent savoir 3 choses : Ce que vous faites A qui s adressent les produits En quoi ils sont différents/meilleurs Le prospect a besoin : De comprendre en 1 clin d œil ce que vend le site D être rassuré sur le sérieux du site De trouver facilement son chemin

6 13 et 14 mai 2011 Journées Oxygène

7 Les éléments indispensables pour rassurer Service clients Numéro de téléphone bien visible Numéro fixe à la place d un portable Non surtaxé Paiements sécurisés disponibles Sécurisation des coordonnées bancaires Transparence des modalités de paiement Modes de livraison Transporteur fiable et connu Engagement sur le délai de livraison 66%des internautes considèrent que les conditions de livraison constituent un élément de choix du site marchand

8 Un bandeau complet 13 et 14 mai 2011 Journées Oxygène

9 Optez pour un design vendeur GRAPHISME 13 et 14 mai 2011 Journées Oxygène

10 Graphisme Pourquoi le design doit il être standardisé? Le visiteur ne veut pas réfléchir au fonctionnement du site L image du site, c est le positionnement cible client 13 et 14 mai 2011 Journées Oxygène

11 Respectez les règles de lecture Logo en haut à gauche cliquable Le 1 er point de lecture du site Slogan bien visible et explicite Quel sont les produits proposés? Le bénéfice pour le client? Menus Menu horizontal pour le plus important Menu vertical pour les catégories produits

12 Graphisme Comment créer mon design? 1) Sélection dans la bibliothèque Oxatis 2) Modification facile d une présentation 3) Création sur mesure en CSS 13 et 14 mai 2011 Journées Oxygène

13 1) Design standard 300 designs compris dans l abonnement Sélectionnez facilement une présentation graphique Oxatis Mise en place en 3 clics Tous les mois de nouvelles présentations gratuites disponibles Multi langues Choisissez votre présentation par langue

14 Choisir sa présentation Site > Présentation

15 Présentation standard 13 et 14 mai 2011 Journées Oxygène

16 2) Modification facile Personnalisation SmartSkins Utilisez la technologie Oxatis SmartSkins une exclusivité Oxatis Facile Aucune connaissance requise Simple et rapide à utiliser Souplesse Intelligence des modifications

17 13 et 14 mai 2011 Journées Oxygène Edition du SmartSkins

18 Avantages du SmartSkins Naviguer dans le SmartSkins Toutes les pages sont visualisables en direct Modifier facilement les couleurs Couleurs de fond Titres Menus Ajouter des images Ajouter au panier Passer la commande 13 et 14 mai 2011 Journées Oxygène

19 Coté public 13 et 14 mai 2011 Journées Oxygène

20 3) Création sur mesurecss Personnalisation du code CSS Créez votre présentation sur mesure en CSS Destiné aux webdesigners Experts en CSS Documentation complète Aide en ligne Oxatis Support technique CSS Par écrit

21 Exemple de présentation CSS 13 et 14 mai 2011 Journées Oxygène

22 Prestation GSK Oxatis Votre site marchand à votre image! Brief des demandes clients Création d une ambiance graphique Personnalisation de l entête Personnalisation des menus Intégration de votre habillage Suivi du projet via le support Tarif: 500 HT 13 et 14 mai 2011 Journées Oxygène

23 Exemple de GSK 13 et 14 mai 2011 Journées Oxygène

24 Exemple de GSK 13 et 14 mai 2011 Journées Oxygène

25 Ergonomie des menus GESTION DES MENUS 13 et 14 mai 2011 Journées Oxygène

26 Menus Pourquoi bien organiser ses menus? Présents sur toutes les pages du site Des menus bien structurés reflètent l organisation du site Accessibilité pour les visiteurs = Augmentation des ventes 13 et 14 mai 2011 Journées Oxygène

27 Menus et ergonomie Facile et rapide Créer vos menus horizontaux et verticaux Personnalisation Insérer du texte, des titres et des images Associé un style CSS à chaque élément de menu Multi langues Définissez vos menus pour chaque langue

28 Modifier un menu Site > Menus > Tous les menus

29 Ajouter un lien dans le menu

30 Eléments de menus Possibilité des menus Texte simple Créez des sous menus facilement Ajoutez des Titres de section Images Insérez les visuels paiements et modes de livraison Un séparateur ou espace Ajoutez un espace entre 2 éléments 13 et 14 mai 2011 Journées Oxygène

31 Eléments de menus Possibilité des menus Du code Html limité à 100 caractères Un appel à du code Javascriptsur mesure Moteur de recherche / Inscription à la newsletter 13 et 14 mai 2011 Journées Oxygène

32 Vue d un sous menu 13 et 14 mai 2011 Journées Oxygène

33 Zone de navigation claire Le menu horizontal Il capte plus l attentionque le menu de gauche Des intitulés de menus explicites Un maximum de 7 à 9 éléments Menus personnalisables Sous-menus à 1 niveau Ajout d un style sur mesure : associer une classe CSS pour la couleur, le gras, la largeur, la taille 13 et 14 mai 2011 Journées Oxygène

34 Sous menus personnalisé Autour des pâtes 13 et 14 mai 2011 Journées Oxygène

35 Le B.A-BA d une page d accueil réussie PAGE D ACCUEIL 13 et 14 mai 2011 Journées Oxygène

36 Ne réinventez pas la roue Le prospect cherche des repères connus Il ne veut pas essayer de comprendre comment fonctionne le site Le moteur de recherche interne permet d apporter une réponse directe et rapide

37 13 et 14 mai 2011 Journées Oxygène

38 Du point de vue commerçant Positionner son offre Sélectionnez quelques produits Ciblez vos clients Expliquez les avantages produits Que doit faire le commerçant? Proposer des suggestions d achat Donner envie de revenir sur le site Se mettre à la place du client

39 13 et 14 mai 2011 Journées Oxygène

40 Que vend le site? Indiquer quel est le sujet du site Le prospect doit saisir immédiatement ce que vend le site Préciser l activité de l entreprise etinsérer des exemples de produits Présenter des photos produits

41 Que vend le site? Vous avez 3 secondes pour convaincre Donnez envie d'entrer dans le site

42 Organisez votre page d accueil La page d accueil se construit comme un carrefour des parcours de navigation Affichez les nouveaux produits afin de montrer que le site est à jour Vous souhaitez rassurer vos prospects? Insérez vos réalisations et témoignages clients

43 13 et 14 mai 2011 Journées Oxygène

44 Découpez votre page en blocs Créez vos pages comme un ensemble de blocs Vous cherchez à recueillir des demandes de devis? Proposez la possibilité de demander en 1 clic un devis Présentez des produits sur une page comme une galerie de photos

45 Justifiez la mise en avant du contenu Promotions Créez une rubrique dédiée pour les promotions Nouveaux produits Les derniers arrivages Articles les plus vendus Guidez le client Produit coup de cœur Créez l achat impulsif

46 13 et 14 mai 2011 Journées Oxygène

47 Guidez vos prospects La page d accueil est un point d entrée du site Le but est d orienter le prospect dans le parcours idéal que vous avez prévu Et surtout de ne pas le perdre Créez des zones d accroche du regard Visuels des produits Animation Javascript/ flash Couleurs contrastées

48 Mise à jour régulière Faites vivre l accueil Le prospect est rassuré sur la réalité du site Vos clients existants apprécient l évolution Modifiez votre page d accueil 1 fois par semaine Créez des ambiances saisonnières Noel, Pâques, St Valentin, fête des mères,

49 Qui sommes nous? Insérez un lien vers la présentation de votre entreprise Vos clients souhaitent savoir à qui ils ont à faire Rassurez vos prospects sur votre structure Ancienneté, expérience, proximité Précisez les + de votre offre Eléments de différenciation Valeur ajoutée par rapport aux concurrents

50 OPTIMISER LA PAGE D ACCUEIL

51 L éternel problème de l accueil Vous avez beaucoup de choses à dire? Vous avez l impression de ne pas avoir assez de place pour présenter vos produits?

52 13 et 14 mai 2011 Journées Oxygène

53 Rapidité de chargement Une page d accueil légère permet : De ne pas faire attendre le prospect D être mieux référencé dans Google Le client n aime pas attendre Au bout de 15 secondes d attente de chargement, on peut évaluer la perte à 50% du trafic Rapide = de 100 Ko à 300 Ko

54 Evitez de surcharger la page Ne dépassez pas une hauteur de 2 ou 3 écrans Les prospects ne descendent pas dans la page Pour réduire la hauteur de la page, insérez des visuels qui synthétisent l offre Les visiteurs assimilent mieux une information présentée avec des illustrations Rédigez des textes courts, avec un vocabulaire clair et explicite Mettez vous à la place de votre visiteur

55 13 et 14 mai 2011 Journées Oxygène

56 Optimisez le contenu Utilisez une couleur pour attirer l attention Pour mettre en avant un élément, juxtaposez une couleur et sa couleur complémentaire sur le cercle chromatique Surcharger le contenu crée l'impression d'un site complexe, et non pas d un site complet

57 La tendance actuelle Page d accueil allégée Faites respirer le contenu en créant des espaces Large zone d image Grande et belle image qui illustre un produit Restreindre le nombre de messages Plus d efficacité Plus d impact

58 13 et 14 mai 2011 Journées Oxygène

59 Evitez les fenêtres Pop-up 60% des internautes les ferment systématiquement 40% utilisent un plugin qui les bloquent Moins de 10% les visualisent

60 Personnalisez la page d accueil Créez des landing pages efficaces et cohérentes pour chacune de vos publicités AdWords! La page d accueil est la plus populaire du site Celle qu il faut absolument bien référencer Les prospects relancent 3 ou 4 fois leur navigation à partir de l accueil avant d utiliser les menus

61 Quels produits mettre en page d accueil? Quelles sont les requêtes Google qui renvoient vers la page d accueil? Listez ces recherches Privilégiez les produits recherchés par les prospects Mettez les en avant Si ces produits ne sont pas présents sur l accueil vous perdez l occasion d amener rapidement le client au bon endroit

62 Référencement naturel Soignez votre titre de page La balise Méta Title Insérez des mots clés dans votre contenu Les mots qui convertissent un prospect en client Insérez des liens sur ces mots clés Plus de poids pour le référencement Créez une mise en page agréable Titre, sous titres, mise en gras, souligné

63 Pour aller plus loin Les points clés d un bon référencement Samedi 14 mai de 9h à10h Nicolas Foudral, expert Oxatis Table ronde référencement Samedi 14 mai de 10h à 11h Olivier Kaufman de Terrasse Nature JV Web + WebAlliance+ ID Agir Animé par Hervé Bourdon, VP Oxatis

64 Réussir sa boutique en ligne Un guide pratique rédigé par Marc Schillaci, Fondateur et Dirigeant d Oxatis, leader des solutions E-Commerce en Europe. Une méthodologie pour que vous puissiez construire votre site E-Commerce rapidement et efficacement Prix : 20 TTC 13 et 14 mai 2011 Journées Oxygène