edubily: Da Shopify al commercio headless per il mercato svizzero

La Sfida

edubily vende integratori alimentari a clienti attenti alla salute in tutta la Svizzera e nei Paesi limitrofi. Il business e cresciuto in fretta. La tecnologia non ha tenuto il passo.

Il loro negozio Shopify aveva funzionato bene agli inizi, ma il mercato svizzero ha esigenze specifiche per cui Shopify non e mai stato progettato. I problemi si erano accumulati per mesi:

• Nessuna integrazione Wallee: Il fornitore di pagamenti piu diffuso in Svizzera — bonifici bancari, Twint e PostFinance — non aveva un connettore nativo per Shopify. edubily si affidava a un workaround di terze parti che smetteva di funzionare dopo ogni aggiornamento di Shopify.
• Supporto multi-valuta debole: La gestione valutaria di Shopify era macchinosa. I clienti svizzeri si aspettavano di pagare in CHF. I clienti dall’estero avevano bisogno dell’EUR. Il passaggio tra le due valute creava visualizzazioni di prezzo incoerenti e attrito al checkout.
• Caricamenti lenti: Il motore generico dei temi di Shopify aggiungeva overhead. Le pagine prodotto si caricavano in media in 3,8 secondi. Per un marchio che punta su fiducia e trasparenza, le pagine lente minavano la credibilita.
• Controllo SEO limitato: Shopify limitava l’accesso a meta tag, dati strutturati e strutture URL. Le pagine prodotto mancavano di markup schema adeguato. Google posizionava piu in alto i concorrenti con una SEO tecnica migliore — nonostante edubily avesse contenuti piu forti.
• Problemi di conformita: Le normative sanitarie svizzere richiedono un’etichettatura specifica per gli integratori — informazioni sul dosaggio, avvertenze sugli allergeni, dichiarazioni regolatorie. I template Liquid di Shopify rendevano questi layout complessi da creare e difficili da mantenere.
• Commissioni della piattaforma: Le commissioni sulle transazioni e gli abbonamenti alle app di Shopify si accumulavano. Al volume di edubily, la piattaforma incideva in modo tangibile su ogni vendita.

edubily aveva bisogno di uno storefront di proprieta — uno in grado di gestire pagamenti svizzeri, normative svizzere e aspettative dei clienti svizzeri senza workaround.

L’Approccio

Abbiamo migrato edubily verso un’architettura di commercio headless in tre fasi nell’arco di dodici settimane. Nessun passaggio big-bang. Ogni fase e andata in produzione in modo indipendente, cosi il team poteva validare prima di procedere.

Fase 1: Motore commerciale e storefront (Settimane 1–5)

Abbiamo sostituito Shopify con due sistemi che lavorano insieme: Medusa v2 come backend commerciale e Next.js 15 come storefront rivolto al cliente.

Medusa v2 gestisce la logica commerciale centrale — catalogo prodotti, inventario, ordini, prezzi e promozioni. Gira sull’infrastruttura di edubily. Nessuna commissione di piattaforma. Nessun lock-in con il fornitore. Il team gestisce i prodotti tramite la dashboard admin di Medusa — tutto cio che faceva l’admin di Shopify, senza la fattura mensile.

Per lo storefront abbiamo costruito un’applicazione Next.js 15 con l’App Router. Ogni pagina prodotto viene renderizzata lato server, il che significa che i motori di ricerca vedono il contenuto completo al primo caricamento — nessun JavaScript necessario. Abbiamo configurato il caching edge tramite Vercel cosi le pagine si caricano dal punto di presenza piu vicino. Il tempo medio di caricamento e sceso da 3,8 secondi a 1,4 secondi.

Abbiamo migrato 340 prodotti, 12 collezioni e l’intero storico ordini. I clienti hanno effettuato l’accesso con i loro account esistenti — abbiamo mappato i record clienti di Shopify sui profili Medusa senza perdita di dati.

Fase 2: Pagamenti e multi-valuta (Settimane 6–8)

Abbiamo integrato Wallee direttamente nel flusso di checkout. I clienti svizzeri possono ora pagare con Twint, PostFinance, bonifico bancario o carta di credito — tutto tramite un unico fornitore di pagamenti, senza workaround, senza plugin di terze parti che si rompono il giorno dell’aggiornamento.

Il multi-valuta funziona correttamente. CHF e l’impostazione predefinita per i clienti svizzeri, rilevata tramite geolocalizzazione IP. L’EUR e disponibile per i clienti in Germania, Austria e nel resto d’Europa. I prezzi sono mantenuti separatamente per valuta in Medusa — nessuna conversione in tempo reale con tassi fluttuanti. Il cliente vede un prezzo, paga quel prezzo, fatto.

Abbiamo aggiunto anche Apple Pay e Google Pay per il checkout mobile. Il mobile rappresenta il 62% del traffico di edubily — ridurre l’attrito al checkout mobile ha avuto un impatto diretto sulla conversione.

Fase 3: Ricerca, conformita e performance (Settimane 9–12)

Abbiamo implementato MeiliSearch come motore di ricerca prodotti. La ricerca integrata di Shopify era basilare — nessuna tolleranza per errori di battitura, nessun filtraggio a faccette, nessun risultato istantaneo. MeiliSearch restituisce risultati in meno di 50 millisecondi con correzione degli errori di battitura, matching dei sinonimi e filtri per categoria, fascia di prezzo, tipo di dieta e informazioni sugli allergeni.

Per la conformita normativa abbiamo costruito un modulo personalizzato per l’etichettatura degli integratori. Ogni prodotto puo contenere dati di conformita strutturati: ingredienti con dosaggi, dichiarazioni degli allergeni, numeri di registrazione dell’autorita sanitaria svizzera e avvertenze regolatorie. Questi dati vengono visualizzati in modo coerente su pagine prodotto, riepilogo carrello e conferme d’ordine — un’unica fonte di verita, nessun copia-incolla tra template.

Infine abbiamo implementato dati strutturati su ogni pagina prodotto: schema Product con prezzo, disponibilita, recensioni e informazioni nutrizionali. Google ha iniziato a mostrare rich result entro tre settimane dal lancio.

I Risultati

Tre mesi dopo la migrazione, i numeri hanno confermato quello che il team gia percepiva: il nuovo stack funzionava.

• Tempo di caricamento ridotto del 60%. Da 3,8 secondi a una media di 1,4 secondi. Il rendering lato server e il caching edge hanno fatto la differenza. I Core Web Vitals sono passati da arancione a verde su tutte le pagine prodotto.
• Traffico di ricerca organico aumentato del 35%. Core Web Vitals migliori, dati strutturati adeguati e strutture URL pulite hanno spinto edubily piu in alto nei risultati di ricerca. Le pagine prodotto hanno iniziato ad apparire nei rich result di Google per le query sugli integratori.
• Supporto multi-valuta completo. CHF e EUR con prezzi stabili e gestiti. Nessuna sorpresa di conversione. I tassi di completamento checkout per i clienti dall’estero sono migliorati in modo visibile.
• Zero commissioni di piattaforma. Medusa e open-source e self-hosted. Abbonamento Shopify, commissioni sulle transazioni e add-on delle app — tutto eliminato. I costi di infrastruttura sono una frazione di quanto Shopify addebitava.
• Le etichette di conformita vengono visualizzate correttamente ovunque. Il modulo personalizzato gestisce le normative svizzere sugli integratori senza hack nei template. Aggiungere un nuovo campo di conformita richiede minuti, non uno sprint di sviluppo.
• Ricerca prodotti in meno di 50 ms. MeiliSearch gestisce errori di battitura, sinonimi e filtraggio a faccette. I clienti trovano piu velocemente cio che cercano. Le conversioni guidate dalla ricerca sono aumentate.

Il team di edubily ora controlla completamente il proprio storefront. Le nuove funzionalita vengono rilasciate senza aspettare che esista un’app Shopify. Le modifiche ai prezzi avvengono nell’admin di Medusa, non tramite importazioni CSV. L’elaborazione dei pagamenti funziona in modo affidabile — niente piu guasti dopo gli aggiornamenti.

Gli integratori continuano a vendersi. La piattaforma non si mette in mezzo.