[Success Story] Comment Mecatechnic a boosté ses conversions de 15% sur mobile

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 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.

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.

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.