Etude de cas : Bus Open Tour

un multisite e-commerce multilingue responsive
WORDCAMP PARIS 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 Whodun...
3

Le projet

Bus Open tour

Bus touristique découvert
4 circuits

50 arrêts

30 bus

700 000 p/an

Présent à Paris, Lyon,...
4

Le site actuel : constat
24 000 visites par mois
4 sites pour les 4 villes
Disponible en 5 langues
Un site de vente en ...
5

Le site actuel : constat

Etude de cas : Bus Open Tour

WORDCAMP PARIS 2014
6

Le site actuel : constat
Problème de positionnement du site : vitrine, ecommerce ?
Conséquence directe : peu de ventes ...
7

Quelle nouvelle stratégie mettre en place ?
Etude de cas : Bus Open Tour

WORDCAMP PARIS 2014
8

Le site de demain ?
Evolutif

Souple

Facile à mettre à jour
Bien indexé
Informe le touriste
Visible sur mobile
Dédié à...
9

Le principe

Un site décliné et déclinable à volonté par ville
Orienté ecommerce mais avec un vrai contenu secondaire
D...
10

Contenus et fonctionnalités
Billeterie

Achat en ligne multi-produits
interfacée avec leur outil

Contenus froids
Vidé...
11

(1 site par ville + 1 site par langue + 1 site par device)
X 4 villes X 7 langues X 4 supports ...
Etude de cas : Bus ...
12

WordPress Multi site + WPML
+ un thème responsive
Etude de cas : Bus Open Tour

WORDCAMP PARIS 2014
13

Convaincre le client de choisir WordPress
Avant
un site unique pour
toutes les villes sous

Etude de cas : Bus Open To...
14

Pourquoi WordPress a fait mouche ?
Le back office facile d’utilisation et très accessible
L’efficacité de la gestion e...
15

En route pour l’aventure !
Etude de cas : Bus Open Tour

WORDCAMP PARIS 2014
16

La dream Team

Chef de projet

Intégrateur
Etude de cas : Bus Open Tour

Assistant
chef de projet

DA/Graphiste

Dével...
17

Une conception repensée
35 jours

15 jours

Paris

Lyon
Nice
Marseille

Développements
Design
Etude de cas : Bus Open ...
18

A partir d’un site unique «master»

Thème parent
Plugins
Templates
de page
CSS
& HTML

Etude de cas : Bus Open Tour

P...
19

La construction d’une galaxie de sites ...

«Network»

Site WP
Paris
Fr En Es Po It De

Site WP
Lyon

Fr En Es Po It D...
20

... visibles sur tous les supports

Thèmes enfants
responsives
Thème parent
sur mesure
responsive

Etude de cas : Bus ...
21

Ecommerce

Billeterie

Vente directe
dans le bus

Ticket électronique
Etude de cas : Bus Open Tour

WORDCAMP PARIS 201...
22

Carte interactive

Etude de cas : Bus Open Tour

WORDCAMP PARIS 2014
23

Carte interactive

Etude de cas : Bus Open Tour

WORDCAMP PARIS 2014
24

Contenus froids et chauds

Content Builder

Etude de cas : Bus Open Tour

WORDCAMP PARIS 2014
25

Plugins utilisés
Yoast

WP Rocket

Woocommerce

Content Builder

Admin Menu Editor

WPML

Advanced Custom Fields

WooC...
26

Ta daaaaaaaaaaaaa !
Etude de cas : Bus Open Tour

WORDCAMP PARIS 2014
27

Etude de cas : Bus Open Tour

WORDCAMP PARIS 2014
28

Etude de cas : Bus Open Tour

WORDCAMP PARIS 2014
29

Etude de cas : Bus Open Tour

WORDCAMP PARIS 2014
30

page carte

Etude de cas : Bus Open Tour

WORDCAMP PARIS 2014
31

Etude de cas : Bus Open Tour

WORDCAMP PARIS 2014
32

Etude de cas : Bus Open Tour

WORDCAMP PARIS 2014
33

CONCLUSIONS
Etude de cas : Bus Open Tour

WORDCAMP PARIS 2014
34

WordPress une solution solide !
Pour construire des sites complexes
Rapidement et efficacement
Adaptée à tous les supp...
35

Couplée avec la connaissance métier !

Bonnes pratiques SEO / Ergonomie
Conception de projet lotie et axée sur l’effic...
36

Merci !

Etude de cas : Bus Open Tour

WORDCAMP PARIS 2014
Prochain SlideShare
Chargement dans…5
×

Site WordPress ecommerce Multisite Multilangue

3 307 vues

Publié le

Publié dans : Technologie
1 commentaire
7 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
3 307
Sur SlideShare
0
Issues des intégrations
0
Intégrations
479
Actions
Partages
0
Téléchargements
67
Commentaires
1
J’aime
7
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Site WordPress ecommerce Multisite Multilangue

  1. 1. Etude de cas : Bus Open Tour un multisite e-commerce multilingue responsive WORDCAMP PARIS 2014
  2. 2. 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. Rédaction en 2013 d’un livre blanc sur le Succès de WordPress. www.whodunit.fr | blog.whodunit.fr #Agence_whodunit Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  3. 3. 3 Le projet Bus Open tour Bus touristique découvert 4 circuits 50 arrêts 30 bus 700 000 p/an Présent à Paris, Lyon, Nice, Marseille et ... New York Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  4. 4. 4 Le site actuel : constat 24 000 visites par mois 4 sites pour les 4 villes Disponible en 5 langues Un site de vente en ligne page unique multi ville Plan des lignes en technologie Flash Beaucoup de contenus froids Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  5. 5. 5 Le site actuel : constat Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  6. 6. 6 Le site actuel : constat Problème de positionnement du site : vitrine, ecommerce ? Conséquence directe : peu de ventes sur le site Paris qui prend 95% du trafic et laisse des miettes aux autres villes Peu d’optimisations pour le SEO Aucune bonne pratique Ecommerce Contenus très peu administrables et quasiment aucun contenus chauds Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  7. 7. 7 Quelle nouvelle stratégie mettre en place ? Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  8. 8. 8 Le site de demain ? Evolutif Souple Facile à mettre à jour Bien indexé Informe le touriste Visible sur mobile Dédié à chaque ville Moderne Qui transforme ! Etude de cas : Bus Open Tour Accessible par langue WORDCAMP PARIS 2014
  9. 9. 9 Le principe Un site décliné et déclinable à volonté par ville Orienté ecommerce mais avec un vrai contenu secondaire Des sites distincts pour travailler le SEO pour chaque ville Une charte graphique commune ... mais des couleurs, des produits et des contenus différents ! Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  10. 10. 10 Contenus et fonctionnalités Billeterie Achat en ligne multi-produits interfacée avec leur outil Contenus froids Vidéos, FAQ, offres groupes Carte interactive 7 Langues Arrêts, points touristiques, carte personnalisée Langues disponibles en fonction des villes Contenus chauds Sur tout support Actualités, témoignages Etude de cas : Bus Open Tour Desktop, mobile, tablette, store,... WORDCAMP PARIS 2014
  11. 11. 11 (1 site par ville + 1 site par langue + 1 site par device) X 4 villes X 7 langues X 4 supports ... Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  12. 12. 12 WordPress Multi site + WPML + un thème responsive Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  13. 13. 13 Convaincre le client de choisir WordPress Avant un site unique pour toutes les villes sous Etude de cas : Bus Open Tour Maintenant WordPress ?! Mais ce n’est pas pour les blogs ? Solide ? Sécurisé ? Ecommerce ? WORDCAMP PARIS 2014
  14. 14. 14 Pourquoi WordPress a fait mouche ? Le back office facile d’utilisation et très accessible L’efficacité de la gestion et de l’édition des contenus Le principe du multisite, des plugins et des thèmes La force de la communauté Le budget moins élevé que les autres solutions Une solution open source La rapidité de mise en place Le référencement naturel optimisé et simplifié Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  15. 15. 15 En route pour l’aventure ! Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  16. 16. 16 La dream Team Chef de projet Intégrateur Etude de cas : Bus Open Tour Assistant chef de projet DA/Graphiste Développeur WordPress/plugin Développeur pour dév. spé. WORDCAMP PARIS 2014
  17. 17. 17 Une conception repensée 35 jours 15 jours Paris Lyon Nice Marseille Développements Design Etude de cas : Bus Open Tour Intégration Déclinaisons & intégration des contenus WORDCAMP PARIS 2014
  18. 18. 18 A partir d’un site unique «master» Thème parent Plugins Templates de page CSS & HTML Etude de cas : Bus Open Tour Paris Développements spécifiques WORDCAMP PARIS 2014
  19. 19. 19 La construction d’une galaxie de sites ... «Network» Site WP Paris Fr En Es Po It De Site WP Lyon Fr En Es Po It De Etude de cas : Bus Open Tour Site WP Marseille Site WP Nice Fr En Es Po Fr En Es WORDCAMP PARIS 2014
  20. 20. 20 ... visibles sur tous les supports Thèmes enfants responsives Thème parent sur mesure responsive Etude de cas : Bus Open Tour Lyon / Nice / Marseille WORDCAMP PARIS 2014
  21. 21. 21 Ecommerce Billeterie Vente directe dans le bus Ticket électronique Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  22. 22. 22 Carte interactive Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  23. 23. 23 Carte interactive Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  24. 24. 24 Contenus froids et chauds Content Builder Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  25. 25. 25 Plugins utilisés Yoast WP Rocket Woocommerce Content Builder Admin Menu Editor WPML Advanced Custom Fields WooCommerce Booking Plugin Geo Redirect WooCommerce PDF Invoice Domain Mapping Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  26. 26. 26 Ta daaaaaaaaaaaaa ! Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  27. 27. 27 Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  28. 28. 28 Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  29. 29. 29 Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  30. 30. 30 page carte Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  31. 31. 31 Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  32. 32. 32 Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  33. 33. 33 CONCLUSIONS Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  34. 34. 34 WordPress une solution solide ! Pour construire des sites complexes Rapidement et efficacement Adaptée à tous les supports (demain version boutique, appli mobile reliée, ... ) sans cesse en évolution ... Pour des clients qui ne demandent qu’à investir sur ce CMS ! Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  35. 35. 35 Couplée avec la connaissance métier ! Bonnes pratiques SEO / Ergonomie Conception de projet lotie et axée sur l’efficacité La montée en compétence sur le responsive La stratégie de contenu ! Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  36. 36. 36 Merci ! Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

×