La production multi-supports 
de sites WordPress 
WP TECH NANTES 2014
2 
Hello, je suis Emilie LEBRUN 
Passionnée par le Web et la création de sites depuis 13 ans. 
Fondatrice de l’agence Whodunit, en charge des projets de 
la conception à la livraison en passant par le management 
de l’équipe de production. 
«Tombée en amour» de WordPress en 2010, je le conseille 
au quotidien auprès de nos clients : plus d’une centaine de 
sites WordPress déja réalisés. 
Rédaction en 2013 d’un livre blanc sur le Succès de 
WordPress et conférencière WordCamp Paris 2014. 
www.whodunit.fr | blog.whodunit.fr 
#Agence_whodunit 
La production multi-supports de sites WordPress WP TECH NANTES 2014
3 
De quoi va t on parler ? 
Comment réalise t on des sites WordPress multi-supports ? 
Quels sont les pièges à éviter et les best practices ? 
Quels sont les références de sites, les plugins existants ? 
La production multi-supports de sites WordPress WP TECH NANTES 2014
4 
Internet est aujourd’hui partout 
La production multi-supports de sites WordPress WP TECH NANTES 2014
5 
Et demain sur encore plus de supports 
La production multi-supports de sites WordPress WP TECH NANTES 2014
6 
Tendance de la consultation 
La production multi-supports de sites WordPress WP TECH NANTES 2014
7 
WordPress représente 1/5 du web 
- 60% des sites réalisés sur la base d’un CMS sont sur WordPress 
- Woocommerce est la solution la plus utilisés au monde devant 
Magento ou Prestahop 
- De grandes marques françaises passent sur WordPress : 
Renault, Bouygues, Dassault, Vivendi, GDF Suez, PMU, ... 
Votre site WordPress doit être consultable sur différents supports 
La production multi-supports de sites WordPress WP TECH NANTES 2014
8 
Ce que signifie consultable 
Contenu adapté Comprehesion immédiate 
Adapté au touch 
Click to call, to mail 
Temps de chargement 
Navigation simplifiée 
La production multi-supports de sites WordPress WP TECH NANTES 2014
9 
Quelles sont les solutions possibles avec un site WordPress ? 
La production multi-supports de sites WordPress WP TECH NANTES 2014
10 
Quelles sont les options ? 
Responsive design 
Site dédié 
Application 
La production multi-supports de sites WordPress WP TECH NANTES 2014
11 
Le responsive design 
La production multi-supports de sites WordPress WP TECH NANTES 2014
12 
Les plus et moins 
Solution la moins couteuse 
Connaissance technique de chaque intervenant au projet 
Maintenance de projet facilitée : mise à jour, déploiment, .. 
Methode de conception mobile «first» 
Temps de conception, réalisation et recette 
Poids aux images 
La production multi-supports de sites WordPress WP TECH NANTES 2014
13 
WordPress et le responsive 
Thème 
Plugins 
Recette 
La production multi-supports de sites WordPress WP TECH NANTES 2014
14 
Le responsive design : thèmes gratuits 
La production multi-supports de sites WordPress WP TECH NANTES 2014
15 
Le responsive design : thèmes premium 
La production multi-supports de sites WordPress WP TECH NANTES 2014
16 
Le responsive design : thèmes sur mesure 
La production multi-supports de sites WordPress WP TECH NANTES 2014
17 
Le responsive design : thèmes sur mesure 
La production multi-supports de sites WordPress WP TECH NANTES 2014
18 
Le responsive design : plugins 
La production multi-supports de sites WordPress WP TECH NANTES 2014
19 
Le responsive design : plugins 
La production multi-supports de sites WordPress WP TECH NANTES 2014
20 
Le responsive design : plugins 
La production multi-supports de sites WordPress WP TECH NANTES 2014
21 
Le responsive design : recette 
La production multi-supports de sites WordPress WP TECH NANTES 2014
22 
Le responsive design : recette 
La production multi-supports de sites WordPress WP TECH NANTES 2014
23 
Le responsive design : exemples 
La production multi-supports de sites WordPress WP TECH NANTES 2014
24 
Le responsive design : exemples 
La production multi-supports de sites WordPress WP TECH NANTES 2014
25 
Le site dédié 
La production multi-supports de sites WordPress WP TECH NANTES 2014
26 
Les plus et moins 
Solution plus facile si site deja existant 
Plus minimaliste 
Contenu et fonctionnalité adapté totalement aux mobiles 
2 sites à créer, et donc 2 sites à gérer ! 
Budget et SEO 
Gestion des tablettes, télé connectée : site dédié responsive ? 
La production multi-supports de sites WordPress WP TECH NANTES 2014
27 
Le site dédié avec WordPress 
Thème 
Plugins 
Multisite 
La production multi-supports de sites WordPress WP TECH NANTES 2014
28 
Le site dédié : thèmes gratuits et premium 
La production multi-supports de sites WordPress WP TECH NANTES 2014
29 
Le site dédié : plugins de detection 
La production multi-supports de sites WordPress WP TECH NANTES 2014
30 
Le site dédié : plugins avec thème 
La production multi-supports de sites WordPress WP TECH NANTES 2014
31 
Le site dédié : exemples 
La production multi-supports de sites WordPress WP TECH NANTES 2014
32 
Le site dédié : WordPress multi site 
Billeterie 
Multi site 
La production multi-supports de sites WordPress WP TECH NANTES 2014
33 
Les applis 
La production multi-supports de sites WordPress WP TECH NANTES 2014
34 
Les plus et moins 
Présence dans les Google et Itunes Store 
Fonctionnalités : géoloc., push, contenu hors connexion, ... 
Montée en compétence et résultat 
Prix 
Nombre de versions 
La production multi-supports de sites WordPress WP TECH NANTES 2014
35 
Les applis : pour les developpeurs purs 
La production multi-supports de sites WordPress WP TECH NANTES 2014
36 
Les applis : plugins 
La production multi-supports de sites WordPress WP TECH NANTES 2014
37 
Les applis : à tester 
La production multi-supports de sites WordPress WP TECH NANTES 2014
38 
Les applis : exemple 
La production multi-supports de sites WordPress WP TECH NANTES 2014
39 
Quelles solutions choisir au final ? 
La production multi-supports de sites WordPress WP TECH NANTES 2014
40 
Comment choisir au final une solution 
Besoin utilisateur & habitude de votre cible 
Budget 
Historique du site 
Fonctionnalités 
Niveau de maturité 
mais surtout de votre maitrise technique 
La production multi-supports de sites WordPress WP TECH NANTES 2014
41 
La production multi-supports de sites WordPress WP TECH NANTES 2014

Presentation wc

  • 1.
    La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 2.
    2 Hello, jesuis Emilie LEBRUN Passionnée par le Web et la création de sites depuis 13 ans. Fondatrice de l’agence Whodunit, en charge des projets de la conception à la livraison en passant par le management de l’équipe de production. «Tombée en amour» de WordPress en 2010, je le conseille au quotidien auprès de nos clients : plus d’une centaine de sites WordPress déja réalisés. Rédaction en 2013 d’un livre blanc sur le Succès de WordPress et conférencière WordCamp Paris 2014. www.whodunit.fr | blog.whodunit.fr #Agence_whodunit La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 3.
    3 De quoiva t on parler ? Comment réalise t on des sites WordPress multi-supports ? Quels sont les pièges à éviter et les best practices ? Quels sont les références de sites, les plugins existants ? La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 4.
    4 Internet estaujourd’hui partout La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 5.
    5 Et demainsur encore plus de supports La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 6.
    6 Tendance dela consultation La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 7.
    7 WordPress représente1/5 du web - 60% des sites réalisés sur la base d’un CMS sont sur WordPress - Woocommerce est la solution la plus utilisés au monde devant Magento ou Prestahop - De grandes marques françaises passent sur WordPress : Renault, Bouygues, Dassault, Vivendi, GDF Suez, PMU, ... Votre site WordPress doit être consultable sur différents supports La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 8.
    8 Ce quesignifie consultable Contenu adapté Comprehesion immédiate Adapté au touch Click to call, to mail Temps de chargement Navigation simplifiée La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 9.
    9 Quelles sontles solutions possibles avec un site WordPress ? La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 10.
    10 Quelles sontles options ? Responsive design Site dédié Application La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 11.
    11 Le responsivedesign La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 12.
    12 Les pluset moins Solution la moins couteuse Connaissance technique de chaque intervenant au projet Maintenance de projet facilitée : mise à jour, déploiment, .. Methode de conception mobile «first» Temps de conception, réalisation et recette Poids aux images La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 13.
    13 WordPress etle responsive Thème Plugins Recette La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 14.
    14 Le responsivedesign : thèmes gratuits La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 15.
    15 Le responsivedesign : thèmes premium La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 16.
    16 Le responsivedesign : thèmes sur mesure La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 17.
    17 Le responsivedesign : thèmes sur mesure La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 18.
    18 Le responsivedesign : plugins La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 19.
    19 Le responsivedesign : plugins La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 20.
    20 Le responsivedesign : plugins La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 21.
    21 Le responsivedesign : recette La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 22.
    22 Le responsivedesign : recette La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 23.
    23 Le responsivedesign : exemples La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 24.
    24 Le responsivedesign : exemples La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 25.
    25 Le sitedédié La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 26.
    26 Les pluset moins Solution plus facile si site deja existant Plus minimaliste Contenu et fonctionnalité adapté totalement aux mobiles 2 sites à créer, et donc 2 sites à gérer ! Budget et SEO Gestion des tablettes, télé connectée : site dédié responsive ? La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 27.
    27 Le sitedédié avec WordPress Thème Plugins Multisite La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 28.
    28 Le sitedédié : thèmes gratuits et premium La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 29.
    29 Le sitedédié : plugins de detection La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 30.
    30 Le sitedédié : plugins avec thème La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 31.
    31 Le sitedédié : exemples La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 32.
    32 Le sitedédié : WordPress multi site Billeterie Multi site La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 33.
    33 Les applis La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 34.
    34 Les pluset moins Présence dans les Google et Itunes Store Fonctionnalités : géoloc., push, contenu hors connexion, ... Montée en compétence et résultat Prix Nombre de versions La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 35.
    35 Les applis: pour les developpeurs purs La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 36.
    36 Les applis: plugins La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 37.
    37 Les applis: à tester La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 38.
    38 Les applis: exemple La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 39.
    39 Quelles solutionschoisir au final ? La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 40.
    40 Comment choisirau final une solution Besoin utilisateur & habitude de votre cible Budget Historique du site Fonctionnalités Niveau de maturité mais surtout de votre maitrise technique La production multi-supports de sites WordPress WP TECH NANTES 2014
  • 41.
    41 La productionmulti-supports de sites WordPress WP TECH NANTES 2014