Conférence XI Ingénierie Salon eCom Genève 2013

1. Les clés d’une
refonte e-commerce réussie
eCom Genève – mardi 30 avril 2013
#ecomSITB

2. Christophe Le Bot
consultant e-commerce

3. La performance technologique
au service de votre e-commerce
Création et refonte de sites
Solutions B2C et B2B
Echanges de données
Techniques de migration
Conseil et audits
Développement Magento avancé
Co-développement
1 5 2

4. Points abordés
Qu’est-ce qu’une refonte?
Phase 1 → Réfléchir
Phase 2 → Préparer
Phase 3 → Construire
Phase 4 → Migrer
Phase 5 → Optimiser
Exemples de refontes

5. Qu’est-ce qu’une refonte ?
5

6. Qu’est-ce qu’une refonte ?
Gains importants attendus
Migration
technique
Gestion du
risque
Anticipation
des
changements
Objectifs stratégiques
Outils et processus existants Analyses et retours de l’activité
Ressources
Un existant qu’il faut
transformer pour
obtenir des gains
Un projet plus
complexe qu’une
création

7. Pourquoi refondre un site e-commerce ?
Vendre autrement
Changer le look and feel
Augmenter le fonctionnel
Optimiser des processus internes
Assurer la progression de l’activité
Se plier à des contraintes externes
S’intégrer au système d’information
…

8. Sur quoi porte la refonte ?
Refonte fonctionnelle
Refonte technique
Refonte de catalogue ou de contenu
Refonte graphique
Refonte ergonomique
Refonte d’accessibilité (normes ou terminaux)
Refonte du référencement naturel
…

9. Comment aborder la refonte ?
Site « iso-fonctionnel » et « iso-design »
Site « iso-fonctionnel »
Site « iso-design »
Changements continus
Évolutions par lots
Sites pilotes
« One step » / « Big-bang »

10. Les 5 phases de la refonte
Réfléchir Préparer Construire Migrer Optimiser

11. Phase 1 → Réfléchir
11

12. Un périmètre très large
12
Applications
Modèle
économique
Référencement
et trafic
Données
Visiteurs et
clients
Objectifs et
besoins
Partenaires
Processus
internes
Infrastructure
Refonte

13. Beaucoup de questions…
« Mon nouveau site fera-t-il
+20% de ventes... ou -20% ? »

14. Beaucoup de questions…
« Mes clients accepteront-ils
ce changement ? »

15. Beaucoup de questions…
« Je veux changer de design…
mais vendra-t-il mieux ? »

16. Beaucoup de questions…
« Comment anticiper le trafic et
vérifier les performances ? »

17. Beaucoup de questions…
« Quelles données nécessitent
une transformation ? »

18. Beaucoup de questions…
« Quelles seront les conséquences
sur le référencement naturel ? »

19. Beaucoup de questions…
« Comment faire passer ce cap
à mon équipe ? »

20. Poser les objectifs, les besoins et les gains
Objectifs
Mesure, dépendances, priorité
Ressources
Budget, infrastructure, équipe, partenaires
Planification
Lotissement, chemins critiques, plans de repli
Retour sur investissement
Rentabilité, efficacité, acceptation

21. Anticiper les changements
Modèle économique
Impacts, positionnement, image
Technologies
Maturité, maîtrise, compétences
Equipe interne
Acceptation, accompagnement, formation
Organisation
Procédures, logistique, exploitation
Clients
Acceptation, accompagnement, segmentation

22. Phase 2 → Préparer
22

23. Les points-clés
Analyser
l’existant
Définir la
stratégie
de
migration
Gérer les
risques
Formaliser
les besoins
Piloter le
projet

24. Analyser l’existant
Décrire ce qui a marché / n’a pas marché
Mettre de côté les bonnes pratiques
Décrire précisément les processus métier
Décrire l’architecture technique
Réunir la documentation

25. Définir la stratégie de migration
« One step »
Approche la plus simple, mais la plus risquée…
Site pilote
Mise en place progressive, sans impact sur l’existant
Itérations
Migration site par site, dans l’ordre du CA
Evolutions successives
Risques minimaux, mais est-ce encore une refonte ?

26. Gérer les risques
Chiffre
d’affaires
Organisation Budget
Délais Saisonnalité Compétences
Technologies Clients Données
SEO Paiement
Contexte
externe

27. Gérer les risques
Prévention
• Communication
• Formation
• Nettoyage des
données
Atténuation
• Réduction de la
probabilité
• Partenariat
Transfert
• Sous-traitance
• Achats
Acceptation
• Planification
• Ressources
• Budget
Risques

28. Gérer les risques
« One step » Site pilote Itérations Evolutions
Délais ↗↗ ↘ ↗ ↗↗
Coûts ↗↗ ↘ ↘ ↗
Ergonomie ↗↗ ↘↘ ↘↘ ↘
Processus métier ↗↗ ↘↘ ↘ ↗
Données ↗↗ ↘ ↘ ↗
Chiffre d’affaires ↗↗ ↘↘ ↘ ↘↘
Trafic ↗↗ ↘↘ ↗ ↘
Technique ↗↗ ↗ ↘ ↘↘
↗↗ Risque élevé
↗ Risque assez élevé
↘ Risque assez faible
↘ ↘ Risque faible

29. Formaliser le projet
Présenter les objectifs
• Gains attendus
• Modèle économique
• Retour sur
investissement
Décrire les cibles et
les utilisateurs
• Segments
• Personas
• Buts
• Comportements
• Cas d’utilisation
• Parcours
Définir la couverture
des besoins
• Fonctionnalités
• Technologies
• Ergonomie
• Cas nominaux et
dégradés
Rédiger des
spécifications
techniques
• Domaine métier
• Processus
• Architecture
• Réalisation
• Gestion de la
migration

30. Phase 3 → Construire
30

31. Deux projets en un seul !
1. Réalisation d’un nouveau site
2. Migration de l’ancien site
2 objectifs différents
2 recettes différentes
2 plans de tests

32. Deux projets imbriqués !
Design
Données
Architecture
Infrastructure
SEO
…
Projet
« Nouveau site »
Projet
« Migration »

33. Préparation de la migration
Modification du catalogue
Reprise et/ou refonte des contenus
Récupération des données commerciales
Connexion au système d’information
Bascule du référencement naturel
Bascule des opérations commerciales
Formation des équipes

34. Phase 4 → Migrer
34

35. Recette par les utilisateurs concernés
Catalogue
Clients
Commandes
Contenu
Echanges de données
Opérations commerciales
Marketing
Logistique
Informatique
Gestion, comptabilité
Commerce
Partenaires
Bascule SEO
Il faut un bon chef
d’orchestre !

36. Avant le jour J
Recette itérative
Par application, par type de données, par service
impliqué
Migration à blanc
Test de migration dans les conditions réelles, mesure du
temps, identification des obstacles
Indicateurs
Bien s’assurer de leur pertinence

37. Le jour J
1. Dérouler la check-list
2. Enjoy!
3. Sauf si… alors roll-back!
Aucune
improvisation
le jour J !

38. Exemple de check-list
Migration day
Action Status Responsible
Update entry page with "on maintenance image" TODO Xi
Set new plaform unreachable for every body except Xi, e-merchant, bank and third party (.htaccess) TODO Xi
Set legacy plaform unreachable for every body except Xi, e-merchant, bank and third party (after checking no order is pending)TODO Xi
Reconfigure payment modules TODO Xi
Update Hosting new crons TODO Xi
Save production database (including log tables) TODO Xi
Update and launch the deploy script TODO Xi
Update and launch the SQL migration scripts TODO Xi
Update and launch other migration scripts TODO Xi
Parameterize vhosts (testing purpose) TODO Xi
Update Magento indexes and cache TODO Xi
Save new production database after migration (before testing) TODO Xi
Update data: products, categories, customers, orders… TODO Xi
Test: create new Magento account. Create new order including real payment TODO All
Test: check possibility for connection with previously existing account TODO All
Test: Check that old URLs really drive to the new platform as expected TODO All
Test: Perform additional functionnal tests TODO All
Test: Perform additional ERP connection tests TODO All
Test: check categories texts and images TODO All
Test: check products details and images TODO All
Test: check for all Web sites TODO All
Restore new production database TODO Xi
Update Magento indexes and cache TODO Xi
Purge directories from migration files TODO Xi
Ask for DNS migration TODO e-merchant
Deactivate "demo mode" TODO Xi
Disable IP restriction. Set new platform reachable TODO Xi
Remove entry page with "on maintenance image" TODO Xi
Activate Google Analytics and SEO robots or sitemap publication on the new platform TODO Xi

39. Phase 5 → Optimiser
39

40. Juste après la migration
3 jours de surveillance rapprochée
Les premières heures sont cruciales.
Equipes d’astreinte
E-commerçant, hébergeur, agence digitale, éditeurs,
partenaires, utilisateurs et clients pilotes
Suivre les indicateurs en permanence
Trafic, SEO, comportements, commandes, flux,
journaux d’incidents, processus internes

41. Les semaines suivantes
Être à l’écoute de ses clients et
utilisateurs
Adapter et corriger vite
Suivre les indicateurs régulièrement
Mettre en œuvre l’exploitation nominale

42. Exemples de refontes
42

43. IGN
Changement de solution
e-commerce
Refonte totale du site
Migration One Step
Connexion à SAP
Reprise des données
Migration SEO
 Industrialisation de l’activité
 10% de hausse des commandes
 Suppression des campagnes Adwords

44. Market Editions
Changement de solution
e-commerce
Connexion ERP Divalto
Refonte iso-design puis
évolutions
Migration par pays
 10% de hausse des commandes
 Centralisation de la gestion
 Plate-forme évolutive

45. Made in Design
Changement de solution
e-commerce
Migration itérative, par pays
Migration SEO
Intégration du moteur de
recherche sémantique
Fredhopper
 Taux de transformation amélioré
 E-merchandising par pays et par
segments

46. Chaîne Thermale du Soleil
Changement de solution
e-commerce
Refonte complète du
merchandising
Migration par lots
Délais courts (campagne TV)
 3 fois plus de commandes web
 20% de hausse du trafic

47. All City
Changement de solution
e-commerce
Rééquilibrage offre /
contenu
Nouvel ERP
Ouverture au B2B
 En ligne bientôt !

48. Conclusion
48

49. À retenir
Objectifs et besoins avant tout
Refonte = 1 nouveau site + 1 migration
Des changements internes à anticiper
L’affaire de tous : direction, marketing,
commerce, informatique, administration,
etc.

50. Des questions
?
www.x2i.fr
Stand E33
@Xi_Ingenierie
eCom Genève – mardi 30 avril 2013