Success Story : Comment Mecatechnic a boosté ses conversions de 15% sur mobile
Mecatechnic.com fait partie des tous premiers sites E-commerce en France ! Le groupe Mecatechnic édite entre autres les sites Mecatechnic.com et Motodiffusion.com, et réalise aujourd’hui 80% de son CA en ligne.
La vitesse est donc un enjeu prioritaire pour les conversions, surtout sur mobile qui représente près de 70% du trafic.
Secteur
Auto-Moto
Trafic
5M pages vues / mois
Vitesse
Rebonds ÷2,5
Conversions +15%
CMS
Custom +
Symfony + Prestashop
-
CONTEXTE
-
Contexte
Mecatechnic existe depuis 1983 et proposait initialement des services destinés à la préparation des moteurs et des boîtes de vitesses pour la compétition automobile comme le Paris-Dakar.
Mecatechnic s’est ensuite orienté vers la vente à distance et s’est digitalisée dès le début des années 2000 avec un site de vente de pièces détachées.
Spécialisée sur les véhicules anciens (Volkswagen, Audi, Porsche, BMW…), Mecatechnic s’adresse à des passionnés connectés, qui échangent beaucoup sur les réseaux sociaux. Pour répondre à la demande d’autres niches sur le marché auto-moto, le Groupe s’est développé avec Comptoirducabriolet.com et Motodiffusion.com, et se diversifie sur des marques françaises (la mythique Citroën 2cv et Renault 4L) pour étoffer son offre.
Le site Mecatechnic repose sur un CMS custom en PHP Symfony, et enregistre 5 M de pages vues et 570 000 visiteurs chaque mois ; quant à Motodiffusion, le site repose sur Prestashop et enregistre 170 000 pages vues mensuelles pour 22 000 visiteurs.
Aujourd’hui, 80% du CA du Groupe provient du digital, et le trafic est à 67% mobile.
Les équipes observaient des lenteurs signalées par Google et constataient un écart quasiment du simple au double entre les taux de conversion mobile et desktop, sans parvenir à réduire cet écart. -
OBJECTIFS
-
Objectifs
Les objectifs de Mecatechnic étaient précis : optimiser les temps de chargement sur mobile pour augmenter les conversions et ainsi rejoindre le niveau du desktop.
Il s’agissait aussi d’atteindre un Start Render inférieur à 1,2 s(soit le diviser par presque 3).
Cette métrique webperf qui indique la fin de la page blanche a été choisie comme référence car les équipes ont identifié qu’elle était la mieux corrélée au taux de rebond, qu’il s’agissait de diminuer par effet de ricochet.
Les équipes souhaitent non seulement améliorer la vitesse de chargement, mais par extension, tout ce qui pouvait l’être sur ses plateformes en termes de parcours utilisateur et de code.
Partant d’une observation de Google Analytics, l’équipe technique avait aussi pour ambition de s’outiller et de définir quelles métriques webperf suivre pour mesurer les évolutions.
-
DÉPLOIEMENT
-
Déploiement
La solution SaaS de Fasterize a été déployée en 15 jours, précédée de 15 jours de tests pour les 3 sites du groupe. Pour chaque site, une ressource côté développement a été sollicitée, le tout coordonné par un lead, soit 4 personnes mobilisées au total.
Avant de passer en production, quelques modifications ont été apportées au code du site pour distinguer les éléments à mettre en cache, et s’assurer de l’accès à certaines données uniquement pour certains profils.
-
ACCOMPAGNEMENT
-
Accompagnement
Les bonnes pratiques et les techniques d’optimisation frontend sont appliquées automatiquement par le moteur de Fasterize, et les équipes de Mecatechnic peuvent suivre directement l’évolution des performances depuis leur dashboard personnalisé via Datastudio.
Ce dispositif permet de creuser l’analyse des données globales collectées à l’aide des autres solutions d’optimisation UX que Mecatechnic utilise, notamment ABTasty et Contentsquare.
Contexte
Mecatechnic existe depuis 1983 et proposait initialement des services destinés à la préparation des moteurs et des boîtes de vitesses pour la compétition automobile comme le Paris-Dakar.
Mecatechnic s’est ensuite orienté vers la vente à distance et s’est digitalisée dès le début des années 2000 avec un site de vente de pièces détachées.
Spécialisée sur les véhicules anciens (Volkswagen, Audi, Porsche, BMW…), Mecatechnic s’adresse à des passionnés connectés, qui échangent beaucoup sur les réseaux sociaux. Pour répondre à la demande d’autres niches sur le marché auto-moto, le Groupe s’est développé avec Comptoirducabriolet.com et Motodiffusion.com, et se diversifie sur des marques françaises (la mythique Citroën 2cv et Renault 4L) pour étoffer son offre.
Le site Mecatechnic repose sur un CMS custom en PHP Symfony, et enregistre 5 M de pages vues et 570 000 visiteurs chaque mois ; quant à Motodiffusion, le site repose sur Prestashop et enregistre 170 000 pages vues mensuelles pour 22 000 visiteurs.
Aujourd’hui, 80% du CA du Groupe provient du digital, et le trafic est à 67% mobile.
Les équipes observaient des lenteurs signalées par Google et constataient un écart quasiment du simple au double entre les taux de conversion mobile et desktop, sans parvenir à réduire cet écart.
Objectifs
Les objectifs de Mecatechnic étaient précis : optimiser les temps de chargement sur mobile pour augmenter les conversions et ainsi rejoindre le niveau du desktop.
Il s’agissait aussi d’atteindre un Start Render inférieur à 1,2 s(soit le diviser par presque 3).
Cette métrique webperf qui indique la fin de la page blanche a été choisie comme référence car les équipes ont identifié qu’elle était la mieux corrélée au taux de rebond, qu’il s’agissait de diminuer par effet de ricochet.
Les équipes souhaitent non seulement améliorer la vitesse de chargement, mais par extension, tout ce qui pouvait l’être sur ses plateformes en termes de parcours utilisateur et de code.
Partant d’une observation de Google Analytics, l’équipe technique avait aussi pour ambition de s’outiller et de définir quelles métriques webperf suivre pour mesurer les évolutions.
Déploiement
La solution SaaS de Fasterize a été déployée en 15 jours, précédée de 15 jours de tests pour les 3 sites du groupe. Pour chaque site, une ressource côté développement a été sollicitée, le tout coordonné par un lead, soit 4 personnes mobilisées au total.
Avant de passer en production, quelques modifications ont été apportées au code du site pour distinguer les éléments à mettre en cache, et s’assurer de l’accès à certaines données uniquement pour certains profils.
Accompagnement
Les bonnes pratiques et les techniques d’optimisation frontend sont appliquées automatiquement par le moteur de Fasterize, et les équipes de Mecatechnic peuvent suivre directement l’évolution des performances depuis leur dashboard personnalisé via Datastudio.
Ce dispositif permet de creuser l’analyse des données globales collectées à l’aide des autres solutions d’optimisation UX que Mecatechnic utilise, notamment ABTasty et Contentsquare.
Résultats
Mobile
-24%
Speed Index
-29%
Start Render
-33%
Time To First Byte
Desktop
-25%
Speed Index
-24%
Start Render
-39%
Time To First Byte
En plus du suivi historique avec Google Analytics, les équipes de Mecatechnic sont dorénavant outillées pour monitorer précisément leurs temps de chargement et mesurent le Speed Index, le Start Render, le Time To First Byte, le Time To Interactive… Et se mobilisent pour répondre aux exigences de Google pour les Core Web Vitals ! Le travail effectué sur l’UX du site a permis de diviser les taux de rebond par 2,5 sur les fiches produit, et d’atteindre un Start Render de 1,4 s (vs. 3 s avant optimisations). La conséquence de tous ces efforts : +15% de conversions sur mobile au cours des 4 derniers mois de l’année 2020 !
Demandez un diagnostic de vos temps de chargement !
Ils témoignent…
Notre expert explique…
iDGARAGES optimise sa webperf et améliore ainsi son UX et son SEO
Alltricks enregistre +25% de trafic SEO et +110K€ / mois avec des pages optimisées automatiquement