Presentation blue infinity-e-com2011_pour audience

blue-infinityb-i branding. technology. integration. www.b-i.com

Recherche produit & déclenchement d’achatBonnes pratiques ergonomiques & solutions techniques b-i branding. technology. integration. Salon eCom – Genève – 24 mai 2011 www.b-i.com

Agenda- Qui sommes-nous ? > Guillaume Arluison et Laetitia Giannettini : profil & background- Zoom sur quelques fondamentaux du commerce en ligne > Fiche produit : bonnes pratiques ergonomiques pour optimiser le déclenchement d’achat / visibilité de l’étendue de l’offre > Recherche produit et référencement : quelques pistes technologiques- Conclusion et prospectives branding.technology.integration confidential and proprietary ©blue-infinity

qui nous sommes– blue-infinity (b-i) est une société de services professionnels qui mise sur son expertise des nouvelles technologies de l’information et des concepts marketing davant-garde pour répondre aux enjeux d’organisations innovantes.– Basée à Genève, l’équipe de b-i qui est composée de plus de 250 experts, conjugue ses compétences spécialisées, sa culture internationale et son expérience à travers diverses industries pour délivrer des solutions intégrées.– Notre travail pour plus de 100 clients multinationaux dans quelque 30 pays, nos projets primés et nos alliances stratégiques avec les principaux acteurs des technologies de l’information reflètent la valeur ajoutée unique de b-i. branding.technology.integration confidential and proprietary ©blue-infinity

services & solutions intégrésBranding & Interactive MarketingStrategy & Creative, Web & Social Media, E-commerce & E-CRM, Enterprise Collaboration,Mobile Marketing, User Experience, Interface designTechnologies: RIA , Web, CMS, iOS, MobileSystems IntegrationEnterprise Portals, Digital Asset Management, ERP, Business Intelligence, Tracking & Monitoring,ECM & Enterprise Search, E-governmentTechnologies: Microsoft, Java/J2EE , Open Source Solutions, Business Intelligence & ERPTechnology & InfrastructureService Management, PMO, Adoption Management, ITIL Process Definition, IAM,Directory Services, Systems Management, Networks, Mobile & Wireless, Security,Software Management, Desktop Management & Support, Service Desk, EducationTechnologies/Best Practices: ITIL, SD 2, New Scale, Autonomy, Altiris, Bladelogic, … branding.technology.integration confidential and proprietary ©blue-infinity

Zoom sur quelques fondamentauxdu commerce en ligne branding.technology.integration confidential and proprietary ©blue-infinity

Fiche produit : bonnes pratiquesergonomiques pour optimiser ledéclenchement d’achat- Pourquoi la fiche produit ? branding.technology.integration confidential and proprietary ©blue-infinity

La fiche produit comme “landing page”- Dans le contexte d’une mission de re-conception, l’analyse des statistiques de consultation du site e-commerce d’un acteur majeur de la VPC en France a montré: > Une augmentation significative du nombre d’utilisateurs arrivent directement sur les fiches produits du site. branding.technology.integration confidential and proprietary ©blue-infinity

La fiche produit comme “landing page”- Dans le cadre de campagne publicitaire en ligne: > La fiche produit est un choix de page de destination pertinent des liens publicitaires sponsorisés. branding.technology.integration confidential and proprietary ©blue-infinity

La fiche produit comme “landing page”- Ainsi dans le cadre du commerce en ligne: > Il est fréquent que l’utilisateur arrive directement sur une fiche produit sans avoir vu ou appréhendé l’ensemble du contexte de l’univers de la marque porté par le site. branding.technology.integration confidential and proprietary ©blue-infinity

La fiche produit comme “landing page”-Comment créer dans ce contexte une bonne expérience utilisateur pour soutenir l’acte d’achat ?-Comment donner envie de découvrir les autres contenus et optimiser la visibilité de l’étendue de l’offre ? branding.technology.integration confidential and proprietary ©blue-infinity

La fiche produit comme “landing page”- Nous traiterons en particulier : > Des informations clés qui, sur une fiche produit, soutiennent chez les utilisateurs le passage à l’acte d’achat. > Des éléments qui, depuis la fiche produit, rendent efficaces la recherche et la découverte des produits sur un site. branding.technology.integration confidential and proprietary ©blue-infinity

Fiche produit : bonnes pratiquesergonomiques pour optimiser ledéclenchement d’achat- Les éléments clés pour soutenir l’acte d’achat. branding.technology.integration confidential and proprietary ©blue-infinity

Fiche produit: les éléments clés poursoutenir l’acte d’achat > Visuels produit Outre l’importance du descriptif produit, les visuels et leur qualité sont des éléments essentiels à l’utilisateur dans sa prise de décision. branding.technology.integration confidential and proprietary ©blue-infinity

Visuels produit : bonnes pratiques - Exemple sarenza : Visuels du produit sous tous les angles. branding.technology.integration confidential and proprietary ©blue-infinity

Visuels produit : bonnes pratiques - Exemple sarenza : Zoom dynamique permettant de voir les détails. branding.technology.integration confidential and proprietary ©blue-infinity

Visuels produit : bonnes pratiques - Exemple sarenza : Fonctionnalité “zoom +”. branding.technology.integration confidential and proprietary ©blue-infinity

Visuels produit : bonnes pratiques - Exemple sarenza : “Encore plus de zoom”. branding.technology.integration confidential and proprietary ©blue-infinity

Visuels produit : bonnes pratiques - Exemple ebags : Vue produit dans les différentes couleurs disponibles. branding.technology.integration confidential and proprietary ©blue-infinity

Visuels produit : bonnes pratiques - Exemple ebags : Possibilité de zoomer sur les détails. branding.technology.integration confidential and proprietary ©blue-infinity

Visuels produit : bonnes pratiques - Exemple ebags : Différentes vues (sac ouvert, fermé, avec des exemples d’usage, porté). branding.technology.integration confidential and proprietary ©blue-infinity

Visuels produit : bonnes pratiques - Exemple La Redoute : Mis en contexte concrêt du produit avec accès à une vidéo permettant de voir le vêtement porté en mouvement. branding.technology.integration confidential and proprietary ©blue-infinity

Visuels produit : bonnes pratiques - Exemple Darty : Outre les différentes vues produit, possibilité de zoomer jusqu’à un niveau de détail très fin. Possibilité d’affichage plein écran. branding.technology.integration confidential and proprietary ©blue-infinity

Fiches produits: les éléments clés poursoutenir l’acte d’achat > Livraison et service client Infos claires et aisément accessibles sur la disponibilité du produit, les différents modes, délais et frais de livraison. Réassurance sur le service client : visibilité du contact, les garanties, possibilité de retour, remboursement. branding.technology.integration confidential and proprietary ©blue-infinity

Disponibilité et livraison: bonnes pratiques - Exemple Darty : Info disponibilité avec la mention “En stock”. Présentation claire des différents modes de livraison. Jour de livraison estimé et accès contextuel à “+ d’infos” sur les différents modes. branding.technology.integration confidential and proprietary ©blue-infinity

Disponibilité et livraison: bonnes pratiques - Exemple Darty : Possibilité de trouver et de spécifier le magasin le plus proche de son lieu d’habitation. Accès aux détails sur le magasin : horaires d’ouverture, plan d’accès. branding.technology.integration confidential and proprietary ©blue-infinity

Disponibilité et livraison: bonnes pratiques - Exemple Darty : Livraison à domicile : accès aux jours et créneaux horaires possibles de livraison en fonction du lieu d’habitation. branding.technology.integration confidential and proprietary ©blue-infinity

Disponibilité et livraison: bonnes pratiques - Exemple Darty : Mise en valeur des garanties et possibilité de retour avec accès contextuel au téléphone du service client. branding.technology.integration confidential and proprietary ©blue-infinity

Disponibilité et livraison: bonnes pratiques - Exemple Sarenza : Téléphone du service client. Réassurance sur le retour du produit. branding.technology.integration confidential and proprietary ©blue-infinity

Fiches produits: les éléments clés poursoutenir l’acte d’achat > Notations et avis des utilisateurs Eléments issus du “social networking” qui a prouvé son efficacité et représente une dimension importante dans le processus de décision de l’utilisateur. branding.technology.integration confidential and proprietary ©blue-infinity

Notations et avis client: bonnes pratiques - Exemple Amazon ou Darty : Système d’évaluation des produits ouverts aux utilisateurs matérialisé visuellement par une échelle de 5 étoiles. Accès aux commentaires client. branding.technology.integration confidential and proprietary ©blue-infinity

Notations et avis client: bonnes pratiques - Exemple La Redoute : Synthèse des pour et des contres avec le nombre de clients. Accès aux avis client les plus récents. branding.technology.integration confidential and proprietary ©blue-infinity

Fiche produit : bonnes pratiquesergonomiques pour favoriser ladécouverte du catalogue- Quelques exemples pour favoriser la visibilité de l’étendue de l’offre. branding.technology.integration confidential and proprietary ©blue-infinity

Passerelle vers les produits de la mêmemarque - Exemple Sarenza : Mise en avant avec des visuels de produits de la même marque + lien de catégorie sur l’ensemble des modèles. branding.technology.integration confidential and proprietary ©blue-infinity

Passerelle vers les produits de la mêmegamme - Exemple 3 Suisses : Visibilité d’autres produits de la gamme (ici : robes). - Exemple La Redoute : (ici : commodes) branding.technology.integration confidential and proprietary ©blue-infinity

Passerelle vers les produits des autresrayons - Exemple Sarenza : Thématique “complétez votre look”. branding.technology.integration confidential and proprietary ©blue-infinity

Remontée de produits d’intêret similaires - Exemple amazon : Thématique “Produits fréquemment achetés ensemble”. - Calcul dynamique du “prix d’ensemble”. branding.technology.integration confidential and proprietary ©blue-infinity

Remontée de produits coordonnés - Exemple La Redoute : Vêtements coordonnés avec le produit. branding.technology.integration confidential and proprietary ©blue-infinity

Recherche produit et référencement:quelques pistes technologiques branding.technology.integration confidential and proprietary ©blue-infinity

Sommaire- Introduction- Normes et standards dans les interfaces- Bonnes pratiques d’implémentations- Introduction au SEO (Search Engine Optimization) branding.technology.integration confidential and proprietary ©blue-infinity

Normes et standards- HTML ? Markup language  définit la structure de vos pages.- 2011 plusieurs normes : > HTML 4.01 Transitional > XHTML 1.0 Transitional > XHTML 1.1 Strict > HTML5- Bien séparer contenu et présentation (CSS).- Essayer de valider (X)HTML : http://validator.w3.org/.- Character Set : UTF-8 (pratique pour multi-langue). branding.technology.integration confidential and proprietary ©blue-infinity

Sémantique HTML / POSH<div> <div class="big">Mon produit</div> Introduction à mon produit <div class="subtitle">Description</div> Voici la description de mon produit <br /> Et les notes</div> <div> <h1>Mon produit</h1> <p>Introduction à mon produit</p> <h2>Description de mon produit</h2> <p>Voici la description</p> <p class="notes">Et ici les notes</p> </div> branding.technology.integration confidential and proprietary ©blue-infinity

Accessibilité- Un ensemble de règles provenant de deux normes (principales) > Section 508 > WACG provenant de WAI (W3C)- WAI : > Priorité 1 A Doit > Priorité 1,2 AA Devrait > Priorité 1,2,3 AAA PeutExemples de règles :- <img src="X1234.jpg" ALT="enfant utilisant le jouet à la crèche">.- La navigation doit pouvoir s’effectuer si Javascript ou CSS est désactivé.- Contraste des couleurs.Etc… branding.technology.integration confidential and proprietary ©blue-infinity

Pourquoi respecter les normes ?- Meilleure reconnaissance dans les moteurs de recherche.- Taille des pages réduites = rapidité de chargement > Maintenant un indice Google.- 1ère étape de l’accessibilité pour les personnes avec handicap.- Facilité de partage sur réseau social (webclipping, crawling, widget Javascript …).- Maintenance et évolutions simplifiées. branding.technology.integration confidential and proprietary ©blue-infinity

Deep Linking- La puissance du web, ce sont ses liens.- Pas de passage forcé pour accéder à un élément public > Pas de frames (pas nouveau!) > Utilisez flash comme du contenu et non comme un conteneur – Evitez les menus en flash > Si vous utilisez quand même flash comme un conteneur – Utilisez des techniques pour signifier à flash des chemins précis Exemple : http://www.site.com/home.php#flash_page_2 – Et générez un sitemap avec ces liens spéciaux > Même problème avec le « Web 2.0 » et AJAX Exemple : http://www.site.com/home.php#!key=value branding.technology.integration confidential and proprietary ©blue-infinity

Urls « Search Engine Friendly » (SEF)C’est-à-dire « URL signifiantes »- http.//www.monsite.com/index.php?id=3ou- http://www.monsite.com/contact.html ?ou même :- http://www.monsite.com/voitures/renault/megane.html ? Indiquez vos catégories et sous-menu comme des « faux » répertoires. branding.technology.integration confidential and proprietary ©blue-infinity

Améliorer la rechercheAuto-complete dans un moteur de recherche y compris vos magasins… ou autres informations utiles ! Proposez des alternatives (did you mean) branding.technology.integration confidential and proprietary ©blue-infinity

Améliorer la rechercheCorrigez automatiquement les mots à fort pouvoir discriminant branding.technology.integration confidential and proprietary ©blue-infinity

Introduction au SEO Publicité payante (SEA) 85% des Réponses clicksOrganiques (SEO) - La plupart des précédents points sont déjà du SEO ! branding.technology.integration confidential and proprietary ©blue-infinity

Introduction au SEO… suite- Stratégie au long terme.- Différents types d’optimisation:Contenu TechniqueKeywords: SEF-Titre Structure HTML-Meta Tags Robots.txt-Page Sitemap XMLUnicité du contenu ChargementMises à jour Marketing Backlinks (liens venant d’autres sites) branding.technology.integration confidential and proprietary ©blue-infinity

Respecter (encore et encore !) lesfondamentaux du e-commerce- La valorisation des produits.- L’utilisabilité, condition de la bonne expérience et réassurance client (recherche produit, fiche produit, ajout au panier, processus de commande…).- Les normes et bonnes pratiques d’implémentation.- Le référencement.Mais aussi :- L’animation des contenus, en lien avec les communautés d’utilisateurs.- L’image de marque. branding.technology.integration confidential and proprietary ©blue-infinity

Quid du “m-commerce” ?- Média émergeant qui a ses spécificités qui enrichissent l’expérience utilisateur et la relation client (géolocalisation, écran tactile…).- Mais pour lesquels les fondamentaux du e-commerce doivent également s’appliquer: > Constat d’un certain nombre de sites ou applications e-commerce web mobiles qui ne fournissent aucune information ou accès aux informations liées à la livraison au niveau des fiches produits. branding.technology.integration confidential and proprietary ©blue-infinity

Pour un complément d’information merci de nous contacter Laetitia Giannettini laetitia.giannettini@b-i.com Guillaume Arluison guillaume.arluison@b-i.comRetrouvez la totalité de nos parutions sur le blog de blue-infinity b-i branding. technology. integration. blog.b-i.com www.b-i.com

http://blog.b-i.com	5671
http://sitebi.local	66
http://blogbi.bi-dev.com	48
http://site2.bi-dev.com	46
http://sitebi.bi-dev.com	44
http://b-i.local	25
http://blog-bi.local	15
url_unknown	13
http://bi.local	11
http://blogbi.local	6
http://local_bi.com	3
http://translate.googleusercontent.com	3

Presentation blue infinity-e-com2011_pour audience

by mariereszler

Accessibility

Categories

Upload Details

Usage Rights

12 Embeds 5,951

Statistics

Presentation blue infinity-e-com2011_pour audience Presentation Transcript