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 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

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

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

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 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

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é à chaque ville
Moderne
Qui transforme !

Etude de cas : Bus Open Tour

Accessible par langue
WORDCAMP PARIS 2014
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

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

(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

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 Tour

Maintenant
WordPress ?! Mais ce n’est
pas pour les blogs ? Solide ?
Sécurisé ? Ecommerce ?

WORDCAMP PARIS 2014
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

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éveloppeur
WordPress/plugin

Développeur
pour dév. spé.
WORDCAMP PARIS 2014
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

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

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

... 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

Ecommerce

Billeterie

Vente directe
dans le bus

Ticket électronique
Etude de cas : Bus Open Tour

WORDCAMP PARIS 2014
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

WooCommerce Booking Plugin

Geo Redirect

WooCommerce PDF Invoice

Domain Mapping

Etude de cas : Bus Open Tour

WORDCAMP PARIS 2014
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 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

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

Merci !

Etude de cas : Bus Open Tour

WORDCAMP PARIS 2014

Site WordPress ecommerce Multisite Multilangue

  • 1.
    Etude de cas: Bus Open Tour un multisite e-commerce multilingue responsive WORDCAMP PARIS 2014
  • 2.
    2 Hello, je suisEmilie 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 Le projet Bus Opentour 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 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 Le site actuel: constat Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  • 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 Quelle nouvelle stratégiemettre en place ? Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  • 8.
    8 Le site dedemain ? 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 Le principe Un sitedé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 Contenus et fonctionnalités Billeterie Achaten 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 (1 site parville + 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 WordPress Multi site+ WPML + un thème responsive Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  • 13.
    13 Convaincre le clientde 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 Pourquoi WordPress afait 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 En route pourl’aventure ! Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  • 16.
    16 La dream Team Chefde 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 Une conception repensée 35jours 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 A partir d’unsite 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 La construction d’unegalaxie 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 ... visibles surtous 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 Ecommerce Billeterie Vente directe dans lebus Ticket électronique Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  • 22.
    22 Carte interactive Etude decas : Bus Open Tour WORDCAMP PARIS 2014
  • 23.
    23 Carte interactive Etude decas : Bus Open Tour WORDCAMP PARIS 2014
  • 24.
    24 Contenus froids etchauds Content Builder Etude de cas : Bus Open Tour WORDCAMP PARIS 2014
  • 25.
    25 Plugins utilisés Yoast WP Rocket Woocommerce ContentBuilder 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 Ta daaaaaaaaaaaaa ! Etudede cas : Bus Open Tour WORDCAMP PARIS 2014
  • 27.
    27 Etude de cas: Bus Open Tour WORDCAMP PARIS 2014
  • 28.
    28 Etude de cas: Bus Open Tour WORDCAMP PARIS 2014
  • 29.
    29 Etude de cas: Bus Open Tour WORDCAMP PARIS 2014
  • 30.
    30 page carte Etude decas : Bus Open Tour WORDCAMP PARIS 2014
  • 31.
    31 Etude de cas: Bus Open Tour WORDCAMP PARIS 2014
  • 32.
    32 Etude de cas: Bus Open Tour WORDCAMP PARIS 2014
  • 33.
    33 CONCLUSIONS Etude de cas: Bus Open Tour WORDCAMP PARIS 2014
  • 34.
    34 WordPress une solutionsolide ! 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 Couplée avec laconnaissance 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 Merci ! Etude decas : Bus Open Tour WORDCAMP PARIS 2014