Préparer son site 2/2 Laurent BIZOT Oxatis 13 et 14 mai 2011
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
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
Zones de design 13 et 14 mai 2011 Journées Oxygène
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
13 et 14 mai 2011 Journées Oxygène
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
Un bandeau complet 13 et 14 mai 2011 Journées Oxygène
Optez pour un design vendeur GRAPHISME 13 et 14 mai 2011 Journées Oxygène
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
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
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
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
Choisir sa présentation Site > Présentation
Présentation standard 13 et 14 mai 2011 Journées Oxygène
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
13 et 14 mai 2011 Journées Oxygène Edition du SmartSkins
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
Coté public 13 et 14 mai 2011 Journées Oxygène
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
Exemple de présentation CSS 13 et 14 mai 2011 Journées Oxygène
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
Exemple de GSK 13 et 14 mai 2011 Journées Oxygène
Exemple de GSK 13 et 14 mai 2011 Journées Oxygène
Ergonomie des menus GESTION DES MENUS 13 et 14 mai 2011 Journées Oxygène
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
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
Modifier un menu Site > Menus > Tous les menus
Ajouter un lien dans le menu
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
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
Vue d un sous menu 13 et 14 mai 2011 Journées Oxygène
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
Sous menus personnalisé Autour des pâtes 13 et 14 mai 2011 Journées Oxygène
Le B.A-BA d une page d accueil réussie PAGE D ACCUEIL 13 et 14 mai 2011 Journées Oxygène
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
13 et 14 mai 2011 Journées Oxygène
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
13 et 14 mai 2011 Journées Oxygène
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
Que vend le site? Vous avez 3 secondes pour convaincre Donnez envie d'entrer dans le site
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
13 et 14 mai 2011 Journées Oxygène
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
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
13 et 14 mai 2011 Journées Oxygène
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
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,
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
OPTIMISER LA PAGE D ACCUEIL
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?
13 et 14 mai 2011 Journées Oxygène
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
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
13 et 14 mai 2011 Journées Oxygène
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
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
13 et 14 mai 2011 Journées Oxygène
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
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
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
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é
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
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. www.reussirsaboutiqueenligne.com 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