MY MASSAGE SHOP

Le Contexte et le Problème

Le marché des équipements de massage souffrait d'un paradoxe : des experts du bien-être qui connaissent parfaitement leurs besoins, mais aucune boutique en ligne pensée pour eux. Les plateformes existantes proposaient soit un catalogue généraliste sans expertise métier, soit des fiches produits pauvres ne permettant pas une prise de décision éclairée.

My Massage Shop est né de cette lacune : créer une boutique e-commerce premium, pilotée par l'expertise, qui s'adresse aussi bien au masseur indépendant qu'au spa haut de gamme. Chaque décision de design et d'architecture devait refléter ce positionnement — sélection rigoureuse, conseil expert, expérience d'achat fluide.

Architecture et Choix Techniques

Le projet repose sur Shopify comme plateforme e-commerce, un choix stratégique pour sa fiabilité, son écosystème de paiement et sa gestion native de l'inventaire. La personnalisation a été poussée au maximum via le langage de template Liquid, complété par du JavaScript vanilla pour les interactions dynamiques.

L'architecture du catalogue a été pensée dès le départ : organisation des produits en collections thématiques, exploitation des métachamps Shopify pour enrichir les fiches produits (guides d'utilisation, conseils d'expert, compatibilité par type de praticien), et une taxonomie de tags permettant un filtrage avancé sans complexité inutile.

Le design system a été construit en CSS pur, sans framework — un choix délibéré pour maîtriser les performances et garantir une cohérence visuelle totale avec l'univers premium du bien-être.

Défis Techniques et Solutions

Le premier défi a été la customisation profonde du thème Shopify. Plutôt que de partir d'un thème premium coûteux, j'ai modifié un thème base pour obtenir exactement le rendu voulu — ce qui demande une maîtrise fine de l'architecture Liquid, des sections et des blocks Shopify.

• —Surcharge ciblée des templates product.liquid et collection.liquid pour intégrer les métachamps experts
• —Gestion des états asynchrones (ajout au panier, mise à jour des quantités) en JavaScript vanilla sans dépendances
• —Mise en place d'un système de filtrage côté client pour les collections de plus de 50 références

L'optimisation des performances e-commerce a constitué l'autre chantier majeur. Sur Shopify, les images de produits sont souvent le goulot d'étranglement. J'ai mis en place un chargement lazy systématique, exploité les transformations CDN de Shopify pour les formats d'images, et rationalisé les scripts tiers pour maintenir un score Lighthouse supérieur à 90 sur mobile.

Conclusion et Apprentissages

Ce projet m'a appris la valeur d'une plateforme mature comme Shopify : la richesse de l'écosystème est une force, mais elle impose de comprendre en profondeur ses contraintes pour ne pas travailler contre elles. Liquid est un langage de template limité par conception — savoir où placer la logique côté serveur (Liquid), côté client (JS), ou dans les métachamps (données) est la compétence clé sur ce type de projet.

My Massage Shop est aujourd'hui en ligne et opérationnel, avec un catalogue structuré, des fiches produits riches et une expérience d'achat conçue pour les professionnels du bien-être.