Gallo: Replatforming da Magento 2 a Shopify Plus

Il Cliente

Gallo 1927 è un'icona della moda italiana fondata a Milano nel 1927, punto di riferimento mondiale per la produzione di calze di alta qualità. L'azienda, che alla fine degli anni '30 ha trasferito la propria sede a Desenzano del Garda dove ancora oggi ha sede lo storico stabilimento, ha rivoluzionato il concetto stesso di calza, trasformandolo da semplice accessorio funzionale a elemento di stile ed espressione personale.

L'offerta Gallo si articola su un catalogo ampio e strutturato che comprende calze, abbigliamento, piccola pelletteria, accessori e costumi da mare per uomo, donna e bambino. Le collezioni iconiche come Multicolor, Classici, Windsor, Twin Rib, Pois, Tailoring, raccontano un brand che sa coniugare eleganza sartoriale e creatività contemporanea. Gallo è inoltre protagonista di collaborazioni prestigiose con realtà come la FIAT Topolino alla Design Week, Augustus Hotel & Resort, Jovanotti e tanti altri protagonisti del palcoscenico internazionale.

Sito web: www.gallo1927.com

La Sfida

Gallo operava su una piattaforma Magento 2 che, pur avendo supportato l'evoluzione digitale del brand, presentava complessità crescenti in termini di gestione, scalabilità e costi operativi. L'esigenza era chiara: effettuare un replatforming completo verso Shopify Plus con un restyling dell'esperienza digitale, preservando l'identità premium del marchio e gestendo la complessità di un catalogo internazionale con migliaia di referenze.

Criticità della piattaforma esistente

• Total Cost of Ownership: Magento 2 richiedeva risorse significative per hosting, manutenzione, aggiornamenti di sicurezza e gestione dell'infrastruttura server.
• Catalogo articolato e multilingua: migliaia di prodotti con attributi complessi, varianti multiple per taglia e colore, traduzioni in più lingue e gestione di mercati internazionali con valute differenti.
• Struttura CMS complessa: pagine istituzionali, blog, contenuti editoriali e landing page costruite con un CMS custom, da ricostruire integralmente.
• Integrazioni di terze parti stratificate: system integration con gestionale esterno, strumenti di customer service, marketing automation e analytics da migrare o riconfigurare.
• SEO consolidata da preservare: posizionamento organico costruito nel tempo su centinaia di URL, con strutture di redirect e meta informazioni da trasferire senza dispersione di traffico.
• Gestione multi-mercato: mercati internazionali con valute, profili di spedizione e soglie di spedizione gratuita differenziati per area geografica.
• Esperienza utente non aggiornata: necessità di un refresh UI che rispecchiasse il posizionamento premium e l'identità visiva iconica del brand.

Obiettivi

1. Migrare l'intero ecosistema e-commerce da Magento 2 a Shopify Plus senza perdita di dati né interruzioni operative.
2. Ridisegnare l'esperienza digitale con un'estetica coerente con l'identità iconica del brand e le sue collezioni multicolor.
3. Preservare e ottimizzare il posizionamento SEO costruito nel tempo.
4. Configurare una gestione multi-mercato con valute, spedizioni e contenuti localizzati.
5. Integrare strumenti di terze parti per customer service, analytics, marketing e gestionale.
6. Garantire un lancio sicuro attraverso una cutover strategy pianificata e testata.
7. Rendere il team Gallo autonomo nella gestione quotidiana del catalogo e delle operazioni.

La Soluzione Hoculus

Il progetto è stato strutturato in macro-fasi coordinate, con un approccio che ha combinato strategia, analisi approfondita, esecuzione tecnica e accompagnamento consulenziale su ogni aspetto del replatforming.

1. Discovery e Strategia

La prima fase ha riguardato l'analisi approfondita della piattaforma Magento 2 e la definizione della roadmap progettuale.

• Raccolta requisiti e obiettivi: workshop iniziale con gli stakeholder Gallo per definire le priorità, le funzionalità critiche e i vincoli del progetto.
• Kick-Off meeting: sessione strutturata di avvio progetto con allineamento tra il team Hoculus, il team Gallo e i partner tecnologici.
• Analisi struttura CMS: mappatura completa dell'architettura dei contenuti Magento come pagine, blocchi CMS, template e logiche di navigazione, per pianificare la ricostruzione su Shopify.
• Analisi codice tema: studio approfondito del tema individuato come base per lo sviluppo, con valutazione delle possibilità di personalizzazione e dei limiti strutturali.
• Richiesta accessi e priorità: breakdown dettagliato degli accessi necessari alle piattaforme esistenti (Magento, gestionale, analytics, DNS) per garantire un processo di migrazione fluido.
• Discovery con System Integrator: sessione tecnica dedicata con system integrator specializzati per comprendere i flussi di sincronizzazione dati tra gestionale ed e-commerce e definire la strategia di integrazione su Shopify.
• Stesura del Gantt di progetto: definizione di una roadmap temporale dettagliata con milestone, dipendenze e percorso critico.

2. Design e Restyling UX/UI

Il restyling ha rappresentato un pilastro centrale del progetto, con l'obiettivo di tradurre l'identità iconica di Gallo (le righe multicolor, l'eleganza sartoriale, la creatività) in un'esperienza digitale all'altezza del brand.

• Moodboard e definizione del Look & Feel: creazione di tavole di ispirazione visiva con riferimenti cromatici, tipografici e stilistici che riflettessero il DNA del brand.
• Individuazione e proposta temi: ricerca e valutazione di temi Shopify compatibili con le esigenze progettuali, con presentazione comparativa al cliente.
• Architettura dell'informazione: ridefinizione della struttura di navigazione, del funnel di acquisto e dei percorsi utente per valorizzare il catalogo e ottimizzare la conversione.
• Low-fidelity prototype: prototipazione delle pagine core (Home, PLP, PDP, Carrello) per validare la struttura informativa e i flussi di interazione prima dello sviluppo visivo.
• Personalizzazione e design del tema: sviluppo del design definitivo su tutte le pagine dello store, con personalizzazioni grafiche che includono pattern background esclusivi, hero banner con overlay, sezioni featured collection con autoplay, layout multitile e dual tiles, e un sistema di announcement bar multi-mercato.

3. Migrazione Dati

La migrazione da Magento 2 a Shopify Plus ha rappresentato il cuore tecnico del progetto, gestita attraverso lo sviluppo di automazioni dedicate e un processo rigoroso di trasformazione, importazione e verifica.

Setup e Automazioni

• Setup struttura dati: definizione e configurazione dei metafield, delle tassonomie e delle strutture dati su Shopify per accogliere gli attributi complessi provenienti da Magento.
• Sviluppo automazioni di trasferimento: creazione di pipeline automatizzate per l'estrazione, la trasformazione e l'importazione di ogni tipologia di entità quali prodotti, attributi, categorie, ordini, clienti e gift card.

Entità Migrate

• Prodotti: migrazione completa del catalogo con varianti, attributi, immagini, metadati SEO e prezzi. Aggregazione dei prodotti configurabili Magento nel formato Shopify, recupero di varianti mancanti e correzione di immagini non importate.
• Categorie e Collezioni: trasferimento delle categorie Magento in collezioni Shopify, con switch da collezioni manuali a smart collection per una gestione automatizzata e scalabile del catalogo.
• Clienti: importazione dell'anagrafica clienti con verifica post-migrazione tramite check, feedback e riconciliazione dei dati.
• Ordini: trasferimento dello storico ordini con recupero di varianti e dati mancanti, gestione degli ordini pending e strategia di riconciliazione.
• Gift Card: migrazione delle gift card attive con sviluppo di automazioni dedicate e creazione del prodotto gift card nativo su Shopify.
• Asset: trasferimento di immagini, file e risorse multimediali dall'infrastruttura Magento.
• Redirect: migrazione massiva dei redirect URL, integrata da inserimenti manuali per le pagine core, con verifica incrociata.
• Traduzioni: importazione delle localizzazioni per i mercati internazionali.
• Relazioni tra entità: ricostruzione delle relazioni cross-sell, up-sell e raggruppamenti prodotto.
• Informazioni non raggiungibili via API: migrazione con scraping admin di dati non accessibili attraverso le API standard di Magento.

4. Sviluppi Custom su Tema

Il progetto ha richiesto numerosi interventi di sviluppo custom per adattare il tema Shopify alle specificità del business Gallo e garantire un'esperienza utente premium.

Navigazione e Layout

• Header personalizzato: sviluppo e del mega-menu con banner visivi nelle diverse sezioni di navigazione.
• Announcement bar multi-mercato: configurazione dinamica della barra promozionale con soglie di spedizione gratuita differenziate per mercato e valuta.
• Footer ottimizzato: apertura dei link in nuova tab per i contenuti esterni e le pagine legali.

Pagine Lista Prodotto (PLP)

• Filtri avanzati: implementazione di filtri per taglia, colore, prezzo e categoria con un'esperienza di navigazione fluida.
• Ordinamento custom: sistema di ordinamento personalizzato dei prodotti nelle pagine collezione, con possibilità di ordinamento immagini custom.
• Featured Collection con autoplay: sviluppo di sezioni con scroll automatico delle card collezione.
• Rich text e collezioni smart: personalizzazione dei blocchi testuali nelle PLP, rimozione dei limiti sul numero massimo di collezioni visualizzabili e gestione di condizioni multiple per le smart collection.

Pagina Prodotto (PDP)

• Guida taglie integrata: sistema di guida alle taglie consultabile direttamente nella pagina prodotto.
• Fix selezione taglia e accordion: ottimizzazione dell'interazione utente nella selezione delle varianti e nei blocchi accordion informativi.
• Content Block e rimando SKU: sezioni informative personalizzate e riferimento al codice articolo per garantire la ricerca diretta da parte dei clienti.
• Ricerca del Codice Articolo: implementazione della funzionalità di ricerca per SKU.

Checkout e Carrello

• Inserimento dati di fatturazione: sistema integrato per la raccolta dei dati fiscali direttamente nel flusso di checkout.
• Checkbox aggiuntiva checkout: implementazione di un flag personalizzato nel processo di checkout.

Altre Personalizzazioni

• Personalizzazione Account cliente: restyling dell'area personale con informazioni e funzionalità dedicate.
• Campi addizionali pop-up newsletter: arricchimento del form di iscrizione con campi personalizzati per una segmentazione più efficace.
• Cambio lingua automatico: automazione per impostare la lingua inglese dei clienti internazionali in base al metafield "Created In".
• Email interna contact form: configurazione dell'invio a indirizzi email differenziati per tipologia di richiesta.
• Blog personalizzato: modifica grafica degli articoli blog con supporto per immagini di sfondo custom nei post.
• Pattern Background: sviluppo di sfondi decorativi personalizzati con pattern ispirati all'identità visiva del brand.

5. Configurazione E-commerce

Un setup completo dell'ecosistema Shopify Plus è stato eseguito per supportare le operazioni di vendita a livello internazionale.

Pagamenti e Checkout

• Metodi di pagamento: configurazione di Shopify Payments (carte di credito/debito), PayPal, Amazon Pay, Apple Pay, Google Pay.
• Impostazioni checkout: personalizzazione del flusso di acquisto con configurazione dell'account cliente e opzioni di autenticazione.

Spedizioni e Fulfillment

• Profili e tariffe di spedizione: setup differenziato per mercato con soglie di spedizione gratuita personalizzate.
• Sedi di fulfillment: configurazione dei punti di evasione ordini.
• Regole fiscali: definizione di zone e aliquote IVA per tutti i mercati attivi.

Multi-Mercato e Internazionalizzazione

• Mercati internazionali: configurazione dei mercati con valute, lingue e contenuti localizzati.
• Gestione collezioni per mercato: organizzazione del catalogo con visibilità differenziata per area geografica.
• Profili di spedizione per area: tariffe e opzioni di consegna calibrate sulle specificità di ciascun mercato.
• Segmenti cliente: approfondimento e configurazione di segmenti per la personalizzazione delle comunicazioni, inclusa la segmentazione per data di compleanno.
• Shopify Flow e Messaging: introduzione di automazioni per la gestione dei flussi operativi e delle comunicazioni.

Catalogo e Operatività

• Notifiche transazionali: personalizzazione delle email di conferma ordine, spedizione e aggiornamenti.
• Sconti e promozioni: configurazione del sistema di sconti, inclusa la gestione tramite Shopify Launchpad per la programmazione di riduzioni prezzi automatiche.
• App native Shopify Plus: installazione e configurazione delle app incluse nel piano Plus.

6. Integrazioni e Compliance

Un ecosistema completo di strumenti è stato configurato per supportare le attività di customer service, marketing, analisi e conformità normativa.

• Gorgias: integrazione della piattaforma di customer service con affiancamento al cliente per la configurazione, ottimizzazione del posizionamento del widget e fix dello z-index sul carrello drawer.
• Iubenda: integrazione completa per cookie policy, privacy policy e compliance GDPR, con integrazione della Shopify Consent API per il corretto funzionamento dei consensi.
• Analytics e Heatmap: configurazione degli strumenti di analisi comportamentale per monitorare le interazioni degli utenti.
• Wishlist: integrazione della funzionalità lista desideri sviluppata custom con look and feel del brand.
• Social Sign-In: configurazione dell'accesso tramite account social facebook e google.
• Newsletter: attivazione dei flussi di benvenuto e configurazione del pop-up di iscrizione.
• Checkbox privacy nei form: implementazione dei consensi privacy nei moduli di contatto e iscrizione.

7. SEO e Preservazione del Posizionamento

Un'attenzione particolare è stata dedicata alla preservazione e all'ottimizzazione del posizionamento organico costruito su Magento nel corso degli anni.

• Verifica copertura redirect: analisi incrociata per garantire la copertura completa di tutti gli URL indicizzati, con cicli iterativi di verifica e fix.
• Redirect manuali: inserimento manuale dei redirect per le pagine core non coperte dal processo automatizzato.
• Ottimizzazione SEO on-page: controllo e ottimizzazione dei title tag, meta description, heading e struttura dei contenuti su ogni pagina.
• Ottimizzazione SEO cross-page: verifica della coerenza dei link interni, della struttura di navigazione e delle relazioni tra le pagine.
• SEO internazionale: configurazione degli hreflang tag e delle strutture URL per i mercati multilingua.
• Crawlability e indicizzazione: ottimizzazione del robots.txt, della sitemap XML e delle direttive di indicizzazione.
• Compilazione meta description: migrazione e redazione delle meta description per tutte le collezioni del catalogo.

8. Go-Live e Cutover Strategy

La fase di lancio è stata gestita con una cutover strategy pianificata nei minimi dettagli per minimizzare i rischi e garantire una transizione fluida dalla piattaforma Magento 2 a Shopify Plus.

• Pianificazione cutover strategy: definizione del piano dettagliato con sequenza delle operazioni, responsabilità, checklist e procedure di rollback.
• User Acceptance Testing (UAT): sessione strutturata di testing con il team Gallo per la validazione di tutte le funzionalità prima del lancio.
• Esecuzione ordini di test: setup della modalità test e simulazione di ordini end-to-end per verificare l'intero flusso di acquisto, pagamento e fulfillment.
• Launch Check: verifica completa utilizzando checklist ad hoc per il lancio di store Plus.
• Controllo configurazioni: revisione finale di tutte le impostazioni dello store secondo la documentazione Shopify.
• Riunione interna pre go-live: allineamento finale del team Hoculus sulle procedure di lancio.
• Chiamata pre-consegna: briefing con il team Gallo sulle operazioni di go-live e sulle tempistiche.
• Autenticazione dominio: configurazione dei record CNAME e DMARC per l'autenticazione del dominio e delle email.
• Trasferimento ownership: passaggio della proprietà dello store Shopify al team Gallo.
• Sincronizzazione pending data: allineamento finale dei dati (ordini, clienti, inventario) tra Magento e Shopify immediatamente prima dello switch.
• Azzeramento scorte: reset dell'inventario in preparazione della sincronizzazione con il gestionale.
• Strategia ordini pending: definizione della procedura per la gestione degli ordini in sospeso durante la transizione.
• Esecuzione cutover: esecuzione del piano di switch con attivazione del nuovo store.
• Preferenze online store: configurazione finale delle impostazioni di pubblicazione e visibilità.
• Resend sitemap: reinvio immediato della sitemap a Google dopo il lancio.

9. Post-Launch e Stabilizzazione

Dopo il go-live, il team Hoculus ha garantito un presidio costante per la stabilizzazione dello store e la risoluzione tempestiva delle criticità emerse.

10. Formazione e Autonomia Operativa

Per garantire al team Gallo la piena autonomia nella gestione quotidiana dello store:

• Gestione catalogo e importazione prodotti: sessioni dedicate alle procedure di creazione, aggiornamento e importazione massiva dei prodotti e delle collezioni.
• Programmazione promozioni e lanci: formazione sugli strumenti di pianificazione per la gestione automatizzata di sconti, promozioni e lanci di collezione.
• Organizzazione collezioni e navigazione: affiancamento al team nella logica di strutturazione del catalogo, nella configurazione delle collezioni automatiche e nella definizione dei percorsi di navigazione.

Risultati

Il progetto ha prodotto una trasformazione completa della presenza digitale di Gallo 1927:

• Migrazione completa da Magento 2 a Shopify Plus: tutti i prodotti, le collezioni, i clienti, gli ordini, le gift card e i contenuti sono stati trasferiti con successo, con sviluppo di automazioni dedicate per ogni tipologia di entità e riconciliazione completa dei dati.

• Esperienza utente rinnovata e premium: il nuovo design riflette l'identità iconica del brand, dalle righe multicolor all'eleganza sartoriale, con un'interfaccia contemporanea, performante e ottimizzata per la conversione su tutti i dispositivi.

• Gestione multi-mercato operativa: mercati internazionali configurati con valute, lingue, profili di spedizione e contenuti localizzati, grazie alle funzionalità native di Shopify Plus e alle personalizzazioni sviluppate.

• SEO preservata e ottimizzata: la gestione accurata dei redirect, la compilazione delle meta description, l'ottimizzazione on-page e internazionale hanno minimizzato l'impatto della migrazione sul posizionamento organico.

• Ecosistema integrato: Gorgias per il customer service, Iubenda per la compliance, analytics per il monitoraggio: — tutti gli strumenti operativi sono stati integrati e configurati nello store.

• Catalogo scalabile: il passaggio a smart collection, il sistema di filtri avanzati e la gestione tramite CSV conferiscono al team Gallo piena autonomia e flessibilità nella gestione di un catalogo con migliaia di referenze.

• Team autonomo: le sessioni di formazione su prodotti, collezioni, Launchpad e CSV hanno reso il team Gallo completamente indipendente nelle operazioni quotidiane dello store.

• Lancio sicuro e controllato: la cutover strategy pianificata, lo UAT strutturato, i test end-to-end e il presidio post-lancio hanno garantito una transizione senza interruzioni operative significative.