site wordpress ecommerce multisite multilangue

Etude de cas : Bus Open Tourun multisite e-commerce multilingue responsive

WORDCAMP PARIS 2014

2

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

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

3

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

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

4

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

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

5

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Le site actuel : constat

6

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

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

7

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Quelle nouvelle stratégie mettre en place ?

8

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Le site de demain ?

Souple

Moderne

Dédié à chaque ville

Visible sur mobile

EvolutifFacile à mettre à jour

Qui transforme !Accessible par langue

Informe le touriste

Bien indexé

9

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

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 !

10

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

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

7 Langues Langues disponibles en fonction des villes

Sur tout support Desktop, mobile, tablette, store,...

Carte interactive Arrêts, points touristiques, carte personnalisée

Contenus chauds Actualités, témoignages

Contenus froids Vidéos, FAQ, offres groupes

Contenus et fonctionnalités

11

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

(1 site par ville + 1 site par langue + 1 site par device) X 4 villes X 7 langues X 4 supports ...

12

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

WordPress Multi site + WPML + un thème responsive

13

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Avant un site unique pour toutes les villes sous

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

Convaincre le client de choisir WordPress

14

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

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é

Pourquoi WordPress a fait mouche ?

15

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

En route pour l’aventure !

16

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Développeur pour dév. spé.

Développeur WordPress/plugin

DA/Graphiste

Intégrateur

Assistant chef de projet

Chef de projet

La dream Team

17

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Une conception repensée

Paris

Design Intégration

35 jours

Développements

15 jours

LyonNice

Marseille

Déclinaisons& intégration des contenus

18

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Templates de page

CSS & HTML

Plugins

Développements spécifiques

Thème parent

Paris

A partir d’un site unique «master»

19

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

«Network»Site WP

Paris

Site WP Lyon

Site WP Nice

Site WP Marseille

EnFr Es Po It De

EnFr Es Po It De

EnFr Es

EnFr Es Po

La construction d’une galaxie de sites ...

20

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

... visibles sur tous les supports

Thème parent sur mesure responsive

Lyon / Nice / Marseille

Thèmes enfantsresponsives

21

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Vente directe dans le bus

Billeterie

Ticket électronique

Ecommerce

22

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Carte interactive

23

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Carte interactive

24

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Contenus froids et chauds

Content Builder

25

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

WP Rocket

Content Builder

WPML

WooCommerce Booking Plugin

WooCommerce PDF Invoice

Yoast

Woocommerce

Admin Menu Editor

Advanced Custom Fields

Geo Redirect

Domain Mapping

Plugins utilisés

26

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Ta daaaaaaaaaaaaa !

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

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

page carte

31

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

32

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

33

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

CONCLUSIONS

34

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

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 !

35

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

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 !

36

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Merci !