prestashop theme

Thème PrestaShop sur-mesure — Insectosphere

Thème PrestaShop sur-mesure — Insectosphere

Contexte

Le thème précédent était un thème tiers (ThemeVolty) : lourd, difficile à maintenir, code spaghetti, et surtout totalement inadapté à l'univers d'Insectosphere. Un thème de boutique généraliste plaqué sur un site spécialisé dans la lutte biologique et la vente d'insectes vivants, l'identité visuelle ne correspondait pas du tout à l'entreprise.

Sur le plan technique, 80 % des modules front-office inclus dans le thème n'étaient pas utilisés, alourdi inutilement le site, et toute modification même mineure relevait du parcours du combattant.

L'objectif : repartir de zéro avec un thème propre, performant, à l'image de la marque.

Réalisations

  • Maquette Figma complète avec de nombreux composants, réalisée en collaboration avec Lisa Berthelot, graphiste UI/UX — révision intégrale de la charte graphique, des couleurs et des typographies
  • Développement du thème à partir de Classic, le thème de référence PrestaShop, pour conserver 100 % de la compatibilité avec les hooks natifs et les modules tiers
  • Mega menu 100 % custom, conçu pour absorber la hiérarchie de catégories dense du catalogue Insectosphere
  • Stack classique et pérenne : Bootstrap 4, Webpack, JavaScript natif — les standards PrestaShop, qui garantissent la compatibilité immédiate avec tous les modules tiers (Colissimo, modules de paiement, etc.)
  • Suppression de tous les modules front-office superflus hérités de l'ancien thème
  • Intégration soignée et responsive, fidèle aux maquettes

Exemple d'affichage sur mobile

Exemple d'affichage sur mobile

Difficultés techniques

Repartir de Classic plutôt que de zéro absolu impose de maîtriser la structure interne de PrestaShop : système de hooks, override de templates Smarty, gestion des assets via Webpack. Le mega menu a représenté le défi principal : afficher une arborescence de catégories profonde de manière lisible et performante, sans JavaScript lourd, tout en restant accessible.

Le choix délibéré de rester sur la stack standard (Bootstrap 4 + Webpack) plutôt que d'adopter une stack plus moderne a été une décision consciente : la compatibilité avec l'écosystème de modules PrestaShop prime sur la modernité de l'outillage.

Une section de la page d'accueil du site insectosphere.fr

Une section de la page d'accueil du site insectosphere.fr

Résultats

  • Core Web Vitals passés de 40-50 à +90, y compris sur mobile, gain majeur en référencement naturel
  • Identité visuelle cohérente avec l'univers de la lutte biologique, bien plus engageante pour les visiteurs
  • Réduction des appels SAV liés à la navigation : le catalogue est désormais trouvable et lisible
  • Codebase propre et maintenable, sans dette technique héritée de l'ancien thème
  • Compatibilité totale avec les modules tiers existants (aucune régression)