NOSE Paris — Refonte Magento 2 sous Hyvä sur huit boutiques

Depuis décembre 2024, l’ensemble des projets IT de NOSE Paris nous est confié, dans un rôle de direction technique externalisée. La refonte du front sous Hyvä en est le chantier le plus visible.

Le travail

• Thème Hyvä sur mesure, en remplacement du front existant, décliné sur les 8 langues du site
• Mini-panier entièrement développé : choix des échantillons offerts, produits complémentaires, paiement express — voir plus bas
• Connexion à Fastmag, l’ERP qui tient la boutique physique : catalogue, stocks et ventes partagés entre le magasin et le site
• Adyen comme plateforme de paiement, en ligne comme en caisse
• Mise en production d’un seul tenant : les huit boutiques basculées ensemble, après recette complète du tunnel de commande
• Optimisation du cache Varnish, menée en coordination avec l’hébergeur Oxeva : c’est souvent là, et pas dans le code du thème, que se joue la vitesse ressentie sur un catalogue international
• Déploiement automatisé, pour que livrer ne soit plus un événement
• Lancement d’un second site sur la même instance en 2026, sans dupliquer l’administration

Un commerce, deux canaux

NOSE n’est pas qu’un site : c’est d’abord une boutique parisienne, avec un conseil olfactif en personne, et un e-commerce qui prolonge ce conseil à distance. Les deux partagent le même catalogue, le même stock et les mêmes clients, tenus par Fastmag — et le même prestataire de paiement, Adyen, en ligne comme en caisse.

C’est ce qui rend la plateforme exigeante : un échantillon offert sur le site sort du stock du magasin, une référence en rupture en boutique doit disparaître du site, et une commande doit se retrouver dans l’ERP sans intervention humaine. Le front Hyvä s’appuie sur cette chaîne, il ne la remplace pas.

Le mini-panier, pièce maîtresse

C’est le composant sur lequel nous avons le plus investi, parce que c’est là que se joue la valeur du panier. Rien de ce qu’il fait n’est livré par Magento : tout a été développé sur mesure sous Hyvä.

• Sélection des échantillons offerts : six échantillons à choisir dans un catalogue de plusieurs centaines de références, avec recherche par marque et par parfum, directement depuis le panier — sans quitter la page, sans recharger
• Produits complémentaires proposés en contexte : emballage cadeau, vaporisateur de sac
• Paiement express Google Pay et Apple Pay, à côté du tunnel classique
• Le tout dans un panneau qui reste réactif, sur un site servi en huit langues

Sur une parfumerie de niche, l’échantillon n’est pas un gadget marketing : c’est la façon dont le client découvre la marque suivante qu’il achètera. Il fallait que ce choix soit agréable, rapide, et qu’il ne fasse jamais sortir le visiteur de son panier.

Les mêmes composants servent au mini-panier et au checkout. Sélecteur d’échantillons, produits complémentaires, lignes de panier : une seule implémentation, utilisée des deux côtés. C’est ce qui évite le travers habituel — un panier et un tunnel de commande qui divergent lentement, jusqu’au jour où une règle promotionnelle ne s’applique plus que d’un côté. Ici, corriger un comportement le corrige partout, et le client voit exactement la même chose à chaque étape.

La performance

Mesurée le 18 septembre 2026 sur une fiche produit, en mobile, avec Lighthouse 13.4.1 — émulation Moto G Power sur connexion 4G lente, soit des conditions volontairement défavorables :

• 89 à 95 / 100 en performance selon la page — fiche produit et page catégorie
• 93 en accessibilité, 100 en bonnes pratiques, 92 à 100 en SEO
• 2,4 à 3,2 s de Largest Contentful Paint
• 50 à 120 ms de Total Blocking Time
• 0 à 0,007 de Cumulative Layout Shift

Le tout sur un site servi en huit langues, avec un panier entièrement personnalisé et une bannière de consentement — autant d’éléments qui, d’ordinaire, font s’effondrer ces chiffres.

Un résultat d’équipe

Une plateforme technique, seule, ne vend rien. Le travail sur le front et sur le cache enlève un frein ; ce sont le catalogue, les campagnes et la marque qui font le reste. Notre rôle est de faire en sorte que la technique cesse d’être ce qui limite les autres.