Il Cliente

Ambientha è un laboratorio creativo che produce carte da parati e rivestimenti decorativi su misura per il settore residenziale, retail e hotellerie. Affonda le proprie radici nell'esperienza di CIP srl, azienda attiva dal 1966 nella decorazione e comunicazione grafica per showroom, fiere e congressi.

Ogni creazione Ambientha nasce dall'incontro tra arte, artigianato e personalizzazione: le collezioni sono pensate come "abiti sartoriali per le pareti", studiate per lo spazio del cliente, rifinite con competenza tecnica e ispirate da ciò che il committente ama. Le carte da parati vengono disegnate in collaborazione con artisti, designer e architetti, stampate su supporti professionali certificati e offerte con un'ampia possibilità di personalizzazione cromatica, grafica e materica.

Ambientha è stato citato e pubblicato su testate prestigiose come Il Sole 24 Ore, Marie Claire, Donna Moderna, Ville & Casali, Ville & Giardini, Hotel Domani, Cose di Casa e The Cube Magazine, a conferma del posizionamento del brand nel segmento del design d'interni di qualità.

La Sfida

Ambientha operava su una piattaforma WooCommerce/WordPress che, pur avendo accompagnato la crescita del brand, presentava limiti strutturali sempre più evidenti. L'esigenza era duplice: migrare l'intero ecosistema e-commerce su Shopify e rinnovare completamente l'esperienza digitale, allineandola al posizionamento premium e alla filosofia artigianale del marchio.

Criticità della piattaforma esistente

• Architettura dati complessa: prodotti con prezzi calcolati al metro quadro, tre tipologie di materiale (LIVING, PRO, FIBREGLASS) con logiche di prezzo distinte, campioni ordinabili separatamente e collezioni articolate su più livelli.
• Patrimonio contenutistico esteso: articoli blog, pagine istituzionali ricche di immagini, portfolio progetti, schede artisti e guide tecniche, tutti da preservare e valorizzare nella migrazione.
• Esperienza utente non allineata: il design del sito non rispecchiava più l'identità premium del brand e la sua evoluzione verso un posizionamento sempre più legato al design d'autore e alla personalizzazione sartoriale.
• Configurazione prodotto avanzata: necessità di un sistema che permettesse al cliente di calcolare i metri quadri necessari, visualizzare i prezzi per materiale e orientarsi tra varianti cromatiche e finiture.
• Tracciamenti e marketing frammentati: strumenti di analisi, pixel e integrazioni marketing da riallineare e centralizzare.
• SEO consolidata da preservare: ranking organici, strutture URL e redirect da gestire con attenzione per non disperdere il traffico acquisito.

Obiettivi

1. Migrare tutti i dati (prodotti, collezioni, clienti, ordini, blog) da WooCommerce a Shopify senza perdita di informazioni.
2. Rinnovare l'interfaccia grafica con un'identità visiva coerente con la filosofia sartoriale del brand.
3. Potenziare l'esperienza di acquisto per carte da parati su misura, campioni e complementi d'arredo.
4. Consolidare la presenza editoriale con pagine brand, portfolio progetti, schede artisti e blog.
5. Integrare tracciamenti marketing, strumenti di compliance e canali di comunicazione.
6. Rendere autonomo il team Ambientha nella gestione quotidiana dello store con formazione dedicata.

La Soluzione Hoculus

Il progetto è stato strutturato in macro-fasi coordinate, con un approccio che ha combinato strategia, esecuzione tecnica e cura del dettaglio su ogni aspetto dell'e-commerce.

1. Discovery e Strategia

La prima fase ha riguardato l'analisi approfondita della piattaforma esistente e la definizione della roadmap progettuale:

• Analisi funzionale completa dell'e-commerce WooCommerce: mappatura di prodotti, prezzi dinamici al metro quadro, materiali e finiture, configuratore, campioni, welcome kit, categorie e traduzioni.
• Selezione del tema base: dopo una fase di ricerca mirata, è stato individuato un tema come punto di partenza ideale: un design leggero, elegante e performante, perfettamente allineato con l'estetica del brand.
• Definizione del perimetro progettuale: è stato prodotto un documento dettagliato che definiva funzionalità incluse, soluzioni tecniche proposte e vincoli, come riferimento condiviso tra Hoculus e il cliente.
• Allineamento grafico e stilistico: sessioni di confronto dedicate all'identità visiva, con definizione della Style Guide Ambientha.

2. Migrazione Dati e Contenuti

La migrazione ha rappresentato il cuore tecnico del progetto, gestita con tool realizzati ad hoc, un processo rigoroso di dry run, correzione, importazione e verifica per ogni tipologia di dato.

Prodotti

• Importazione completa, correzioni e analisi post-importazione.
• Arricchimento: fix dei grouped products, gestione cross-sell/up-sell/related, ottimizzazione dei metadati SEO.
• Migrazione delle traduzioni realizzate in passato e allineamento con i nuovi contenuti.
• Adeguamento prezzi IVA compresa con arrotondamento a cifra tonda.
• Riordinamento delle varianti di finitura dal prezzo più basso al più alto.
• Correzione del naming delle varianti (es. "FIBERGLASS Wet" → "FIBREGLASS Wet").

Collezioni

• Migrazione con trasformazione delle collezioni in smart collections, per una gestione automatizzata e scalabile del catalogo.
• Importazione e riconciliazione delle traduzioni.

Clienti e Ordini

• Importazione clienti e ordini, automazioni di correzione e riconciliazione dei dati.
• Import di allineamento successivi per garantire la completezza dello storico.

Blog e Contenuti Editoriali

• Esportazione degli articoli da WordPress, decodifica dei contenuti e creazione automatizzata degli articoli su Shopify.
• Gestione dei redirect URL per preservare il traffico organico.
• Fix sistematico di immagini e link interni corrotti.
• Importazione dei media su CDN Shopify
• Riconciliazione e registrazione delle traduzioni per il mercato internazionale.

Redirect e SEO

• Estrazione completa delle URL da reindirizzare e importazione massiva dei redirect.
• Verifica di tutti i link interni (src e href) nel body dei contenuti.
• Controllo incrociato dei redirect per assicurare la copertura di tutte le pagine indicizzate.

3. Restyling UX/UI e Architettura Informativa

Il restyling ha coinvolto ogni singola pagina dello store, con un lavoro capillare di riprogettazione visiva e strutturale.

Pagine ridisegnate

• Home Page: nuovo layout con hero fotografici immersivi, sezione bestseller, area recensioni clienti, blocco newsletter e accesso rapido ai servizi professionali.
• Chi Siamo: racconto dell'identità familiare e artigianale del brand, dalla storia di CIP srl all'evoluzione di Ambientha.
• Ambientha Professional: pagina dedicata ad architetti e progettisti con presentazione dei servizi partnership, progetti realizzati e vantaggi esclusivi.
• Campioni, Posa in Opera, Keep Life: tre pagine di servizio ridisegnate con nuovi copy e layout orientato alla conversione.
• Contatti, Materiali e Finiture, Servizi di personalizzazione: restyling completo con enfasi sull'approccio consulenziale e sulla personalizzazione.
• FAQ, Artlab, Blog: riorganizzazione dei contenuti editoriali con struttura più chiara e navigabile.
• Guida all'Applicazione: pagina tecnica con guide dedicate alla carta da parati e alla fibra di vetro.
• Pagine legali: Privacy Policy, Cookie Policy, Rimborso e Reso, Condizioni di Vendita — allineate al nuovo design.
• Ambientha Casapitti: pagina dedicata alla collaborazione con layout personalizzato.

Portfolio e Artisti

• Creazione di un sistema basato su metaobject per i progetti del portfolio, con template dedicato per ogni singolo progetto e pagina indice con overview completa.
• Pagina artisti con schede individuali personalizzate, ciascuna con il proprio template.
• Rendering condizionale delle sezioni: quando un metafield non è valorizzato, la sezione si nasconde automaticamente, garantendo pagine sempre pulite e coerenti.

Collezioni e Catalogo

• Restyling completo delle pagine collezione e delle schede prodotto.
• Inserimento icone social nel footer (LinkedIn, WhatsApp).
• Ottimizzazione del menu e della navigazione per valorizzare i percorsi d'acquisto.

4. Sviluppi Custom su Tema

Il progetto ha richiesto numerosi sviluppi custom per adattare Shopify alle specificità del business Ambientha.

Calcolatore Metri Quadri

• Sviluppo di un calcolatore integrato nella pagina prodotto con campi di input per altezza e larghezza in centimetri.
• Pulsante "Calcola e applica" che aggiorna automaticamente la quantità dell'ordine in base ai metri quadri calcolati.
• Wireframe e prototipazione dedicati prima dello sviluppo finale.

Gestione Prezzi per Materiale

• Logica di prezzo al metro quadro differenziata per tipologia di materiale (LIVING, PRO, FIBREGLASS).
• Indicazione "€/mq" nelle pagine prodotto e "Da {prezzo}/mq" nelle card di catalogo, gestita tramite un metaobject dedicato che distingue i prodotti prezzati al metro quadro da quelli al pezzo.

Varianti Cromatiche con Storefront API

• Sviluppo di un sistema di visualizzazione delle varianti cromatiche tramite Shopify Storefront API, con filtro intelligente basato sulla radice dello SKU.
• Per ogni radice SKU viene mostrato un solo prodotto rappresentativo, con swatch delle variazioni cromatiche disponibili.
• Paginazione con scroll infinito (pulsante "Carica altri") per un'esperienza di navigazione fluida.
• Effetto applicato anche ai campioni per coerenza nell'esperienza d'acquisto.

Configuratore Prodotto

• Studio e analisi di un configuratore prodotto basato su cropperjs per il ritaglio dell'immagine, con creazione dinamica di varianti e calcolo del prezzo in base ai metri quadri e al tipo di carta selezionato.
• Varianti create tramite cloud function, aggiunte al carrello e rimosse automaticamente dopo un intervallo definito tramite Shopify Flow.

Dati di Fatturazione nel Carrello

• Implementazione di un sistema per l'inserimento dei dati di fatturazione direttamente nel drawer del carrello.
• Flag di abilitazione generale nel tema, contenuto comprimibile, attributo dell'ordine e logica di persistenza cross-page tramite session cookies.

Prodotti Complementari

• Duplicazione e personalizzazione del blocco "Complementary Products" nella sezione prodotto, con possibilità di selezione manuale dei prodotti suggeriti (origine dinamica) in aggiunta alla logica automatica di Search & Discovery.

Altre personalizzazioni

• Anchor link per la visualizzazione delle rifiniture direttamente dalla scheda prodotto.
• Apertura di link esterni e documenti scaricabili in nuova tab (consulenza LP esterna, guide PDF).
• Rimozione delle foto finiture non necessarie dalle gallerie prodotto.
• Supporto per immagini prodotto in formato verticale.

5. Integrazioni e Compliance

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

• Iubenda: integrazione del widget e delle pagine di cookie policy e privacy per la compliance GDPR.
• Google Ads, Analytics e Merchant Center: configurazione completa degli account e collegamento dei pixel di tracciamento.
• Meta Pixel e Pinterest Tag: setup dei tracciamenti per le campagne social.
• Microsoft Clarity: configurazione dell'account e installazione del codice con collegamento a Google Analytics, ottimizzato per non impattare sulle performance del sito.
• Drip: integrazione della piattaforma di email marketing per l'acquisizione e la gestione dei lead.
• WhatsApp: implementazione di un widget di contatto diretto per il supporto clienti.
• Wishlist: integrazione della funzionalità lista desideri per migliorare l'engagement.
• Metodi di pagamento: configurazione di Shopify Payments (carte di credito/debito), PayPal e bonifico bancario.
• Profili di spedizione: setup delle modalità di spedizione in base alle indicazioni del cliente.

6. Traduzione e Internazionalizzazione

• Inserimento completo delle traduzioni in inglese di tutti i contenuti dello store, compresi i contenuti migrati e le nuove pagine create durante il restyling.
• Gestione delle traduzioni dei prodotti, collezioni e articoli blog importati da WordPress.

7. Go-Live e Attivazione

La fase di go-live è stata gestita con un piano strutturato che ha incluso:

• Cambio DNS del dominio ambientha.com verso Shopify.
• Configurazione DMARC per l'email personalizzata del brand.
• Collegamento dei pixel di tracciamento attivi.
• Rimozione della password di protezione dello store.
• Piano di go-live dettagliato con checklist di verifica e coordinamento del team.

8. Formazione e Autonomia Operativa

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

• Formazione su prodotti e collezioni: sessione dedicata alla gestione del catalogo, all'inserimento di nuovi prodotti e all'organizzazione delle collezioni.
• Formazione sull'editor dei temi: sessione pratica sull'utilizzo del Theme Editor di Shopify per la personalizzazione autonoma dei contenuti e del layout.

Risultati

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

• Catalogo migrato e ottimizzato: tutti i prodotti, le collezioni, i clienti, gli ordini e i contenuti blog sono stati trasferiti con successo, con arricchimento dei metadati e preservazione dello storico.

• Esperienza utente Premium: il nuovo design riflette fedelmente la filosofia "su misura" del brand, con un'estetica elegante e contemporanea che accompagna il visitatore dalla scoperta all'acquisto.

• UX di prodotto avanzata: il calcolatore metri quadri, le varianti cromatiche con swatch, i prezzi per materiale e i prodotti complementari offrono un'esperienza d'acquisto pensata per le specificità delle carte da parati personalizzate.

• Contenuti strutturati e scalabili: il portfolio progetti e le schede artisti, basati su metaobject, permettono al team di aggiungere nuovi contenuti in autonomia mantenendo coerenza grafica e strutturale.

• SEO preservata: la gestione accurata dei redirect, la pulizia dei link e la struttura URL coerente hanno minimizzato l'impatto della migrazione sul posizionamento organico.

• Ecosistema marketing integrato: tracciamenti Google, Meta, Pinterest e Clarity, email marketing con Drip e widget WhatsApp operano in sinergia per supportare le strategie di acquisizione e fidelizzazione.

• Compliance normativa: la conformità GDPR è garantita dall'integrazione Iubenda con cookie policy e privacy gestite in modo centralizzato.

• Autonomia operativa: il team Ambientha è in grado di gestire catalogo, contenuti e personalizzazioni del tema in piena autonomia grazie alla formazione ricevuta.

Tecnologie e Strumenti

Conclusioni

Con il progetto Ambientha, Hoculus ha realizzato una migrazione completa e un restyling profondo di un e-commerce articolato e ricco di contenuti, portando il brand su Shopify con un'esperienza d'acquisto più elegante, performante e coerente con la filosofia sartoriale che contraddistingue il marchio.

Il lavoro ha toccato ogni aspetto della presenza digitale, dalla migrazione meticolosa dei dati alla riprogettazione di ogni singola pagina, dagli sviluppi custom per la gestione dei prezzi al metro quadro fino all'integrazione dell'intero ecosistema marketing. Il risultato è una piattaforma che non solo valorizza l'identità artigianale e premium di Ambientha, ma pone le basi per una crescita scalabile, grazie a una struttura tecnica solida, contenuti gestiti tramite metaobject e un team formato per operare in autonomia.

Ambientha è oggi un esempio di come tradizione artigianale e innovazione digitale possano convivere in armonia, offrendo ai clienti, privati e professionisti, un'esperienza online all'altezza della qualità che trovano nelle carte da parati fisiche: curata nei dettagli, personalizzata e autenticamente made in Italy.