SlideShare a Scribd company logo
1 of 60
1.       Présentation
    2.       La logique UX
    3.       L’approche affinitaire
    4.       L’approche affinitaire dans une logique UX




11/05/2012                                                1
Sophie Imbach
  12 ans d’expertise web
      • Responsable du
        pôle projet Kaliop
      • Directrice de projet
      • Consultante
        fonctionnelle

         • sophie@kaliop.com
         • https://twitter.com/fonfec78
         • https://twitter.com/kaliop




11/05/2012                                2
http://www.kaliop.com/Clients/Tourisme



11/05/2012
11/05/2012
11/05/2012
11/05/2012
11/05/2012
11/05/2012
11/05/2012
11/05/2012
11/05/2012
11/05/2012
11/05/2012
11/05/2012
11/05/2012
11/05/2012
-




                 ’




11/05/2012           17
1.       Présentation
    2.       La logique UX
    3.       L’approche affinitaire
    4.       L’approche affinitaire dans une logique UX




11/05/2012                                                18
-




11/05/2012
-




11/05/2012
-




11/05/2012
-




11/05/2012
1.       Présentation
    2.       La logique UX
    3.       Les principes de l’approche affinitaire
    4.       L’approche affinitaire dans une logique UX > retours d’expérience




11/05/2012                                                                       23
-




11/05/2012       24
-




11/05/2012       25
-




11/05/2012       26
-




11/05/2012       27
-




11/05/2012       28
11/05/2012   29
11/05/2012   30
11/05/2012   31
-




11/05/2012       32
1.       Présentation
    2.       La logique UX
    3.       L’approche affinitaire
    4.       L’approche affinitaire dans une logique UX




11/05/2012                                                33
-   -




                     ’



11/05/2012               34
-                   -
                    CRT
                 PICARDIE
                 USINE À SITES
                  AFFINITAIRE
                 EVÈNEMENTIEL




11/05/2012                           35
-   -

                       CRT
                     BRETAGNE
                     APPROCHE
                     AFFINITAIRE




11/05/2012                         36
-
                 :




11/05/2012           37
-                                   -
                                         PREMIER PALLIER
  1/ ETRE LISIBLE SUR LES TERMINAUX MOBILES : POIDS DES PAGES, FLASH




11/05/2012                                                             38
-                                 -
                                       DEUXIÈME PALLIER

  2/ DÉCLINER LE SITE SUR UNE VERSION MOBILE

                 Mobile


                                                   Borne




11/05/2012                                                 39
-
                             UN SEUL SITE OU 2 VERSIONS DE SITE ?

L’APPORT DU RESPONSIVE WEB




11/05/2012                                                          40
-



      240x320                                             Bas débit
                        768x1024                        Écran tactile    Mobilité

        1024x1280              1024x800                        Très haut débit

                    Résolutions                                  Performance


                                           Votre site


                    Supports                                    Orientations


             ordinateur              TV
                                                          portrait        paysage
                        Mini PC
             Tablette
                                  mobile

11/05/2012                                                                          41
-




42
-

       Option 1 : Architecture sur mesure
                                                  •   Chaque version aura ses
  Version          Version           Version          propres spécificités
  mobile           tablette         ordinateur        en terme de graphisme,
                                                      ergonomie, contenus
                    Contenu          Contenu
  Contenu
                   “spécifique      “spécifique
 “spécifique
                    tablette”       ordinateur”   •   Chaque version aura
   mobile”
                                                      son adresse :
                                                       – www.kaliop.com
   Affichage
“light mobile”
                     Affichage       Affichage         – tablette.kaliop.com
                 “light Tablette”       Full
                                                       – mobile.kaliop.com




        Support et maintenance
            de 3 versions
-

         Option 1 : Architecture responsive

                 Version Responsive
                                              •   Une seule version du site pour
                                                  tous les supports

                 Contenus communs
                                              •   Une seule adresse


     Affichage
                  Affichage
       “light                 Affichage       •   Une qualité d’affichage
                    “light                …
     mobile”
                  Tablette”
                                 Full             maintenue




           Support et maintenance
             d’une seule version
44
-




45
-




46
47
-




11/05/2012       48
-


                 http://www.fleur-et-jardin-picardie.com/




                                                        http://www.weekend-esprit-de-picardie.com




                                                                    http://www.weekend-picardy.co.uk




11/05/2012                                                                                          49
-




11/05/2012       50
-




11/05/2012       51
-   -




11/05/2012           52
-




11/05/2012       53
-




11/05/2012       54
-
                 4/ ...




11/05/2012                55
-




11/05/2012       56
-




11/05/2012       57
-

                                 SITE LABELLISÉ ACCESSIWEB
                                 ARGENT
                 www.weekend-picardie-handicap.com/




11/05/2012                                                   58
-
                             ’




             -
             -           :
             -       :           .   …
             -

11/05/2012                               59
-




                 sophie@kaliop.com - twitter.com/fonfec78 - twitter.com/kaliop - kaliop.com




11/05/2012                                                                                    60

More Related Content

More from Kaliop-slide

E z conference 2016 : The Next Generation of Innovative Applications: Powere...
E z conference 2016  : The Next Generation of Innovative Applications: Powere...E z conference 2016  : The Next Generation of Innovative Applications: Powere...
E z conference 2016 : The Next Generation of Innovative Applications: Powere...Kaliop-slide
 
L'agilité au service de l'innovation
L'agilité au service de l'innovationL'agilité au service de l'innovation
L'agilité au service de l'innovationKaliop-slide
 
[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...
[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...
[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...Kaliop-slide
 
[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile
[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile
[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agileKaliop-slide
 
[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...
[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...
[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...Kaliop-slide
 
Web performances : Is It not the right time to (re)consider CMS ?
Web performances : Is It not the right time to (re)consider CMS ?Web performances : Is It not the right time to (re)consider CMS ?
Web performances : Is It not the right time to (re)consider CMS ?Kaliop-slide
 
L’amélioration continue de votre environnement de travail et de votre entrepr...
L’amélioration continue de votre environnement de travail et de votre entrepr...L’amélioration continue de votre environnement de travail et de votre entrepr...
L’amélioration continue de votre environnement de travail et de votre entrepr...Kaliop-slide
 
Ezobject wrapper workshop
Ezobject wrapper workshopEzobject wrapper workshop
Ezobject wrapper workshopKaliop-slide
 
Comment créer, optimiser et monétiser vos contenus ?
Comment créer, optimiser et monétiser vos contenus ?Comment créer, optimiser et monétiser vos contenus ?
Comment créer, optimiser et monétiser vos contenus ?Kaliop-slide
 
Web performance optimization
Web performance optimizationWeb performance optimization
Web performance optimizationKaliop-slide
 
How to deploy & optimize eZ Publish (2014)
How to deploy & optimize eZ Publish (2014)How to deploy & optimize eZ Publish (2014)
How to deploy & optimize eZ Publish (2014)Kaliop-slide
 
eZ Publish vs Drupal - technical battle
eZ Publish vs Drupal - technical battleeZ Publish vs Drupal - technical battle
eZ Publish vs Drupal - technical battleKaliop-slide
 
Utilisation d’eZ Flow sur le site www.kaliop.fr
Utilisation d’eZ Flow sur le site www.kaliop.frUtilisation d’eZ Flow sur le site www.kaliop.fr
Utilisation d’eZ Flow sur le site www.kaliop.frKaliop-slide
 
Demystifying eZ Publish 5.x for eZ Publish 4.0 developers
Demystifying eZ Publish 5.x for eZ Publish 4.0 developersDemystifying eZ Publish 5.x for eZ Publish 4.0 developers
Demystifying eZ Publish 5.x for eZ Publish 4.0 developersKaliop-slide
 
Webinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ Publish
Webinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ PublishWebinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ Publish
Webinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ PublishKaliop-slide
 
Bien choisir sa solution e-commerce
Bien choisir sa solution e-commerceBien choisir sa solution e-commerce
Bien choisir sa solution e-commerceKaliop-slide
 
Webinar : ezpublish pour vos projets e-tourisme
Webinar : ezpublish pour vos projets e-tourismeWebinar : ezpublish pour vos projets e-tourisme
Webinar : ezpublish pour vos projets e-tourismeKaliop-slide
 
How to deploy & optimize eZ Publish
How to deploy & optimize eZ PublishHow to deploy & optimize eZ Publish
How to deploy & optimize eZ PublishKaliop-slide
 
Optimisez vos flux commerciaux avec la marketing automation
Optimisez vos flux commerciaux avec la marketing automationOptimisez vos flux commerciaux avec la marketing automation
Optimisez vos flux commerciaux avec la marketing automationKaliop-slide
 
Tour de Contrôle (Kaliop E-Commerce Dataflow System)
Tour de Contrôle (Kaliop E-Commerce Dataflow System)Tour de Contrôle (Kaliop E-Commerce Dataflow System)
Tour de Contrôle (Kaliop E-Commerce Dataflow System)Kaliop-slide
 

More from Kaliop-slide (20)

E z conference 2016 : The Next Generation of Innovative Applications: Powere...
E z conference 2016  : The Next Generation of Innovative Applications: Powere...E z conference 2016  : The Next Generation of Innovative Applications: Powere...
E z conference 2016 : The Next Generation of Innovative Applications: Powere...
 
L'agilité au service de l'innovation
L'agilité au service de l'innovationL'agilité au service de l'innovation
L'agilité au service de l'innovation
 
[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...
[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...
[webinar du 26/02/2015] Magento / Prestashop : bien choisir sa solution e-com...
 
[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile
[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile
[Webinar du 6/11/2014] Réussir son projet E-commerce en mode agile
 
[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...
[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...
[Webinar du 17/06/2014] Bien intégrer sa boutique e-Commerce à son système d'...
 
Web performances : Is It not the right time to (re)consider CMS ?
Web performances : Is It not the right time to (re)consider CMS ?Web performances : Is It not the right time to (re)consider CMS ?
Web performances : Is It not the right time to (re)consider CMS ?
 
L’amélioration continue de votre environnement de travail et de votre entrepr...
L’amélioration continue de votre environnement de travail et de votre entrepr...L’amélioration continue de votre environnement de travail et de votre entrepr...
L’amélioration continue de votre environnement de travail et de votre entrepr...
 
Ezobject wrapper workshop
Ezobject wrapper workshopEzobject wrapper workshop
Ezobject wrapper workshop
 
Comment créer, optimiser et monétiser vos contenus ?
Comment créer, optimiser et monétiser vos contenus ?Comment créer, optimiser et monétiser vos contenus ?
Comment créer, optimiser et monétiser vos contenus ?
 
Web performance optimization
Web performance optimizationWeb performance optimization
Web performance optimization
 
How to deploy & optimize eZ Publish (2014)
How to deploy & optimize eZ Publish (2014)How to deploy & optimize eZ Publish (2014)
How to deploy & optimize eZ Publish (2014)
 
eZ Publish vs Drupal - technical battle
eZ Publish vs Drupal - technical battleeZ Publish vs Drupal - technical battle
eZ Publish vs Drupal - technical battle
 
Utilisation d’eZ Flow sur le site www.kaliop.fr
Utilisation d’eZ Flow sur le site www.kaliop.frUtilisation d’eZ Flow sur le site www.kaliop.fr
Utilisation d’eZ Flow sur le site www.kaliop.fr
 
Demystifying eZ Publish 5.x for eZ Publish 4.0 developers
Demystifying eZ Publish 5.x for eZ Publish 4.0 developersDemystifying eZ Publish 5.x for eZ Publish 4.0 developers
Demystifying eZ Publish 5.x for eZ Publish 4.0 developers
 
Webinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ Publish
Webinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ PublishWebinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ Publish
Webinar e-tourisme : Créer une expérience utilisateur riche grâce à eZ Publish
 
Bien choisir sa solution e-commerce
Bien choisir sa solution e-commerceBien choisir sa solution e-commerce
Bien choisir sa solution e-commerce
 
Webinar : ezpublish pour vos projets e-tourisme
Webinar : ezpublish pour vos projets e-tourismeWebinar : ezpublish pour vos projets e-tourisme
Webinar : ezpublish pour vos projets e-tourisme
 
How to deploy & optimize eZ Publish
How to deploy & optimize eZ PublishHow to deploy & optimize eZ Publish
How to deploy & optimize eZ Publish
 
Optimisez vos flux commerciaux avec la marketing automation
Optimisez vos flux commerciaux avec la marketing automationOptimisez vos flux commerciaux avec la marketing automation
Optimisez vos flux commerciaux avec la marketing automation
 
Tour de Contrôle (Kaliop E-Commerce Dataflow System)
Tour de Contrôle (Kaliop E-Commerce Dataflow System)Tour de Contrôle (Kaliop E-Commerce Dataflow System)
Tour de Contrôle (Kaliop E-Commerce Dataflow System)
 

L'approche affinitaire : un levier marketing efficace pour les acteurs du e-tourisme

  • 1. 1. Présentation 2. La logique UX 3. L’approche affinitaire 4. L’approche affinitaire dans une logique UX 11/05/2012 1
  • 2. Sophie Imbach 12 ans d’expertise web • Responsable du pôle projet Kaliop • Directrice de projet • Consultante fonctionnelle • sophie@kaliop.com • https://twitter.com/fonfec78 • https://twitter.com/kaliop 11/05/2012 2
  • 17. - ’ 11/05/2012 17
  • 18. 1. Présentation 2. La logique UX 3. L’approche affinitaire 4. L’approche affinitaire dans une logique UX 11/05/2012 18
  • 23. 1. Présentation 2. La logique UX 3. Les principes de l’approche affinitaire 4. L’approche affinitaire dans une logique UX > retours d’expérience 11/05/2012 23
  • 33. 1. Présentation 2. La logique UX 3. L’approche affinitaire 4. L’approche affinitaire dans une logique UX 11/05/2012 33
  • 34. - - ’ 11/05/2012 34
  • 35. - - CRT PICARDIE USINE À SITES AFFINITAIRE EVÈNEMENTIEL 11/05/2012 35
  • 36. - - CRT BRETAGNE APPROCHE AFFINITAIRE 11/05/2012 36
  • 37. - : 11/05/2012 37
  • 38. - - PREMIER PALLIER 1/ ETRE LISIBLE SUR LES TERMINAUX MOBILES : POIDS DES PAGES, FLASH 11/05/2012 38
  • 39. - - DEUXIÈME PALLIER 2/ DÉCLINER LE SITE SUR UNE VERSION MOBILE Mobile Borne 11/05/2012 39
  • 40. - UN SEUL SITE OU 2 VERSIONS DE SITE ? L’APPORT DU RESPONSIVE WEB 11/05/2012 40
  • 41. - 240x320 Bas débit 768x1024 Écran tactile Mobilité 1024x1280 1024x800 Très haut débit Résolutions Performance Votre site Supports Orientations ordinateur TV portrait paysage Mini PC Tablette mobile 11/05/2012 41
  • 42. - 42
  • 43. - Option 1 : Architecture sur mesure • Chaque version aura ses Version Version Version propres spécificités mobile tablette ordinateur en terme de graphisme, ergonomie, contenus Contenu Contenu Contenu “spécifique “spécifique “spécifique tablette” ordinateur” • Chaque version aura mobile” son adresse : – www.kaliop.com Affichage “light mobile” Affichage Affichage – tablette.kaliop.com “light Tablette” Full – mobile.kaliop.com Support et maintenance de 3 versions
  • 44. - Option 1 : Architecture responsive Version Responsive • Une seule version du site pour tous les supports Contenus communs • Une seule adresse Affichage Affichage “light Affichage • Une qualité d’affichage “light … mobile” Tablette” Full maintenue Support et maintenance d’une seule version 44
  • 45. - 45
  • 46. - 46
  • 47. 47
  • 49. - http://www.fleur-et-jardin-picardie.com/ http://www.weekend-esprit-de-picardie.com http://www.weekend-picardy.co.uk 11/05/2012 49
  • 52. - - 11/05/2012 52
  • 55. - 4/ ... 11/05/2012 55
  • 58. - SITE LABELLISÉ ACCESSIWEB ARGENT www.weekend-picardie-handicap.com/ 11/05/2012 58
  • 59. - ’ - - : - : . … - 11/05/2012 59
  • 60. - sophie@kaliop.com - twitter.com/fonfec78 - twitter.com/kaliop - kaliop.com 11/05/2012 60