Refonte de pkracingaprts

PKRacingParts est une boutique e-commerce PrestaShop 1.6.1.24 spécialisée dans la pièce moto.
Le thème existant était devenu hétérogène visuellement, peu ergonomique sur mobile, avec plusieurs irritants UX en tunnel de commande, fiche produit et emails transactionnels.

Objectif de la mission

Conduire une refonte front complète orientée conversion, sans casser l’existant métier, avec une contrainte forte :

• privilégier les surcharges thème et CSS/JS front,
• éviter les modifications intrusives sur le core ou les modules natifs.

Mon rôle

Pilotage et exécution technique de la refonte :

• audit UX/UI,
• refonte visuelle desktop/mobile,
• corrections fonctionnelles front critiques,
• amélioration du tunnel de conversion,
• création d’outils de pilotage côté BO (module d’édition de contenu thème),
• stabilisation des comportements modules tiers (ex: UkooCompat).

Travaux réalisés

1. Refonte visuelle globale du thème

• Harmonisation complète de l’identité visuelle (noir/rouge, hiérarchie typographique, cohérence des composants).
• Reprise des blocs clés homepage, catégorie, fiche produit et overlays panier.
• Nettoyage de règles CSS conflictuelles pour limiter les régressions visuelles.

2. Optimisation mobile-first

• Refonte de la navigation mobile et des composants à fort impact conversion.
• Ajustements avancés sur les blocs “réassurance” :
  • réduction d’encombrement vertical,
  • uniformisation des fonds/couleurs,
  • gestion propre du slider et des flèches.
• Correction de composants qui débordaient/coupaient sur mobile (cards, CTA, boutons).

3. Fiche produit : UX + fiabilité

• Correction de comportements autour des déclinaisons :
  • mise à jour visuelle des sélections (couleurs, images, références),
  • cohérence des informations affichées lors des changements de combinaison.
• Réintégration de comportements natifs PrestaShop nécessaires à la bonne mise à jour des données produit.
• Ajout d’éléments de réassurance et d’actions contextuelles pour soutenir la conversion.

4. Tunnel de commande (OPC) : amélioration conversion

• Refonte de la présentation des moyens de paiement pour une lecture plus claire.
• Correction de cas UX dégradés sur PayPal (alignements, positionnement du bouton, responsive).
• Uniformisation de la typographie et de la structure des cartes de paiement.
• Ajustements pour réduire les frictions en finalisation de commande.

5. Cross-sell et panier latéral

• Ajout d’un CTA “Ajouter au panier” sur les produits spécifiques du panier latéral.
• Rework du composant mobile pour éviter les clics involontaires.
• Optimisation des largeurs, espacements et interactions pour une lecture immédiate.

6. Refonte des emails transactionnels

• Relecture et amélioration de l’ensemble des templates mails FR.
• Structuration plus lisible des contenus (blocs informations, hiérarchie texte, sections).
• Mise en cohérence du style email avec l’identité du site (moins “template PrestaShop”, plus marque).

7. Module BO “webcreativite_editor”

• Conception d’un module d’administration dédié à l’édition des contenus de réassurance.
• Objectif : rendre l’équipe autonome sans intervention code.
• Périmètre :
  • header/home,
  • fiche produit,
  • tunnel de commande.
• Gestion multilangue intégrée.
• Amélioration ergonomique de l’interface BO (sections séparées, lisibilité).

8. Analyse avancée du module UkooCompat

• Diagnostic des écarts d’affichage stock/prix entre listing et fiche produit liés au cache.
• Mise en place d’une stratégie de fiabilisation cache.
• Documentation technique de correctifs via fichier de suivi dédié.
• Correction front de la recherche dans le tableau de compatibilités via surcharge thème JS (sans dépendre d’un patch PHP intrusif).

9. SEO et performance

• Analyse des recommandations PageSpeed (ressources bloquantes CSS, priorisation).
• Tests de stratégies d’optimisation CSS avec validation visuelle pour éviter les régressions.
• Arbitrage pragmatique entre performance pure et stabilité de rendu.

Contraintes techniques gérées

• Environnement legacy PrestaShop 1.6 avec dette CSS historique.
• Modules tiers nombreux avec surcharges potentielles.
• Nécessité de déployer en prod par uploads ciblés.
• Besoin de préserver la stabilité commerciale pendant les itérations.

Résultats obtenus

• Expérience utilisateur nettement plus propre et cohérente sur desktop et mobile.
• Tunnel de commande plus lisible, notamment sur la partie paiement.
• Diminution des incohérences d’affichage sur composants critiques.
• Back-office plus autonome grâce au module d’édition de contenu.
• Base front plus maintenable pour les prochaines évolutions.

Stack et compétences mobilisées

• PrestaShop 1.6.1.24
• Smarty / TPL (surcharges thème)
• CSS / responsive design / refonte UI
• JavaScript/jQuery (interactions front, recherche dynamique)
• Debug front et validation cross-pages (produit, catégorie, OPC, panier, emails)
• Méthodologie de déploiement progressif avec contrôle de régression