1. La démarche d’optimisation dans un
contexte de refonte

2. 2
Le projet de refonte
DEV
Il faut repartir sur une installation
« from scratch » de Magento
Traduction :
-Un site avec un moteur tout neuf, maintenable et préparé pour des
évolutions futures
-Intégration des nouvelles fonctionnalités de base de la nouvelle version
-Une vie plus simple pour les développeurs et les administrateurs du site
-Amélioration des performances techniques
-Pas ou très peu d’évolution des interfaces utilisateurs pendant toute
la durée de la refonte

3. 3
Le projet de refonte
DIRECTION
MARKETING
D’accord mais on en profite pour faire
évoluer nos gabarits de pages dans le but
d’augmenter les conversions
Traduction :
-Un site tout neuf, maintenable et préparé pour des évolutions futures
-Amélioration de l’expérience utilisateur avec la mise en place d’un lot de nouvelles
fonctionnalités ou l’amélioration du fonctionnement existant
-Objectif : Affiner la connaissance des utilisateurs de prismashop.fr, comprendre leurs
raisonnements et motivations, pour optimiser leurs parcours de navigation et, par
conséquent, les coûts de trafic et le CA

4. 4
Le projet de refonte
Coordination, validation
Equipes de
développement
Développement propre,
maintenable
Amélioration des temps de
chargement
Ajouts de fonctionnalités
Assouplissement dans
l’administration back-office
Redéfinition de la modélisation de
la BDD
…
Expert
référencement
Recommandations sur contenus des maquettes
Audit de l’intégration HTML/CSS
Recommandations techniques
Conception ergonomique
Optimisation des conversions
Design
Intégration HTML/CSS
Comment ?

5. Optimisation des conversions
5
1 - Identifier, comprendre les utilisateurs et
leurs parcours de navigation

6. Recherche utilisateur
6
Tests utilisateurs & Web Analytics :
allier le quali et le quanti
Synthèse de 3 ans de données utilisateurs

7. Recherche utilisateur
7
Tests AB & multivariés : testez, optimisez mais
identifiez les raisons des évolutions constatées
1 Formuler une hypothèse
2 Concevoir le test
3 Tester
4Analyser et apprenez
5
Acter une décision
vers l’infini
et le CA !

8. Optimisation des conversions
8
2 - Clarifier et limiter les parcours de navigation

9. Optimisation des conversions
9
Un test multivarié de 15 combinaisons
+6,6%
de taux de
transformation
+5,6%
de valeur par
visiteur

10. Optimisation des conversions
10
3 - Optimiser les landing page stratégiques

11. Optimisation des conversions
11

12. Optimisation des conversions
12
+21,1%
de taux de
transformation
-Redesign complet basé
sur retours utilisateurs
-Fusion de toutes les offres
(papier, numérique,
numéro)
-Suppression des fiches
produits

13. Optimisation des conversions
13
4 - Repenser les parcours de navigation

14. Optimisation des conversions
14
+12,2%
d’ajout au
panier
+18,7%
de taux de
transformation
-Transformation des offres
en page d’accueil en
redirection vers les pages
abonnements

15. Optimisation des conversions
15

16. Optimisation des conversions
16
+3,27%
de taux de
transformation
-Suppression du carousel
-Mise en avant des trois
entrées principales

17. Optimisation des conversions
17
5 - Optimiser les pages clefs des nouveaux parcours

18. Optimisation des conversions
18
+4,5%
de taux de
transformation

19. 19
Merci de votre attention
Rendez-vous sur prismashop.fr mi-juillet ;)
Sylvain LYS
wexperience.fr
Responsable optimisation
de l’agence d’ergonomie
digitale Wexperience
@Shloka
Shahnaz Kada
prismashop.fr
Chef de projet CRM e-
commerce au sein du
Marketing Clients chez
Prisma Média