E-commerce 2.0
           Exploitez les nouveaux leviers de performance
Frédéric CAVAZZA - Convention E-commerce - 14 Septembre 2006
E-commerce et web 2.0



2 / 60
Rétrospective sur les géants du e-commerce




3 / 60
Du web 1.0 au web 2.0




                         ?




4 / 60
Cartographie du web 2.0




5 / 60
Cartographie du e-commerce 2.0

         •   Les principales composantes :
              •   Interfaces riches
              •   Marketing collaboratif
              •   Ré-intermédiation
              •   Co-création de valeur




6 / 60
E-commerce 2.0 ?



7 / 60
Interfaces riches : plus de confort et de rapidité




         http://www.gap.com/   http://www.amazon.com/   http://www.camper.es/
8 / 60
Marketing collaboratif : nous sommes tous des influenceurs




            http://www.amazon.fr/   http://shopping.yahoo.com/shoposphere/
9 / 60
Ré-intermédiation : la chaîne de valeur s’allonge à l’infini




          http://corkd.com/   http://www.boompa.com/   http://www.shopzilla.fr/   http://www.shopwiki.com/
10 / 60
Co-création de valeur : tout le monde aura sa part du gâteau




      http://www.zlio.com/   http://www.lafraise.com/   http://www.etsy.com/
11 / 60
Des bonnes idées à expérimenter




          http://www.rightcart.com/   http://www.farecast.com/   http://www.nosibay.com
12 / 60
Les nouveaux leviers
            du e-commerce


13 / 60
La théorie de Darwin appliquée au e-commerce

            Part du commerce électronique dans le commerce de détail aux Etats-Unis
          (hors services financiers, voyages et billetterie) - source : US Census Bureau



                                                                                  Vous êtes ici
                                                                                  Vous êtes ici
                                                                                   (peut-être)
                                                                                   (peut-être)




14 / 60
Les nouveaux leviers

          •   Rich commerce

          •   Parcours client

          •   Ergonomie incitative

          •   Marketing collaboratif

          •   Mesure de la performance




15 / 60
Rich commerce



16 / 60
Quelle valeur ajoutée ?

          •   Des messages mieux mis en scène

          •   Des univers émotionnels plus riches

          •   Des produits mieux valorisés

          •   De nouvelles possibilités d’interaction et de manipulation

          •   Un guidage et une personnalisation plus forts

          •   Des processus d’achat simplifiés




17 / 60
Showroom virtuels et catalogue interactif




             http://www.jaguar.com/   http://www.decathlon.fr/
18 / 60
Démonstrateur et émulateur




          http://www.a-to-s.co.uk/   http://www.elmwoodreclaimedtimber.com/flooringtool/
19 / 60
Assistant d’achat et vidéo en ligne




              http://www.sfdnet.fr/   http://www.pixmania.com/
20 / 60
Configurateur et mannequin virtuel




            http://www.hummer.com/   http://www.laredoute.com/
21 / 60
Parcours client



22 / 60
Votre page d’accueil n’est plus le point d’entrée unique




23 / 60
Une approche de transformation orientée processus




24 / 60
Les personas pour segmenter vos visiteurs


                                       •   Nom
                                       •   Photo
                                       •   Âge
                                       •   Situation de famille
                                       •   Environnement
                                           professionnel
                                       •   Hobbies
                                       •   Compétence technique
                                       •   Besoins, contraintes,
                                           motivations, freins
                                       •   Comportements d'achat en
                                           ligne
                                       •   Citation




25 / 60
En cohérence avec le cycle de vie


     Notoriété              Adéquation offre                           Fidélisation

                    Image                      Passage à l’acte



          Découverte         Évaluation           Achat           Usage        Renouvellement

                 Cycle de décision

                               Processus marchand

                                                                  Service au client




26 / 60
Un processus unifié




27 / 60
Ergonomie incitative



28 / 60
Quelle différence avec l’ergonomie ?




29 / 60
Les fondamentaux

          •   Un raisonnement au niveau de l’écran
               •   Le design persuasif oriente le regard
               •   L’ergonomie incitative invite à passer à l’action

          •   Une approche centrée sur les objectifs
               •   « Quel objectif doit remplir la page d’accueil ? »
               •   « Quel objectif pour la fiche produit ? »…




30 / 60
Exemple




           http://www.netflix.com/
31 / 60
Marketing collaboratif



32 / 60
Connaissez-vous Amazon ?




                  http://www.amazon.com/
33 / 60
Vers du marketing collaboratif générique ?




          http://www.amazon.com/   http://www.librarything.com/
34 / 60
Sous-traiter le marketing de vos produits




          http://www.bazaarvoice.com/   http://www.ikarma.com/   http://www.rapleaf.com/
35 / 60
Mesure de la
          performance


36 / 60
Qu’est-ce qu’un site performant ?

          •   Avant de penser « performance », pensez « objectifs »

          •   La performance se définit sur la base des objectifs
              identifiés




37 / 60
Du détail à la tendance

                                                            Statistiques web
                                                             1000+ visiteurs
                                 Écoute du buzz, Emails reçus
                                        Questionnaires
                                       100+ répondants

              Tests utilisateurs / focus
                          10 utilisateurs


          Audit, Revue experte
                   1 ergonome

                                                                               Macro
                                                                               Tendance
                    Micro
                      Détail



38 / 60
Les outils traditionnels




          http://www.webtrends.com/   http://www.google.com/analytics/
39 / 60
Les nouveaux outils




          http://www.feedburner.com/   http://www.crazyegg.com/   http://www.clicktale.com/
40 / 60
Exemple de tableau de bord




41 / 60
Cas pratique



42 / 60
Vue d’ensemble



          •   2003 - 2004 : Refonte ergonomique
               •   Nombre d’étapes, aide au choix, contextualisation
                   des aides et légendes, réduction du nombre d’erreurs

          •   2004 - 2005 : Refonte ergonomique et graphique
               •   Image de marque, positionnement, design, incitation

          •   Résultats obtenus : réduction de 50% du taux
              d'abandon dans le processus d'achat

43 / 60
2003 : Version 1




44 / 60
2005 : Version 2




45 / 60
2006 : Version 3




46 / 60
Survol de la démarche

          1.   Audit ergonomique

          2.   Tests utilisateurs

          3.   Tests comparatifs

          4.   Storyboard

          5.   Création graphique




47 / 60
1. Audit ergonomique

          •   L’analyse experte (audit et analyse du trafic)
              permet d’identifier les points de friction



                                                               Formulaire de
                                                               recherche



                                                          Bouton de
                                                          validation


                                                           Zone pub



48 / 60
2. Tests utilisateurs

          •   Observation du comportement des utilisateurs en
              situation réelle

                                                « Le testeur réussit à
                                                         renseigner le
                                                        formulaire de
                                                 réservation…Jusque
                                               là, pas de problème….




          «Mais où est-ce
          que je peux                               « Sans voir le
          valider ?… Ca                                  bouton de
          doit être en fin                            validation, il
          de page !…                            descend en bas de
                                                page. Il valide par
          Oui ! C’est là ! »                         les vignettes
                                                   publicitaires….




49 / 60
3. Tests comparatifs

          •   Les tests comparatifs mettent à jour les bonnes
              pratiques




50 / 60
4. Storyboard

          •   Une vue fonctionnelle de la future version du site




51 / 60
5. Création graphique

          •   Production de solutions
                   Aide au choix
                                        Processus de commande




                                             Découverte




52 / 60
2003 > 2005 : Processus de commande


Propositions                                                                    Liste        Confir-
                 Passagers    Véhicules     Cabines    Résumé        Tarifs
Allers-retours                                                                passagers      mation



                 Étude des possibles                               Décision        Engagement




                                   Prestations                                 Paiement
Propositions
                                                                     Tarifs   (passagers   Confirmation
Allers-retours
                 Passagers    Véhicules      Cabines   Assurance                 et CB)


                 Étude des possibles                               Décision       Engagement




53 / 60
2003 > 2005 : Moteur de réservation




54 / 60
2003 > 2005 : Options ‘Véhicules’




55 / 60
2003 > 2005 : Options ‘Cabines’




56 / 60
2005 > 2006 : Optimisations ergonomiques




57 / 60
2005 > 2006 : Éléments d’incitation




58 / 60
Des questions ?



59 / 60
Pour aller plus loin




                                             http://www.FredCavazza.net/




                                             http://www.sqliagency.com/
          http://www.EmarketingGarden.com/




60 / 60

E commerce 2.0 (2006)

  • 1.
    E-commerce 2.0 Exploitez les nouveaux leviers de performance Frédéric CAVAZZA - Convention E-commerce - 14 Septembre 2006
  • 2.
  • 3.
    Rétrospective sur lesgéants du e-commerce 3 / 60
  • 4.
    Du web 1.0au web 2.0 ? 4 / 60
  • 5.
  • 6.
    Cartographie du e-commerce2.0 • Les principales composantes : • Interfaces riches • Marketing collaboratif • Ré-intermédiation • Co-création de valeur 6 / 60
  • 7.
  • 8.
    Interfaces riches :plus de confort et de rapidité http://www.gap.com/ http://www.amazon.com/ http://www.camper.es/ 8 / 60
  • 9.
    Marketing collaboratif :nous sommes tous des influenceurs http://www.amazon.fr/ http://shopping.yahoo.com/shoposphere/ 9 / 60
  • 10.
    Ré-intermédiation : lachaîne de valeur s’allonge à l’infini http://corkd.com/ http://www.boompa.com/ http://www.shopzilla.fr/ http://www.shopwiki.com/ 10 / 60
  • 11.
    Co-création de valeur: tout le monde aura sa part du gâteau http://www.zlio.com/ http://www.lafraise.com/ http://www.etsy.com/ 11 / 60
  • 12.
    Des bonnes idéesà expérimenter http://www.rightcart.com/ http://www.farecast.com/ http://www.nosibay.com 12 / 60
  • 13.
    Les nouveaux leviers du e-commerce 13 / 60
  • 14.
    La théorie deDarwin appliquée au e-commerce Part du commerce électronique dans le commerce de détail aux Etats-Unis (hors services financiers, voyages et billetterie) - source : US Census Bureau Vous êtes ici Vous êtes ici (peut-être) (peut-être) 14 / 60
  • 15.
    Les nouveaux leviers • Rich commerce • Parcours client • Ergonomie incitative • Marketing collaboratif • Mesure de la performance 15 / 60
  • 16.
  • 17.
    Quelle valeur ajoutée? • Des messages mieux mis en scène • Des univers émotionnels plus riches • Des produits mieux valorisés • De nouvelles possibilités d’interaction et de manipulation • Un guidage et une personnalisation plus forts • Des processus d’achat simplifiés 17 / 60
  • 18.
    Showroom virtuels etcatalogue interactif http://www.jaguar.com/ http://www.decathlon.fr/ 18 / 60
  • 19.
    Démonstrateur et émulateur http://www.a-to-s.co.uk/ http://www.elmwoodreclaimedtimber.com/flooringtool/ 19 / 60
  • 20.
    Assistant d’achat etvidéo en ligne http://www.sfdnet.fr/ http://www.pixmania.com/ 20 / 60
  • 21.
    Configurateur et mannequinvirtuel http://www.hummer.com/ http://www.laredoute.com/ 21 / 60
  • 22.
  • 23.
    Votre page d’accueiln’est plus le point d’entrée unique 23 / 60
  • 24.
    Une approche detransformation orientée processus 24 / 60
  • 25.
    Les personas poursegmenter vos visiteurs • Nom • Photo • Âge • Situation de famille • Environnement professionnel • Hobbies • Compétence technique • Besoins, contraintes, motivations, freins • Comportements d'achat en ligne • Citation 25 / 60
  • 26.
    En cohérence avecle cycle de vie Notoriété Adéquation offre Fidélisation Image Passage à l’acte Découverte Évaluation Achat Usage Renouvellement Cycle de décision Processus marchand Service au client 26 / 60
  • 27.
  • 28.
  • 29.
    Quelle différence avecl’ergonomie ? 29 / 60
  • 30.
    Les fondamentaux • Un raisonnement au niveau de l’écran • Le design persuasif oriente le regard • L’ergonomie incitative invite à passer à l’action • Une approche centrée sur les objectifs • « Quel objectif doit remplir la page d’accueil ? » • « Quel objectif pour la fiche produit ? »… 30 / 60
  • 31.
    Exemple http://www.netflix.com/ 31 / 60
  • 32.
  • 33.
    Connaissez-vous Amazon ? http://www.amazon.com/ 33 / 60
  • 34.
    Vers du marketingcollaboratif générique ? http://www.amazon.com/ http://www.librarything.com/ 34 / 60
  • 35.
    Sous-traiter le marketingde vos produits http://www.bazaarvoice.com/ http://www.ikarma.com/ http://www.rapleaf.com/ 35 / 60
  • 36.
    Mesure de la performance 36 / 60
  • 37.
    Qu’est-ce qu’un siteperformant ? • Avant de penser « performance », pensez « objectifs » • La performance se définit sur la base des objectifs identifiés 37 / 60
  • 38.
    Du détail àla tendance Statistiques web 1000+ visiteurs Écoute du buzz, Emails reçus Questionnaires 100+ répondants Tests utilisateurs / focus 10 utilisateurs Audit, Revue experte 1 ergonome Macro Tendance Micro Détail 38 / 60
  • 39.
    Les outils traditionnels http://www.webtrends.com/ http://www.google.com/analytics/ 39 / 60
  • 40.
    Les nouveaux outils http://www.feedburner.com/ http://www.crazyegg.com/ http://www.clicktale.com/ 40 / 60
  • 41.
    Exemple de tableaude bord 41 / 60
  • 42.
  • 43.
    Vue d’ensemble • 2003 - 2004 : Refonte ergonomique • Nombre d’étapes, aide au choix, contextualisation des aides et légendes, réduction du nombre d’erreurs • 2004 - 2005 : Refonte ergonomique et graphique • Image de marque, positionnement, design, incitation • Résultats obtenus : réduction de 50% du taux d'abandon dans le processus d'achat 43 / 60
  • 44.
    2003 : Version1 44 / 60
  • 45.
    2005 : Version2 45 / 60
  • 46.
    2006 : Version3 46 / 60
  • 47.
    Survol de ladémarche 1. Audit ergonomique 2. Tests utilisateurs 3. Tests comparatifs 4. Storyboard 5. Création graphique 47 / 60
  • 48.
    1. Audit ergonomique • L’analyse experte (audit et analyse du trafic) permet d’identifier les points de friction Formulaire de recherche Bouton de validation Zone pub 48 / 60
  • 49.
    2. Tests utilisateurs • Observation du comportement des utilisateurs en situation réelle « Le testeur réussit à renseigner le formulaire de réservation…Jusque là, pas de problème…. «Mais où est-ce que je peux « Sans voir le valider ?… Ca bouton de doit être en fin validation, il de page !… descend en bas de page. Il valide par Oui ! C’est là ! » les vignettes publicitaires…. 49 / 60
  • 50.
    3. Tests comparatifs • Les tests comparatifs mettent à jour les bonnes pratiques 50 / 60
  • 51.
    4. Storyboard • Une vue fonctionnelle de la future version du site 51 / 60
  • 52.
    5. Création graphique • Production de solutions Aide au choix Processus de commande Découverte 52 / 60
  • 53.
    2003 > 2005: Processus de commande Propositions Liste Confir- Passagers Véhicules Cabines Résumé Tarifs Allers-retours passagers mation Étude des possibles Décision Engagement Prestations Paiement Propositions Tarifs (passagers Confirmation Allers-retours Passagers Véhicules Cabines Assurance et CB) Étude des possibles Décision Engagement 53 / 60
  • 54.
    2003 > 2005: Moteur de réservation 54 / 60
  • 55.
    2003 > 2005: Options ‘Véhicules’ 55 / 60
  • 56.
    2003 > 2005: Options ‘Cabines’ 56 / 60
  • 57.
    2005 > 2006: Optimisations ergonomiques 57 / 60
  • 58.
    2005 > 2006: Éléments d’incitation 58 / 60
  • 59.
  • 60.
    Pour aller plusloin http://www.FredCavazza.net/ http://www.sqliagency.com/ http://www.EmarketingGarden.com/ 60 / 60