edubily : De Shopify au commerce headless pour le marche suisse

Le Defi

edubily vend des complements alimentaires a des clients soucieux de leur sante en Suisse et dans les pays voisins. L’activite a grandi vite. La technique n’a pas suivi.

Leur boutique Shopify avait bien servi au debut, mais le marche suisse a des exigences specifiques pour lesquelles Shopify n’a jamais ete concu. Les problemes s’accumulaient depuis des mois :

• Pas d’integration Wallee : Le prestataire de paiement le plus repandu en Suisse — virements bancaires, Twint et PostFinance — n’avait pas de connecteur natif Shopify. edubily utilisait un contournement tiers qui cessait de fonctionner apres chaque mise a jour Shopify.
• Support multi-devises insuffisant : La gestion des devises de Shopify etait laborieuse. Les clients suisses s’attendaient a payer en CHF. Les clients transfrontaliers avaient besoin de l’EUR. Le passage entre les deux creait des affichages de prix incoherents et des frictions au checkout.
• Chargements lents : Le moteur de themes generique 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 credibilite.
• Controle SEO limite : Shopify restreignait l’acces aux balises meta, aux donnees structurees et aux structures d’URL. Les pages produits manquaient de balisage schema adequat. Google classait mieux les concurrents disposant d’une meilleure SEO technique — alors qu’edubily avait un contenu plus solide.
• Difficultes de conformite : Les reglementations sanitaires suisses imposent un etiquetage specifique pour les complements alimentaires — informations de dosage, avertissements allergenes, mentions reglementaires. Les templates Liquid de Shopify rendaient ces mises en page penibles a creer et difficiles a maintenir.
• Frais de plateforme : Les commissions sur les transactions et les abonnements aux applications Shopify s’accumulaient. Au volume d’edubily, la plateforme prelevait une part tangible sur chaque vente.

edubily avait besoin d’un storefront qui lui appartienne — un storefront capable de gerer les paiements suisses, les reglementations suisses et les attentes des clients suisses sans contournements.

L’Approche

Nous avons migre edubily vers une architecture de commerce headless en trois phases sur douze semaines. Pas de bascule big-bang. Chaque phase est passee en production de maniere independante, permettant a l’equipe de valider avant de poursuivre.

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

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

Medusa v2 gere 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’equipe gere 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 cote serveur, ce qui signifie que les moteurs de recherche voient le contenu complet des le premier chargement — aucun JavaScript requis. Nous avons configure le caching edge via Vercel pour que les pages se chargent depuis le point de presence le plus proche. Le temps de chargement moyen est passe de 3,8 secondes a 1,4 seconde.

Nous avons migre 340 produits, 12 collections et l’historique complet des commandes. Les clients se sont connectes avec leurs comptes existants — nous avons transpose les fiches clients Shopify vers les profils Medusa sans perte de donnees.

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

Nous avons integre Wallee directement dans le flux de checkout. Les clients suisses peuvent desormais payer par Twint, PostFinance, virement bancaire ou carte de credit — le tout via un seul prestataire de paiement, sans contournements, sans plugins tiers qui cassent le jour de la mise a jour.

Le multi-devises fonctionne correctement. Le CHF est la devise par defaut pour les clients suisses, detectee par geolocalisation IP. L’EUR est disponible pour les clients en Allemagne, en Autriche et dans le reste de l’Europe. Les prix sont maintenus separement par devise dans Medusa — pas de conversion en temps reel avec des taux fluctuants. Le client voit un prix, paie ce prix, c’est tout.

Nous avons egalement ajoute Apple Pay et Google Pay pour le checkout mobile. Le mobile represente 62% du trafic d’edubily — reduire les frictions au checkout mobile a eu un impact direct sur la conversion.

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

Nous avons deploye MeiliSearch comme moteur de recherche produits. La recherche integree de Shopify etait basique — pas de tolerance aux fautes de frappe, pas de filtrage a facettes, pas de resultats instantanes. MeiliSearch renvoie des resultats en moins de 50 millisecondes avec correction des fautes de frappe, correspondance de synonymes et filtres par categorie, tranche de prix, type de regime et informations sur les allergenes.

Pour la conformite reglementaire, nous avons construit un module personnalise d’etiquetage des complements alimentaires. Chaque produit peut porter des donnees de conformite structurees : ingredients avec dosages, declarations d’allergenes, numeros d’enregistrement de l’autorite sanitaire suisse et mentions reglementaires. Ces donnees s’affichent de maniere coherente sur les pages produits, les recapitulatifs du panier et les confirmations de commande — une source unique de verite, pas de copier-coller entre templates.

Enfin, nous avons implemente des donnees structurees sur chaque page produit : schema Product avec prix, disponibilite, avis et informations nutritionnelles. Google a commence a afficher des resultats enrichis dans les trois semaines suivant le lancement.

Les Resultats

Trois mois apres la migration, les chiffres ont confirme ce que l’equipe ressentait deja : le nouveau stack fonctionnait.

• Temps de chargement reduit de 60%. De 3,8 secondes a 1,4 seconde en moyenne. Le rendu cote serveur et le caching edge ont fait la difference. Les Core Web Vitals sont passes d’orange a vert sur toutes les pages produits.
• Trafic de recherche organique en hausse de 35%. De meilleurs Core Web Vitals, des donnees structurees adequates et des structures d’URL propres ont pousse edubily plus haut dans les resultats de recherche. Les pages produits ont commence a apparaitre dans les resultats enrichis de Google pour les requetes liees aux complements alimentaires.
• Support multi-devises complet. CHF et EUR avec des prix stables et geres. Aucune surprise de conversion. Les taux de finalisation de checkout pour les clients transfrontaliers se sont sensiblement ameliores.
• Zero frais de plateforme. Medusa est open-source et auto-heberge. L’abonnement Shopify, les commissions sur les transactions et les add-ons d’applications — tout cela a disparu. Les couts d’infrastructure representent une fraction de ce que Shopify facturait.
• Les etiquettes de conformite s’affichent correctement partout. Le module personnalise gere les reglementations suisses sur les complements alimentaires sans hacks de templates. Ajouter un nouveau champ de conformite prend des minutes, pas un sprint de developpement.
• Recherche produits en moins de 50 ms. MeiliSearch gere les fautes de frappe, les synonymes et le filtrage a facettes. Les clients trouvent plus rapidement ce qu’ils cherchent. Les conversions generees par la recherche ont augmente.

L’equipe d’edubily controle desormais entierement son storefront. Les nouvelles fonctionnalites sont deployees 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 maniere fiable — plus de pannes apres les mises a jour.

Les complements alimentaires continuent de se vendre. La plateforme ne fait pas obstacle.