edubily : De Shopify au commerce headless pour le marché suisse

Le Défi

edubily vend des compléments alimentaires à des clients soucieux de leur santé en Suisse et dans les pays voisins. L’activité a grandi vite. La technique n’a pas suivi.

Leur boutique Shopify avait bien servi au début, mais le marché suisse a des exigences spécifiques pour lesquelles Shopify n’a jamais été conçu. Les problèmes s’accumulaient depuis des mois :

• Pas d’intégration Wallee : Le prestataire de paiement le plus répandu en Suisse, virements bancaires, Twint et PostFinance, n’avait pas de connecteur natif Shopify. edubily utilisait un contournement tiers qui cessait de fonctionner après chaque mise à jour Shopify.
• Support multi-devises insuffisant : La gestion des devises de Shopify était laborieuse. Les clients suisses s’attendaient à payer en CHF. Les clients transfrontaliers avaient besoin de l’EUR. Le passage entre les deux créait des affichages de prix incohérents et des frictions au checkout.
• Chargements lents : Le moteur de thèmes générique de Shopify ajoutait de la lourdeur. Les pages produits se chargeaient en moyenne en 3,8 secondes. Pour une marque qui mise sur la confiance et la transparence, des pages lentes minaient la crédibilité.
• Contrôle SEO limite : Shopify restreignait l’accès aux balises meta, aux données structurées et aux structures d’URL. Les pages produits manquaient de balisage schéma adéquat. Google classait mieux les concurrents disposant d’une meilleure SEO technique: alors qu’edubily avait un contenu plus solide.
• Difficultés de conformité : Les réglementations sanitaires suisses imposent un étiquetage spécifique pour les compléments alimentaires, informations de dosage, avertissements allergènes, mentions réglementaires. Les templates Liquid de Shopify rendaient ces mises en page pénibles à créer et difficiles à maintenir.
• Frais de plateforme : Les commissions sur les transactions et les abonnements aux applications Shopify s’accumulaient. Au volume d’edubily, la plateforme prélevait une part tangible sur chaque vente.

edubily avait besoin d’un storefront qui lui appartienne: un storefront capable de gérer les paiements suisses, les réglementations suisses et les attentes des clients suisses sans contournements.

L’Approche

Nous avons migré edubily vers une architecture de commerce headless en trois phases sur douze semaines. Pas de bascule big-bang. Chaque phase est passée en production de manière indépendante, permettant à l’équipe de valider avant de poursuivre.

Phase 1 : Moteur commercial et storefront (Semaines 1–5)

Nous avons remplace Shopify par deux systèmes qui collaborent : Medusa v2 comme backend commercial et Next.js 15 comme storefront oriente client.

Medusa v2 gère la logique commerciale centrale: catalogue produits, inventaire, commandes, tarification et promotions. Il tourne sur l’infrastructure propre d’edubily. Aucun frais de plateforme. Aucun verrouillage fournisseur. L’équipe gère les produits via le tableau de bord admin de Medusa: tout ce que faisait l’admin Shopify, sans la facture mensuelle.

Pour le storefront, nous avons construit une application Next.js 15 avec l’App Router. Chaque page produit est rendue côté serveur, ce qui signifie que les moteurs de recherche voient le contenu complet dès le premier chargement: aucun JavaScript requis. Nous avons configure le caching edge via Vercel pour que les pages se chargent depuis le point de présence le plus proche. Le temps de chargement moyen est passé de 3,8 secondes à 1,4 seconde.

Nous avons migré 340 produits, 12 collections et l’historique complet des commandes. Les clients se sont connectés avec leurs comptes existants: nous avons transpose les fiches clients Shopify vers les profils Medusa sans perte de données.

Phase 2 : Paiements et multi-devises (Semaines 6–8)

Nous avons intégré Wallee directement dans le flux de checkout. Les clients suisses peuvent désormais payer par Twint, PostFinance, virement bancaire ou carte de crédit: le tout via un seul prestataire de paiement, sans contournements, sans plugins tiers qui cassent le jour de la mise à jour.

Le multi-devises fonctionne correctement. Le CHF est la devise par défaut pour les clients suisses, détectée par géolocalisation IP. L’EUR est disponible pour les clients en Allemagne, en Autriche et dans le reste de l’Europe. Les prix sont maintenus séparément par devise dans Medusa: pas de conversion en temps réel avec des taux fluctuants. Le client voit un prix, paie ce prix, c’est tout.

Nous avons également ajoute Apple Pay et Google Pay pour le checkout mobile. Le mobile représente 62% du trafic d’edubily: réduire les frictions au checkout mobile a eu un impact direct sur la conversion.

Phase 3 : Recherche, conformité et performance (Semaines 9–12)

Nous avons déployé MeiliSearch comme moteur de recherche produits. La recherche intégrée de Shopify était basique: pas de tolérance aux fautes de frappe, pas de filtrage à facettes, pas de résultats instantanés. MeiliSearch renvoie des résultats en moins de 50 millisecondes avec correction des fautes de frappe, correspondance de synonymes et filtres par catégorie, tranche de prix, type de régime et informations sur les allergènes.

Pour la conformité réglementaire, nous avons construit un module personnalisé d’étiquetage des compléments alimentaires. Chaque produit peut porter des données de conformité structurées : ingrédients avec dosages, déclarations d’allergènes, numéros d’enregistrement de l’autorité sanitaire suisse et mentions réglementaires. Ces données s’affichent de manière cohérente sur les pages produits, les récapitulatifs du panier et les confirmations de commande: une source unique de vérité, pas de copier-coller entre templates.

Enfin, nous avons implémenté des données structurées sur chaque page produit : schéma Product avec prix, disponibilité, avis et informations nutritionnelles. Google a commencé à afficher des résultats enrichis dans les trois semaines suivant le lancement.

Les Résultats

Trois mois après la migration, les chiffres ont confirme ce que l’équipe ressentait déjà : le nouveau stack fonctionnait.

• Temps de chargement réduit de 60%. De 3,8 secondes à 1,4 seconde en moyenne. Le rendu côté serveur et le caching edge ont fait la différence. Les Core Web Vitals sont passés d’orange à vert sur toutes les pages produits.
• Trafic de recherche organique en hausse de 35%. De meilleurs Core Web Vitals, des données structurées adéquates et des structures d’URL propres ont pousse edubily plus haut dans les résultats de recherche. Les pages produits ont commencé à apparaître dans les résultats enrichis de Google pour les requêtes liées aux compléments alimentaires.
• Support multi-devises complet. CHF et EUR avec des prix stables et gérés. Aucune surprise de conversion. Les taux de finalisation de checkout pour les clients transfrontaliers se sont sensiblement améliorés.
• Zero frais de plateforme. Medusa est open-source et auto-hébergé. L’abonnement Shopify, les commissions sur les transactions et les add-ons d’applications: tout cela a disparu. Les coûts d’infrastructure représentent une fraction de ce que Shopify facturait.
• Les étiquettes de conformité s’affichent correctement partout. Le module personnalisé gère les réglementations suisses sur les compléments alimentaires sans hacks de templates. Ajouter un nouveau champ de conformité prend des minutes, pas un sprint de développement.
• Recherche produits en moins de 50 ms. MeiliSearch gère les fautes de frappe, les synonymes et le filtrage à facettes. Les clients trouvent plus rapidement ce qu’ils cherchent. Les conversions générées par la recherche ont augmente.

L’équipe d’edubily contrôle désormais entièrement son storefront. Les nouvelles fonctionnalités sont déployées sans attendre qu’une application Shopify existe. Les modifications de prix se font dans l’admin Medusa, pas par des importations CSV. Le traitement des paiements fonctionne de manière fiable: plus de pannes après les mises à jour.

Les compléments alimentaires continuent de se vendre. La plateforme ne fait pas obstacle.