Logo Mecatechnic
ÉCOUTEZ LA SUCCESS STORY

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…

Demandez un diagnostic de vos temps de chargement !

Nos clients améliorent leur taux de conversion entre 5 et 10% en moyenne !

Souhaitez-vous une démo de l'ensemble de la plateforme ?
Solutions