site wordpress ecommerce multisite multilangue
TRANSCRIPT
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 !