Mecatechnic

 

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

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.

Les deux tiers de notre trafic venant du mobile, nous devions absolument trouver le moyen d'atteindre des taux de conversions mobiles au moins identiques au desktop. Dans le cas contraire, c’est notre activité qui en pâtit. Les recommandations de notre Customer Success Engineer nous ont permis d’adopter une nouvelle grille de lecture pour identifier précisément les leviers d’amélioration de nos performances.
Tony Willery Mecatechnic

Tony Willery - Responsable Ecommerce

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.

Etant donné l’importance du digital dans notre business, nous devons absolument proposer une UX de qualité. Nous fonctionnons en petit effectif, et naturellement, toutes les équipes se sentent concernées par la performance de l’ensemble de nos sites. Le déploiement de Fasterize a été très rapide, cette partie du projet a été prise en main par l’équipe technique avec l’aide de notre CSE dédié.
Tony Willery Mecatechnic

Tony Willery - Responsable Ecommerce

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.

Notre CSE est d’une réactivité extraordinaire, nous avons rarement profité d’un accompagnement d’une telle qualité ! Aussi, grâce à Fasterize, les équipes montent en compétence sur la webperf. Côté pratique, j’apprécie de pouvoir mettre en cache toutes mes ressources grâce au moteur d’optimisation, et pas seulement les images comme c’était le cas avec d’autres solutions que nous avons pu utiliser par le passé. Bref, Fasterize est bien plus qu’un outil, et en nous appuyant dessus, nous avons pour ambition de pousser toujours plus loin nos performances.
Tony Willery Mecatechnic

Tony Willery - Responsable Ecommerce
Toutes les équipes de Mecatechnic sont conscientes de l’importance des temps de chargement, et de leur impact sur l’UX et donc sur les résultats business. Côté technique, comme marketing et Ecommerce, cette mobilisation collective a permis une mise en place fluide de notre solution

Benoît Houpeau - Customer Success Engineer, Fasterize

Résultats

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 !    
  • Desktop
    • Speed Index -25%
    • Start Render -24%
    • Time To First Byte -39%
  • Mobile
    • Speed Index -24%
    • Start Render -29%
    • Time To First Byte -33%
 

Pour encore plus de retours d'expérience de nos clients, et tous les détails sur leurs gains business, techniques et SEO, découvrez nos Success Stories.


Vous aussi, profitez de tous les avantages
d'un site optimisé automatiquement :

Demandez une démo

Hello SMX Paris !