SlideShare une entreprise Scribd logo
web responsive & e-commerce
un seul site pour tous les devices
par Stéphane Lecouturier
Directeur de Création et User Experience
L’agence
Qui sommes nous ?
couverture                  ans
100 %
        métiers
        e-commerce
                              15    d’expérience
                                    digitale




4       agences
        Lille, Paris, Lyon,
        Shanghai soon…
                              220   collaborateurs
                                    passionnés




    we ♥ e-commerce
Web Responsive
et e-commerce
Un seul site pour tous les devices
au menu
Steve Jobs + Mona Lisa
+ Bruce Lee + Karl Lagerfeld
+ les septs nains + George Clooney…
+ 2 SCOOPS !
+ des surprises pour ceux qui restent
jusqu’au bout…
c’est quoi
le Web Responsive ?
Le « Web Responsive » : c’est quoi ?

     Une nouvelle démarche de design de site web
      qui s’appuie sur la capacité des navigateurs
       à détecter les caractéristiques du device.

Plutôt que de construire différents sites pour différents
      types de devices, l’approche « responsive »
          consiste en un seul site qui s’adapte
        à plusieurs devices et ainsi de supporter
     davantage de devices sans devoir développer
         et maintenir plusieurs sites différents.
webresponsive
un seul site pour tous les devices
Le « Web Responsive » : c’est quoi ?




                fluid layout
                mediaqueries
                adaptative medias
                server optimization
Food Sense
http://foodsense.is
Andersson-Wise Architects
http://www.anderssonwise.com
The Boston Globe
http://www.bostonglobe.com/
résolutions
  d’écran
résolutions
d’écran
1920 px




1280px




1024px




800px     des résolutions d’écrans
          structurantes
640px     (surtout la largeur !)

320px
1920 px


                                                       TV
1280px




1024px


                                              desktop
                                    desktop                 desktop
800px




640px


                                              tablet
          feat
          ures              sma                                tab
320px     pho
           ne    features   rtph
                  phone     one    smart          tablet       let
                                   phone
des résolutions réelles
et des résolutions s(t)imulées
retina displays
périphériques
  d’entrée
périphériques d’entrée
    touch / keyboard…
périphériques d’entrée
remote… ?
périphériques d’entrée
remote… ?
périphériques d’entrée
gesture, voice… ?
couleurs
nombre
de couleurs
couleurs
des profils colorimétriques différents ?
couleurs
des profils colorimétriques différents ?
performances
performance matters!

                   100 ms d’attente = 1 % de vente en moins
                   (manque à gagner potentiel de 191 millions de $ en 2008)


                   400 ms d’attente =
                   5 à 9 % de perte de trafic

                   500 ms d’attente = baisse de trafic de 20 %
                   Le coût de la lenteur augmente de jour en jour



                   1 s d’attente = baisse des revenus de 4 %


       Sources: slideshare.net/stubbornella/designing-fast-websites-presentation & slideshare.net/markstanton/speed-matters
performance
réseau Edge vs. 3G ou WiFi
performance
mode off-line ou asynchrone
@mediaqueries
Be formless.
Shapeless, like water.
If you put water into a cup,
it becomes the cup.
You put water into a bottle
and it becomes the bottle.
You put it in a teapot,
it becomes the teapot.
Be water, my friend.                         Bruce Lee
http://www.youtube.com/watch?v=pGFf3SRP1bE
Pourquoi
c’est à la mode ?
Je kiffe
le responsive
le responsive =
nouvel eldorado du web ?




m-commerce en France = 13,4 milliards d’euros en 2015
Xerfi 03/2012

Dans 5 ans, 19,2 milliards d'euros seront générés
grâce au m-commerce dans sept pays d'Europe,
dont 3,1 en France. Forrester 07/2012
SEO friendly
maintenance
simplifiée
                    site mobile
         site web
déploiement simultané
des updates

    desktop             mobile         iPad   iPhone   Androïd   Win   BlackBerry




www.ebay.com      mobileweb.ebay.com




eBay extensions
   & add-on          m.ebay.com
déploiement simultané
des updates
futureproof!
même plus peur
des keynotes
Mais…
est-ce vraiment
une mode ?
Délivrer
la meilleure
expérience
à ses clients
n’est pas une mode,
c’est une dette !
22%
des e-commerçants mobile
       (sites + apps)

         CCM Benchmark - juillet 2011
=78%
des e-commerçants PAS mobile
        (sites + apps)

           CCM Benchmark - juillet 2011
40%
      des mobinautes
préfèrent acheter sur le site

     17% via une appli
            IAB M-Commerce 2011
31%
  des mobinautes
regrettent que les sites
ne soient pas optimisés
      pour mobile
        Consensus / WorldPay - Octobre 2011
#fail
#fail
#fail
Pourquoi
pas encore
de sites
e-commerce
responsive ?
Pourquoi
pas encore
de GROS sites
e-commerce
responsive ?
work in progress !
framework
et architecture
technique
framework
et architecture technique
• comment s’effectue
le rendering des pages HTML ?
• framework commun web et mobile ?
• quels formats d’images ?
performance
et hébergement
performance
et hébergement
• même hébergement web et mobile ?
• gestion du cache ?
• optimisation des médias
à la volée pour le mobile ?
• comment je détecte les devices ?
Comparison of Mobile & Desktop RWD Views
By Jason Grigsby




                                                                      #fail




   http://www.uie.com/uietips/online_uietips/uietips__09_11_12.html
architecture
de l’information
architecture
de l’information
• mes catégories produits
sont-elles adaptées au mobile ?
• mes contenus sont-ils adaptés
pour le mobile ?
• dois-je adapter mon site en fonction
du contexte ?
webresponsive
un seul site pour tous les devices

          rappel !
17 catégories
+ 102 sous-catégories




    4 catégories
+ 35 sous-catégories
j’ai déjà
un site
et des apps !
j’ai déjà un site
et/ou des applis !
• comment transformer mon site web
en responsive sans tout refondre ?
• mon site web est-il compatible iPad ?
j’ai déjà un site
et/ou des applis !
• dois-je conserver mes applis ?
• est-ce que je peux encapsuler
du HTML dans mes applis ?
• comment je fais pour scanner
un code barre sans appli ?
comprendre ou définir
l’écosytème digital
• à quoi sert mon site web…
• à quoi servent mes applis…
• qui sont mes clients…
• quels devices utilisent-ils…
• dans quel contexte…
• d’où vient mon CA…
envisager une
mutation progressive

  desktop
                       sma
             tablet    rtph
                       one
envisager une
mutation progressive

                       desktop
  sma
  rtph     tablet
  one
envisager une
mutation progressive


   sma                 desktop
   rtph     tablet
   one
desktop   TV
                       desktop
feat
       sma
              tablet
ures
pho
 ne    rtph
       one
showtime!
Case-studies
altima°
case-study
relay.com




                P
               OO
             SC
case-study

• un site web pour inscription et
  commande de magazines
• + des applis : pour la consultation
• 95 % d’utilisation tablette
• contrainte Apple in app purchase :
  30 % de mon CA menacé
case-study
skimium.com




                 P
                OO
              SC
et beaucoup
d’autres à suivre…
merci !
slecouturier@altima.fr

    www.altima.fr

         @altima
        © altima 09/2012

Contenu connexe

Tendances

"Responsive Design" : Pourquoi et comment y aller ?
 "Responsive Design" : Pourquoi et comment y aller ? "Responsive Design" : Pourquoi et comment y aller ?
"Responsive Design" : Pourquoi et comment y aller ?
WebSchool Orléans
 
Pixmobi - Guide agences
Pixmobi - Guide agencesPixmobi - Guide agences
Pixmobi - Guide agences
COWEMO
 
Grand prix id 2014 présentation si web-erp en web app déconnectée 2014
Grand prix id 2014 présentation si web-erp en web app déconnectée 2014Grand prix id 2014 présentation si web-erp en web app déconnectée 2014
Grand prix id 2014 présentation si web-erp en web app déconnectée 2014
arnaudraymond
 
Introduction au Responsive web design
Introduction au Responsive web designIntroduction au Responsive web design
Introduction au Responsive web design
Dagobert
 
Information google apps
Information google appsInformation google apps
Information google appsinovallee
 
MobiliteaTime #5 : Responsive & Adaptive Design
MobiliteaTime #5 : Responsive & Adaptive Design MobiliteaTime #5 : Responsive & Adaptive Design
MobiliteaTime #5 : Responsive & Adaptive Design
USERADGENTS
 
Un site web responsive en une heure
Un site web responsive en une heureUn site web responsive en une heure
Un site web responsive en une heure
Raphaël Goetter
 
Responsive web design, enjeux et stratégies
Responsive web design, enjeux et stratégiesResponsive web design, enjeux et stratégies
Responsive web design, enjeux et stratégies
Mehdi Kabab
 
Responsive web design new14
Responsive web design new14Responsive web design new14
Responsive web design new14
FullSIX Group
 
Responsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, MéthodologieResponsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, Méthodologie
ekino
 
10 Revelations sur le Web Mobile
10 Revelations sur le Web Mobile10 Revelations sur le Web Mobile
10 Revelations sur le Web Mobile
Raphaël Goetter
 

Tendances (11)

"Responsive Design" : Pourquoi et comment y aller ?
 "Responsive Design" : Pourquoi et comment y aller ? "Responsive Design" : Pourquoi et comment y aller ?
"Responsive Design" : Pourquoi et comment y aller ?
 
Pixmobi - Guide agences
Pixmobi - Guide agencesPixmobi - Guide agences
Pixmobi - Guide agences
 
Grand prix id 2014 présentation si web-erp en web app déconnectée 2014
Grand prix id 2014 présentation si web-erp en web app déconnectée 2014Grand prix id 2014 présentation si web-erp en web app déconnectée 2014
Grand prix id 2014 présentation si web-erp en web app déconnectée 2014
 
Introduction au Responsive web design
Introduction au Responsive web designIntroduction au Responsive web design
Introduction au Responsive web design
 
Information google apps
Information google appsInformation google apps
Information google apps
 
MobiliteaTime #5 : Responsive & Adaptive Design
MobiliteaTime #5 : Responsive & Adaptive Design MobiliteaTime #5 : Responsive & Adaptive Design
MobiliteaTime #5 : Responsive & Adaptive Design
 
Un site web responsive en une heure
Un site web responsive en une heureUn site web responsive en une heure
Un site web responsive en une heure
 
Responsive web design, enjeux et stratégies
Responsive web design, enjeux et stratégiesResponsive web design, enjeux et stratégies
Responsive web design, enjeux et stratégies
 
Responsive web design new14
Responsive web design new14Responsive web design new14
Responsive web design new14
 
Responsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, MéthodologieResponsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, Méthodologie
 
10 Revelations sur le Web Mobile
10 Revelations sur le Web Mobile10 Revelations sur le Web Mobile
10 Revelations sur le Web Mobile
 

En vedette

PrestaShop Masterclass - SEO & Ecommerce: come incrementare visite e conversi...
PrestaShop Masterclass - SEO & Ecommerce: come incrementare visite e conversi...PrestaShop Masterclass - SEO & Ecommerce: come incrementare visite e conversi...
PrestaShop Masterclass - SEO & Ecommerce: come incrementare visite e conversi...
PrestaShop
 
PrestaShop v.1.5 Alpha 1 : découvrez le Multi-boutique !
PrestaShop v.1.5 Alpha 1 : découvrez le Multi-boutique !PrestaShop v.1.5 Alpha 1 : découvrez le Multi-boutique !
PrestaShop v.1.5 Alpha 1 : découvrez le Multi-boutique !PrestaShop
 
Les outils de monitoring
Les outils de monitoringLes outils de monitoring
Les outils de monitoring
Yan Luong
 
24h pour ouvrir sa boutique en ligne
24h pour ouvrir sa boutique en ligne24h pour ouvrir sa boutique en ligne
24h pour ouvrir sa boutique en ligneLieux publics
 
ITIS Web Présentation - PrestaShop - le ecommerce en 2015 - salon eCom GENEVE...
ITIS Web Présentation - PrestaShop - le ecommerce en 2015 - salon eCom GENEVE...ITIS Web Présentation - PrestaShop - le ecommerce en 2015 - salon eCom GENEVE...
ITIS Web Présentation - PrestaShop - le ecommerce en 2015 - salon eCom GENEVE...
Paul Guillemin
 
Barcamp Prestashop - Améliorer la disponibilité
Barcamp Prestashop - Améliorer la disponibilitéBarcamp Prestashop - Améliorer la disponibilité
Barcamp Prestashop - Améliorer la disponibilité
Oxalide
 
Barcamp 3 PrestaShop - Conférence Blog-Ecommerce
Barcamp 3 PrestaShop - Conférence Blog-EcommerceBarcamp 3 PrestaShop - Conférence Blog-Ecommerce
Barcamp 3 PrestaShop - Conférence Blog-Ecommerce
PrestaShop
 
Quelle stratégie Réseaux Sociaux en b2b ?
Quelle stratégie Réseaux Sociaux en b2b ?Quelle stratégie Réseaux Sociaux en b2b ?
Quelle stratégie Réseaux Sociaux en b2b ?
Gaelle Cealac
 
La femme française d'aujourd'hui...
La femme française d'aujourd'hui... La femme française d'aujourd'hui...
La femme française d'aujourd'hui...
Ipsos France
 
Doctipharma - Les français et l'achat de médicaments sur Internet
Doctipharma - Les français et l'achat de médicaments sur InternetDoctipharma - Les français et l'achat de médicaments sur Internet
Doctipharma - Les français et l'achat de médicaments sur Internet
Ipsos France
 
COMMENT GERER PROJET DE MISE EN PLACE D'UN SITE E-COMMERCE
COMMENT GERER PROJET DE MISE EN PLACE D'UN SITE E-COMMERCECOMMENT GERER PROJET DE MISE EN PLACE D'UN SITE E-COMMERCE
COMMENT GERER PROJET DE MISE EN PLACE D'UN SITE E-COMMERCESQLI DIGITAL EXPERIENCE
 
L'optimisation SEO de PrestaShop - SEMRush
L'optimisation SEO de PrestaShop - SEMRushL'optimisation SEO de PrestaShop - SEMRush
L'optimisation SEO de PrestaShop - SEMRush
Nicolas Mercatili
 
ITIS Commerce - Comment bien débuter son e-commerce avec PrestaShop
ITIS Commerce - Comment bien débuter son e-commerce avec PrestaShop ITIS Commerce - Comment bien débuter son e-commerce avec PrestaShop
ITIS Commerce - Comment bien débuter son e-commerce avec PrestaShop
Paul Guillemin
 
Les femmes et le sport
Les femmes et le sportLes femmes et le sport
Les femmes et le sport
Ipsos France
 
Le commerce electronique en Tunisie
Le commerce electronique en TunisieLe commerce electronique en Tunisie
Le commerce electronique en Tunisie
mariem boussaffa
 
Le bien être, une recherche quotidienne - Rapport d'étude
Le bien être, une recherche quotidienne - Rapport d'étudeLe bien être, une recherche quotidienne - Rapport d'étude
Le bien être, une recherche quotidienne - Rapport d'étude
Ipsos France
 
Twitter : quel intérêt pour votre entreprise ?
Twitter : quel intérêt pour votre entreprise ?Twitter : quel intérêt pour votre entreprise ?
Twitter : quel intérêt pour votre entreprise ?
Xavier LAIR
 
Analyse d’un site e -commerce
Analyse d’un site  e -commerceAnalyse d’un site  e -commerce
Analyse d’un site e -commerce
eangillis
 
Freelance, ne négligez pas votre business plan
Freelance, ne négligez pas votre business planFreelance, ne négligez pas votre business plan
Freelance, ne négligez pas votre business plan
2i PORTAGE
 
Platform freelance ASP .NET / C#
Platform freelance ASP .NET / C# Platform freelance ASP .NET / C#
Platform freelance ASP .NET / C#
Saâd Zerhouni
 

En vedette (20)

PrestaShop Masterclass - SEO & Ecommerce: come incrementare visite e conversi...
PrestaShop Masterclass - SEO & Ecommerce: come incrementare visite e conversi...PrestaShop Masterclass - SEO & Ecommerce: come incrementare visite e conversi...
PrestaShop Masterclass - SEO & Ecommerce: come incrementare visite e conversi...
 
PrestaShop v.1.5 Alpha 1 : découvrez le Multi-boutique !
PrestaShop v.1.5 Alpha 1 : découvrez le Multi-boutique !PrestaShop v.1.5 Alpha 1 : découvrez le Multi-boutique !
PrestaShop v.1.5 Alpha 1 : découvrez le Multi-boutique !
 
Les outils de monitoring
Les outils de monitoringLes outils de monitoring
Les outils de monitoring
 
24h pour ouvrir sa boutique en ligne
24h pour ouvrir sa boutique en ligne24h pour ouvrir sa boutique en ligne
24h pour ouvrir sa boutique en ligne
 
ITIS Web Présentation - PrestaShop - le ecommerce en 2015 - salon eCom GENEVE...
ITIS Web Présentation - PrestaShop - le ecommerce en 2015 - salon eCom GENEVE...ITIS Web Présentation - PrestaShop - le ecommerce en 2015 - salon eCom GENEVE...
ITIS Web Présentation - PrestaShop - le ecommerce en 2015 - salon eCom GENEVE...
 
Barcamp Prestashop - Améliorer la disponibilité
Barcamp Prestashop - Améliorer la disponibilitéBarcamp Prestashop - Améliorer la disponibilité
Barcamp Prestashop - Améliorer la disponibilité
 
Barcamp 3 PrestaShop - Conférence Blog-Ecommerce
Barcamp 3 PrestaShop - Conférence Blog-EcommerceBarcamp 3 PrestaShop - Conférence Blog-Ecommerce
Barcamp 3 PrestaShop - Conférence Blog-Ecommerce
 
Quelle stratégie Réseaux Sociaux en b2b ?
Quelle stratégie Réseaux Sociaux en b2b ?Quelle stratégie Réseaux Sociaux en b2b ?
Quelle stratégie Réseaux Sociaux en b2b ?
 
La femme française d'aujourd'hui...
La femme française d'aujourd'hui... La femme française d'aujourd'hui...
La femme française d'aujourd'hui...
 
Doctipharma - Les français et l'achat de médicaments sur Internet
Doctipharma - Les français et l'achat de médicaments sur InternetDoctipharma - Les français et l'achat de médicaments sur Internet
Doctipharma - Les français et l'achat de médicaments sur Internet
 
COMMENT GERER PROJET DE MISE EN PLACE D'UN SITE E-COMMERCE
COMMENT GERER PROJET DE MISE EN PLACE D'UN SITE E-COMMERCECOMMENT GERER PROJET DE MISE EN PLACE D'UN SITE E-COMMERCE
COMMENT GERER PROJET DE MISE EN PLACE D'UN SITE E-COMMERCE
 
L'optimisation SEO de PrestaShop - SEMRush
L'optimisation SEO de PrestaShop - SEMRushL'optimisation SEO de PrestaShop - SEMRush
L'optimisation SEO de PrestaShop - SEMRush
 
ITIS Commerce - Comment bien débuter son e-commerce avec PrestaShop
ITIS Commerce - Comment bien débuter son e-commerce avec PrestaShop ITIS Commerce - Comment bien débuter son e-commerce avec PrestaShop
ITIS Commerce - Comment bien débuter son e-commerce avec PrestaShop
 
Les femmes et le sport
Les femmes et le sportLes femmes et le sport
Les femmes et le sport
 
Le commerce electronique en Tunisie
Le commerce electronique en TunisieLe commerce electronique en Tunisie
Le commerce electronique en Tunisie
 
Le bien être, une recherche quotidienne - Rapport d'étude
Le bien être, une recherche quotidienne - Rapport d'étudeLe bien être, une recherche quotidienne - Rapport d'étude
Le bien être, une recherche quotidienne - Rapport d'étude
 
Twitter : quel intérêt pour votre entreprise ?
Twitter : quel intérêt pour votre entreprise ?Twitter : quel intérêt pour votre entreprise ?
Twitter : quel intérêt pour votre entreprise ?
 
Analyse d’un site e -commerce
Analyse d’un site  e -commerceAnalyse d’un site  e -commerce
Analyse d’un site e -commerce
 
Freelance, ne négligez pas votre business plan
Freelance, ne négligez pas votre business planFreelance, ne négligez pas votre business plan
Freelance, ne négligez pas votre business plan
 
Platform freelance ASP .NET / C#
Platform freelance ASP .NET / C# Platform freelance ASP .NET / C#
Platform freelance ASP .NET / C#
 

Similaire à Web responsive & E-Commerce, un seul site pour tous les devices ?

Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?
NiceToMeetYou
 
Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8
Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8
Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8
Rencontres Nationales du etourisme institutionnel
 
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8
Vincent Vandevelde
 
Salon Use IT Lyon
Salon Use IT LyonSalon Use IT Lyon
Salon Use IT Lyon
Intuitiv Technology
 
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
Chambé-Carnet
 
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
Salon e-tourisme #VeM
 
Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012
MBA Multimedia
 
A la découverte du Responsive Web Design par Mathieu Parisot - Soat
A la découverte du Responsive Web Design par Mathieu Parisot - SoatA la découverte du Responsive Web Design par Mathieu Parisot - Soat
A la découverte du Responsive Web Design par Mathieu Parisot - Soat
SOAT
 
API et Mobile / Académies du Tourisme Numérique
API et Mobile / Académies du Tourisme NumériqueAPI et Mobile / Académies du Tourisme Numérique
API et Mobile / Académies du Tourisme Numérique
Alexandre Jubien
 
Parlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageParlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usage
LaFrenchMobile
 
Revolution Mobile @Web2day
Revolution Mobile @Web2dayRevolution Mobile @Web2day
Revolution Mobile @Web2day
Alexandre Jubien
 
aYaline - Offre Mobilité - Responsive Web Design
aYaline - Offre Mobilité - Responsive Web DesignaYaline - Offre Mobilité - Responsive Web Design
aYaline - Offre Mobilité - Responsive Web Design
aYaline
 
aYaline - Offre Mobilité - Responsive Web Design
aYaline - Offre Mobilité - Responsive Web DesignaYaline - Offre Mobilité - Responsive Web Design
aYaline - Offre Mobilité - Responsive Web Design
aYaline
 
CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?
CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?
CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?
Smile I.T is open
 
Conference e-commerce, Altics _ Kreactive
Conference e-commerce, Altics _ KreactiveConference e-commerce, Altics _ Kreactive
Conference e-commerce, Altics _ Kreactive
ALTICS
 
E BUSINESS course 3 - INSEEC 2011/12
E BUSINESS course 3 - INSEEC 2011/12 E BUSINESS course 3 - INSEEC 2011/12
E BUSINESS course 3 - INSEEC 2011/12
Carolina Borges
 
Comment concevoir une experience utilisateur cross canal
Comment concevoir une experience utilisateur cross canalComment concevoir une experience utilisateur cross canal
Comment concevoir une experience utilisateur cross canal
Akiani
 
Réunion Club CML : Mobilité et Responsive design; définitions et enjeux
Réunion Club CML : Mobilité et Responsive design; définitions et enjeuxRéunion Club CML : Mobilité et Responsive design; définitions et enjeux
Réunion Club CML : Mobilité et Responsive design; définitions et enjeux
Club des Community Managers de Lyon
 
Competitic applications accessibles tablettes
Competitic   applications accessibles tablettesCompetitic   applications accessibles tablettes
Competitic applications accessibles tablettes
COMPETITIC
 
Viniacom - Les bonnes raisons de passer au mobile.
Viniacom - Les bonnes raisons de passer au mobile.Viniacom - Les bonnes raisons de passer au mobile.
Viniacom - Les bonnes raisons de passer au mobile.Viniacom
 

Similaire à Web responsive & E-Commerce, un seul site pour tous les devices ? (20)

Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?
 
Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8
Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8
Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8
 
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8
 
Salon Use IT Lyon
Salon Use IT LyonSalon Use IT Lyon
Salon Use IT Lyon
 
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
 
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
 
Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012
 
A la découverte du Responsive Web Design par Mathieu Parisot - Soat
A la découverte du Responsive Web Design par Mathieu Parisot - SoatA la découverte du Responsive Web Design par Mathieu Parisot - Soat
A la découverte du Responsive Web Design par Mathieu Parisot - Soat
 
API et Mobile / Académies du Tourisme Numérique
API et Mobile / Académies du Tourisme NumériqueAPI et Mobile / Académies du Tourisme Numérique
API et Mobile / Académies du Tourisme Numérique
 
Parlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageParlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usage
 
Revolution Mobile @Web2day
Revolution Mobile @Web2dayRevolution Mobile @Web2day
Revolution Mobile @Web2day
 
aYaline - Offre Mobilité - Responsive Web Design
aYaline - Offre Mobilité - Responsive Web DesignaYaline - Offre Mobilité - Responsive Web Design
aYaline - Offre Mobilité - Responsive Web Design
 
aYaline - Offre Mobilité - Responsive Web Design
aYaline - Offre Mobilité - Responsive Web DesignaYaline - Offre Mobilité - Responsive Web Design
aYaline - Offre Mobilité - Responsive Web Design
 
CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?
CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?
CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?
 
Conference e-commerce, Altics _ Kreactive
Conference e-commerce, Altics _ KreactiveConference e-commerce, Altics _ Kreactive
Conference e-commerce, Altics _ Kreactive
 
E BUSINESS course 3 - INSEEC 2011/12
E BUSINESS course 3 - INSEEC 2011/12 E BUSINESS course 3 - INSEEC 2011/12
E BUSINESS course 3 - INSEEC 2011/12
 
Comment concevoir une experience utilisateur cross canal
Comment concevoir une experience utilisateur cross canalComment concevoir une experience utilisateur cross canal
Comment concevoir une experience utilisateur cross canal
 
Réunion Club CML : Mobilité et Responsive design; définitions et enjeux
Réunion Club CML : Mobilité et Responsive design; définitions et enjeuxRéunion Club CML : Mobilité et Responsive design; définitions et enjeux
Réunion Club CML : Mobilité et Responsive design; définitions et enjeux
 
Competitic applications accessibles tablettes
Competitic   applications accessibles tablettesCompetitic   applications accessibles tablettes
Competitic applications accessibles tablettes
 
Viniacom - Les bonnes raisons de passer au mobile.
Viniacom - Les bonnes raisons de passer au mobile.Viniacom - Les bonnes raisons de passer au mobile.
Viniacom - Les bonnes raisons de passer au mobile.
 

Plus de altima°

Comment auchan drive a internaliser le C.R.O ?
Comment auchan drive a internaliser le C.R.O ?Comment auchan drive a internaliser le C.R.O ?
Comment auchan drive a internaliser le C.R.O ?
altima°
 
Altima x Paris Retail Week: le digital au service du magasin
Altima x Paris Retail Week: le digital au service du magasinAltima x Paris Retail Week: le digital au service du magasin
Altima x Paris Retail Week: le digital au service du magasin
altima°
 
L'ux design et la data : deux amis qui vous veulent du bien !
L'ux design et la data : deux amis qui vous veulent du bien !L'ux design et la data : deux amis qui vous veulent du bien !
L'ux design et la data : deux amis qui vous veulent du bien !
altima°
 
altima° x VR expérience
altima° x VR expériencealtima° x VR expérience
altima° x VR expérience
altima°
 
Réussir sa stratégie de déploiement SEO à l'international.
Réussir sa stratégie de déploiement SEO à l'international.Réussir sa stratégie de déploiement SEO à l'international.
Réussir sa stratégie de déploiement SEO à l'international.
altima°
 
LA LIMITE DES GUIDELINES, …POUR UN SEO UTILE ET PERFORMANT, par Audrey Brouti...
LA LIMITE DES GUIDELINES, …POUR UN SEO UTILE ET PERFORMANT, par Audrey Brouti...LA LIMITE DES GUIDELINES, …POUR UN SEO UTILE ET PERFORMANT, par Audrey Brouti...
LA LIMITE DES GUIDELINES, …POUR UN SEO UTILE ET PERFORMANT, par Audrey Brouti...
altima°
 
Digital Commerce Performance in China, by Victor Ariza, Web Analytics Consult...
Digital Commerce Performance in China, by Victor Ariza, Web Analytics Consult...Digital Commerce Performance in China, by Victor Ariza, Web Analytics Consult...
Digital Commerce Performance in China, by Victor Ariza, Web Analytics Consult...
altima°
 
La construction d'un client marketing différencié (conférence e-marketing Par...
La construction d'un client marketing différencié (conférence e-marketing Par...La construction d'un client marketing différencié (conférence e-marketing Par...
La construction d'un client marketing différencié (conférence e-marketing Par...
altima°
 
Les socials ads à la performance (Conférence E-marketing Paris 2016, Benjamin...
Les socials ads à la performance (Conférence E-marketing Paris 2016, Benjamin...Les socials ads à la performance (Conférence E-marketing Paris 2016, Benjamin...
Les socials ads à la performance (Conférence E-marketing Paris 2016, Benjamin...
altima°
 
Mutualiser l'effort à l'international
Mutualiser l'effort à l'internationalMutualiser l'effort à l'international
Mutualiser l'effort à l'international
altima°
 
Refonte de site, comment exploiter les datas
Refonte de site, comment exploiter les datasRefonte de site, comment exploiter les datas
Refonte de site, comment exploiter les datas
altima°
 
Et si le renouveau des magasins passait par les tablettes vendeurs ? (confére...
Et si le renouveau des magasins passait par les tablettes vendeurs ? (confére...Et si le renouveau des magasins passait par les tablettes vendeurs ? (confére...
Et si le renouveau des magasins passait par les tablettes vendeurs ? (confére...
altima°
 
Retour d'expérience Salomon : comment fidéliser ses clients via des parcours ...
Retour d'expérience Salomon : comment fidéliser ses clients via des parcours ...Retour d'expérience Salomon : comment fidéliser ses clients via des parcours ...
Retour d'expérience Salomon : comment fidéliser ses clients via des parcours ...
altima°
 
INTERNATIONAL SEO, A QUESTION OF TERRITORIES
INTERNATIONAL SEO, A QUESTION OF TERRITORIESINTERNATIONAL SEO, A QUESTION OF TERRITORIES
INTERNATIONAL SEO, A QUESTION OF TERRITORIES
altima°
 
Digital Analytics : comment éclairer ses décisions stratégiques grâce à la do...
Digital Analytics : comment éclairer ses décisions stratégiques grâce à la do...Digital Analytics : comment éclairer ses décisions stratégiques grâce à la do...
Digital Analytics : comment éclairer ses décisions stratégiques grâce à la do...
altima°
 
PRM et Attribution : optimiser sa stratégie d’acquisition (Conférence E-marke...
PRM et Attribution : optimiser sa stratégie d’acquisition (Conférence E-marke...PRM et Attribution : optimiser sa stratégie d’acquisition (Conférence E-marke...
PRM et Attribution : optimiser sa stratégie d’acquisition (Conférence E-marke...
altima°
 
SEO International : une question de territoire(s) (Conférence E-marketing Par...
SEO International : une question de territoire(s) (Conférence E-marketing Par...SEO International : une question de territoire(s) (Conférence E-marketing Par...
SEO International : une question de territoire(s) (Conférence E-marketing Par...
altima°
 
Data intelligence : développons la valeur client (Conférence e-marketing Paris )
Data intelligence : développons la valeur client (Conférence e-marketing Paris )Data intelligence : développons la valeur client (Conférence e-marketing Paris )
Data intelligence : développons la valeur client (Conférence e-marketing Paris )
altima°
 
E-Commerce en Chine : les clés du succès
E-Commerce en Chine : les clés du succèsE-Commerce en Chine : les clés du succès
E-Commerce en Chine : les clés du succès
altima°
 
Comment optimiser votre stratégie d’acquisition (conférence E-commerce Paris ...
Comment optimiser votre stratégie d’acquisition (conférence E-commerce Paris ...Comment optimiser votre stratégie d’acquisition (conférence E-commerce Paris ...
Comment optimiser votre stratégie d’acquisition (conférence E-commerce Paris ...
altima°
 

Plus de altima° (20)

Comment auchan drive a internaliser le C.R.O ?
Comment auchan drive a internaliser le C.R.O ?Comment auchan drive a internaliser le C.R.O ?
Comment auchan drive a internaliser le C.R.O ?
 
Altima x Paris Retail Week: le digital au service du magasin
Altima x Paris Retail Week: le digital au service du magasinAltima x Paris Retail Week: le digital au service du magasin
Altima x Paris Retail Week: le digital au service du magasin
 
L'ux design et la data : deux amis qui vous veulent du bien !
L'ux design et la data : deux amis qui vous veulent du bien !L'ux design et la data : deux amis qui vous veulent du bien !
L'ux design et la data : deux amis qui vous veulent du bien !
 
altima° x VR expérience
altima° x VR expériencealtima° x VR expérience
altima° x VR expérience
 
Réussir sa stratégie de déploiement SEO à l'international.
Réussir sa stratégie de déploiement SEO à l'international.Réussir sa stratégie de déploiement SEO à l'international.
Réussir sa stratégie de déploiement SEO à l'international.
 
LA LIMITE DES GUIDELINES, …POUR UN SEO UTILE ET PERFORMANT, par Audrey Brouti...
LA LIMITE DES GUIDELINES, …POUR UN SEO UTILE ET PERFORMANT, par Audrey Brouti...LA LIMITE DES GUIDELINES, …POUR UN SEO UTILE ET PERFORMANT, par Audrey Brouti...
LA LIMITE DES GUIDELINES, …POUR UN SEO UTILE ET PERFORMANT, par Audrey Brouti...
 
Digital Commerce Performance in China, by Victor Ariza, Web Analytics Consult...
Digital Commerce Performance in China, by Victor Ariza, Web Analytics Consult...Digital Commerce Performance in China, by Victor Ariza, Web Analytics Consult...
Digital Commerce Performance in China, by Victor Ariza, Web Analytics Consult...
 
La construction d'un client marketing différencié (conférence e-marketing Par...
La construction d'un client marketing différencié (conférence e-marketing Par...La construction d'un client marketing différencié (conférence e-marketing Par...
La construction d'un client marketing différencié (conférence e-marketing Par...
 
Les socials ads à la performance (Conférence E-marketing Paris 2016, Benjamin...
Les socials ads à la performance (Conférence E-marketing Paris 2016, Benjamin...Les socials ads à la performance (Conférence E-marketing Paris 2016, Benjamin...
Les socials ads à la performance (Conférence E-marketing Paris 2016, Benjamin...
 
Mutualiser l'effort à l'international
Mutualiser l'effort à l'internationalMutualiser l'effort à l'international
Mutualiser l'effort à l'international
 
Refonte de site, comment exploiter les datas
Refonte de site, comment exploiter les datasRefonte de site, comment exploiter les datas
Refonte de site, comment exploiter les datas
 
Et si le renouveau des magasins passait par les tablettes vendeurs ? (confére...
Et si le renouveau des magasins passait par les tablettes vendeurs ? (confére...Et si le renouveau des magasins passait par les tablettes vendeurs ? (confére...
Et si le renouveau des magasins passait par les tablettes vendeurs ? (confére...
 
Retour d'expérience Salomon : comment fidéliser ses clients via des parcours ...
Retour d'expérience Salomon : comment fidéliser ses clients via des parcours ...Retour d'expérience Salomon : comment fidéliser ses clients via des parcours ...
Retour d'expérience Salomon : comment fidéliser ses clients via des parcours ...
 
INTERNATIONAL SEO, A QUESTION OF TERRITORIES
INTERNATIONAL SEO, A QUESTION OF TERRITORIESINTERNATIONAL SEO, A QUESTION OF TERRITORIES
INTERNATIONAL SEO, A QUESTION OF TERRITORIES
 
Digital Analytics : comment éclairer ses décisions stratégiques grâce à la do...
Digital Analytics : comment éclairer ses décisions stratégiques grâce à la do...Digital Analytics : comment éclairer ses décisions stratégiques grâce à la do...
Digital Analytics : comment éclairer ses décisions stratégiques grâce à la do...
 
PRM et Attribution : optimiser sa stratégie d’acquisition (Conférence E-marke...
PRM et Attribution : optimiser sa stratégie d’acquisition (Conférence E-marke...PRM et Attribution : optimiser sa stratégie d’acquisition (Conférence E-marke...
PRM et Attribution : optimiser sa stratégie d’acquisition (Conférence E-marke...
 
SEO International : une question de territoire(s) (Conférence E-marketing Par...
SEO International : une question de territoire(s) (Conférence E-marketing Par...SEO International : une question de territoire(s) (Conférence E-marketing Par...
SEO International : une question de territoire(s) (Conférence E-marketing Par...
 
Data intelligence : développons la valeur client (Conférence e-marketing Paris )
Data intelligence : développons la valeur client (Conférence e-marketing Paris )Data intelligence : développons la valeur client (Conférence e-marketing Paris )
Data intelligence : développons la valeur client (Conférence e-marketing Paris )
 
E-Commerce en Chine : les clés du succès
E-Commerce en Chine : les clés du succèsE-Commerce en Chine : les clés du succès
E-Commerce en Chine : les clés du succès
 
Comment optimiser votre stratégie d’acquisition (conférence E-commerce Paris ...
Comment optimiser votre stratégie d’acquisition (conférence E-commerce Paris ...Comment optimiser votre stratégie d’acquisition (conférence E-commerce Paris ...
Comment optimiser votre stratégie d’acquisition (conférence E-commerce Paris ...
 

Web responsive & E-Commerce, un seul site pour tous les devices ?