Site WordPress ecommerce Multisite Multilangue

36
Etude de cas : Bus Open Tour un multisite e-commerce multilingue responsive WORDCAMP PARIS 2014

Transcript of Site WordPress ecommerce Multisite Multilangue

Page 1: Site WordPress ecommerce Multisite Multilangue

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

WORDCAMP PARIS 2014

Page 2: Site WordPress ecommerce Multisite Multilangue

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

Page 3: Site WordPress ecommerce Multisite Multilangue

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

Page 4: Site WordPress ecommerce Multisite Multilangue

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

Page 5: Site WordPress ecommerce Multisite Multilangue

5

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Le site actuel : constat

Page 6: Site WordPress ecommerce Multisite Multilangue

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

Page 7: Site WordPress ecommerce Multisite Multilangue

7

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Quelle nouvelle stratégie mettre en place ?

Page 8: Site WordPress ecommerce Multisite Multilangue

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é

Page 9: Site WordPress ecommerce Multisite Multilangue

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 !

Page 10: Site WordPress ecommerce Multisite Multilangue

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

Page 11: Site WordPress ecommerce Multisite Multilangue

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

Page 12: Site WordPress ecommerce Multisite Multilangue

12

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

WordPress Multi site + WPML + un thème responsive

Page 13: Site WordPress ecommerce Multisite Multilangue

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

Page 14: Site WordPress ecommerce Multisite Multilangue

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 ?

Page 15: Site WordPress ecommerce Multisite Multilangue

15

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

En route pour l’aventure !

Page 16: Site WordPress ecommerce Multisite Multilangue

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

Page 17: Site WordPress ecommerce Multisite Multilangue

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

Page 18: Site WordPress ecommerce Multisite Multilangue

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»

Page 19: Site WordPress ecommerce Multisite Multilangue

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

Page 20: Site WordPress ecommerce Multisite Multilangue

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

Page 21: Site WordPress ecommerce Multisite Multilangue

21

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Vente directe dans le bus

Billeterie

Ticket électronique

Ecommerce

Page 22: Site WordPress ecommerce Multisite Multilangue

22

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Carte interactive

Page 23: Site WordPress ecommerce Multisite Multilangue

23

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Carte interactive

Page 24: Site WordPress ecommerce Multisite Multilangue

24

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Contenus froids et chauds

Content Builder

Page 25: Site WordPress ecommerce Multisite Multilangue

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

Page 26: Site WordPress ecommerce Multisite Multilangue

26

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Ta daaaaaaaaaaaaa !

Page 27: Site WordPress ecommerce Multisite Multilangue

27

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Page 28: Site WordPress ecommerce Multisite Multilangue

28

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Page 29: Site WordPress ecommerce Multisite Multilangue

29

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Page 30: Site WordPress ecommerce Multisite Multilangue

30

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

page carte

Page 31: Site WordPress ecommerce Multisite Multilangue

31

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Page 32: Site WordPress ecommerce Multisite Multilangue

32

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Page 33: Site WordPress ecommerce Multisite Multilangue

33

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

CONCLUSIONS

Page 34: Site WordPress ecommerce Multisite Multilangue

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 !

Page 35: Site WordPress ecommerce Multisite Multilangue

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 !

Page 36: Site WordPress ecommerce Multisite Multilangue

36

Etude de cas : Bus Open Tour WORDCAMP PARIS 2014

Merci !