2024

Printoclock - Restructuration des parcours d'achat d'une imprimerie en ligne pour réduire les frictions et booster la conversion

Durée projet : 6 mois

E-commerce B2B/B2C

5000 références produits

CONTEXTE & MISSION

Printoclock (20M€ CA, 80 collaborateurs) gérait un site e-commerce de 15 ans avec 5 000 références personnalisables. Les taux d'abandon de panier - 78% sur desktop, 85% sur mobile - restaient au-dessus des moyennes secteur, tandis que le support client croulait sous les questions sur les options techniques. Le renouvellement de l'identité de marque a ouvert une opportunité de refonte en profondeur des parcours d'achat.

RÉSULTATS ET IMPACTS

Abandon panier desktop

78% → 75%

−3 pts

Abandon panier mobile

85% → 78%

−7 pts

Conversion mobile

0,8% → 1,2%

+50%

Tickets support

Objectif atteint :

baisse significative

RECHERCHE

Comment j'ai identifié les problèmes

Phase d'audit combinant analytics (Google Analytics, Hotjar, Crazy Egg) et données qualitatives (tickets support, équipes internes). Approche data-driven sans tests utilisateurs formels, incompatibles avec les délais imposés.

Abandon panier : au-dessus des moyennes secteur

78% d'abandon sur desktop, 85% sur mobile. Le mobile restait le point de rupture principal, avec une conversion 5× plus basse que le desktop.

Blocage à la dernière étape

Les session recordings montrent des utilisateurs bloqués 30-60 secondes sur la validation de configuration, ne trouvant pas le CTA. Problème desktop et mobile.

Catalogue mal structuré

68% de rebond sur les pages SEO vs 45% sur les catégories réorganisées. Le problème n'était pas le volume, mais l'arborescence.

SOLUTIONS

3 axes de conception

1 - Architecture du catalogue : restructuration de la navigation

Le problème n'était pas le nombre de références (5 000), mais l'organisation qui ne reflétait pas les intentions de recherche des utilisateurs.

  • Création de catégories manquantes (sacs publicitaires, textile structuré par type…)

  • Priorisation des best-sellers dans la navigation - 80% du CA sur 20% des produits

  • Pages d'accès direct alignées avec les requêtes SEO entrantes

1 - Architecture du catalogue : restructuration de la navigation

Le problème n'était pas le nombre de références (5 000), mais l'organisation qui ne reflétait pas les intentions de recherche des utilisateurs.

  • Création de catégories manquantes (sacs publicitaires, textile structuré par type…)

  • Priorisation des best-sellers dans la navigation - 80% du CA sur 20% des produits

  • Pages d'accès direct alignées avec les requêtes SEO entrantes

2 - Pédagogie visuelle : compréhension des options techniques

Une part significative des tickets support concernait des questions récurrentes comme "Quelle différence entre mat et brillant ?" ou "Qu'est-ce que le grammage 350g ?" révélant un manque de clarté dans la présentation des options techniques.

  • Schémas annotés sur les zones de marquage (ex : boîtes personnalisées)

  • Visuels comparatifs pour chaque option (mat vs brillant, grammages…)

  • Validation progressive avec récapitulatif visuel avant ajout au panier

3 - Adaptation multi-supports : optimisation desktop & mobile

Sur desktop, les pages produits ont été repensées avec une hiérarchie visuelle claire et des guides d'achat accessibles. Sur mobile, contrainte majeure : impossible de refondre le configurateur (système legacy). Les efforts ont été concentrés sur les points d'entrée et de réassurance.

  • Desktop : pages produits restructurées, specs techniques dans des accordéons, visuals hiérarchisés

  • Mobile : homepage native, pages produits allégées (visuels −40% de poids)

  • CTA "Ajouter au panier" fixe en bas d'écran sur mobile

  • Priorisation des produits simples sur mobile, complexes sur desktop

2 - Pédagogie visuelle : compréhension des options techniques

Une part significative des tickets support concernait des questions récurrentes comme "Quelle différence entre mat et brillant ?" ou "Qu'est-ce que le grammage 350g ?" révélant un manque de clarté dans la présentation des options techniques.

  • Schémas annotés sur les zones de marquage (ex : boîtes personnalisées)

  • Visuels comparatifs pour chaque option (mat vs brillant, grammages…)

  • Validation progressive avec récapitulatif visuel avant ajout au panier

3 - Adaptation multi-supports : optimisation desktop & mobile

Sur desktop, les pages produits ont été repensées avec une hiérarchie visuelle claire et des guides d'achat accessibles. Sur mobile, contrainte majeure : impossible de refondre le configurateur (système legacy). Les efforts ont été concentrés sur les points d'entrée et de réassurance.

  • Desktop : pages produits restructurées, specs techniques dans des accordéons, visuals hiérarchisés

  • Mobile : homepage native, pages produits allégées (visuels −40% de poids)

  • CTA "Ajouter au panier" fixe en bas d'écran sur mobile

  • Priorisation des produits simples sur mobile, complexes sur desktop

DÉCISIONS CLÉS

Ce qui a guidé mes choix

1 - Adapter chaque support selon le profil des produits

Plutôt que d'optimiser uniformément, j'ai segmenté : les produits à personnalisation simple (cartes de visite, flyers, affiches) ont été poussés sur les deux supports, avec une expérience mobile soignée. Les configurateurs complexes (packaging, textiles) ont été prioritairement optimisés sur desktop où l'expérience utilisateur le permet mieux. Résultat : +60% conversion sur les cartes de visite mobile, sans régression desktop.

2 - Déploiement progressif par produit, pas de big bang

Déploiement en 3 phases sur 4 mois : homepage + catégories d'abord, puis produits simples, puis complexes. Corrections itératives hebdomadaires basées sur analytics temps réel. Aucune régression majeure pendant la transition.

APPRENTISSAGE

Ce que ce projet m'a appris

Sur un site legacy avec contraintes fortes - dette technique, délais courts, budget limité - l'optimisation ciblée bat la refonte complète. Mieux vaut perfectionner 20% des parcours qui génèrent 80% du CA. La pédagogie visuelle peut compenser des parcours complexes qu'on ne peut pas simplifier structurellement.

Create a free website with Framer, the website builder loved by startups, designers and agencies.