# Migliori CMS e framework per siti immersivi nel 2026

Il miglior framework siti immersivi dipende da chi aggiorna i contenuti, quanta animazione serve e quante pagine avrai: ecco 4 architetture a confronto.

Prendi un'azienda di arredo da 1,2 milioni di fatturato che ha appena lanciato il sito nuovo. Nella seconda scena il divano si compone pezzo per pezzo mentre scorri, e il risultato è bello. Tre settimane dopo, la responsabile marketing deve cambiare il titolo di quella scena. Apre il pannello e il campo non c'è. Scrive all'agenzia, aspetta tre giorni e riceve un preventivo per una riga di testo.

Lo strumento scelto era sbagliato per quell'azienda, anche se a un'altra sarebbe andato bene. Nel 2026 le architetture sensate per un sito immersivo sono quattro. C'è il builder visuale come Webflow o Framer, c'è WordPress con un tema scritto su misura, c'è il CMS headless collegato a un framework come Astro o Next.js, e c'è la strada senza CMS. Il framework giusto per un sito immersivo è quello che risponde a tre domande. Chi aggiorna i contenuti? Quanta animazione serve? Quante pagine e quante lingue avrà il sito?

Un [sito premium cinematic](https://www.marketinghackers.it/risorse/guide/creazione-siti-premium-cinematic-brand/) racconta il brand una scena alla volta, mentre il visitatore scorre. Qui trovi tre domande, quattro architetture, una tabella per decidere e cinque criteri per giudicare la proposta di un fornitore.

## Le 3 domande che scelgono lo strumento al posto tuo

![Diagramma con due blocchi, contenuti e animazioni, collegati da due ingranaggi, con tre icone-domanda sopra](https://www.marketinghackers.it/risorse/media/migliori-framework-siti-immersivi-2026-body-1.jpg)

*CMS e motore di animazione sono due metà distinte: le tre domande decidono come farle lavorare insieme. · Foto: Generata con BrandPix*

Un sito immersivo ha due motori. Il CMS gestisce testi, immagini e pagine. Il motore di animazione muove le scene, e può essere una libreria come GSAP con ScrollTrigger, Lenis per lo scorrimento fluido, Three.js per il 3D, oppure le animazioni CSS legate allo scroll. Il CMS è nato per togliere a chi gestisce un sito il bisogno di conoscere la programmazione web[^s1]. Le animazioni vanno nella direzione opposta, perché ogni scena è scritta e calibrata da uno sviluppatore. Scegliere il CMS per un sito animato vuol dire decidere come convivono queste due metà.

La ricerca sui beni culturali ha affrontato questo problema prima del marketing. All'Università Tecnica Nazionale di Atene hanno costruito 5dMeteora, un framework per gestire e pubblicare sul web i dati 3D del patrimonio culturale. Gli autori lo presentano come il primo tentativo valido di software open source che automatizza la diffusione di contenuti 3D e 2D per esperienze XR personalizzate[^s4]. Se contenuto e scena vivono in due posti separati, qualcuno deve ricucirli a ogni modifica, e di solito quel qualcuno ti manda una fattura.

Rispondi alle tre domande prima di parlare con qualsiasi fornitore.

1. **Chi aggiorna i contenuti dopo il lancio, e quanto spesso?** Le risposte possibili sono tre. Nessuno, perché è un microsito di campagna con una data di fine. Il marketing, una volta al mese, per cambiare un titolo, aggiungere un caso cliente o spostare una data. Più persone ogni settimana, magari in due o tre lingue. Nel primo caso il CMS è un costo senza ritorno. Nel terzo diventa il centro del progetto.
2. **Quanta animazione serve davvero?** Qualche entrata morbida e un po' di parallasse si gestiscono quasi ovunque. Da quattro a otto scene coreografate sullo scroll, con testi che compaiono a tempo e immagini che si trasformano, richiedono un motore di animazione serio e un modello dei contenuti costruito per scene. Il 3D in tempo reale o il WebGL spostano tutto sul codice.
3. **Quante pagine e quante lingue?** Una pagina di lancio, un sito da 10-30 pagine, oppure centinaia di pagine tra blog, schede prodotto e versioni linguistiche. Più crescono i numeri, più conta che ogni scena sia un componente riutilizzabile da una pagina all'altra.

Per rispondere alla prima domanda con i fatti, guarda cosa è successo davvero sul sito attuale. Esporta da Gmail o Outlook le richieste di modifica degli ultimi 12 mesi e incollale in Claude o ChatGPT con questo prompt:

> Ti incollo le email con cui abbiamo chiesto modifiche al nostro sito negli ultimi 12 mesi. Classifica ogni richiesta in una delle categorie seguenti (testo, immagine, nuova pagina, nuova lingua, modifica di layout o animazione). Per ogni categoria dimmi quante richieste ci sono state, chi le ha fatte e quanti giorni sono passati in media tra richiesta e pubblicazione. Alla fine scrivi in due righe se il nostro bisogno reale è "nessun aggiornamento", "aggiornamenti mensili del marketing" o "aggiornamenti settimanali di più persone".

Bastano venti minuti di lavoro per arrivare alla riunione con l'agenzia con un numero al posto di un'impressione.

## Quattro architetture, dalla più semplice da gestire alla più libera

![Quattro colonne che vanno dal builder visuale al sito senza CMS, con una freccia dal giallo al fucsia](https://www.marketinghackers.it/risorse/media/migliori-framework-siti-immersivi-2026-body-2.jpg)

*Da sinistra a destra: builder visuale, WordPress su misura, headless con framework, nessun CMS. · Foto: Generata con BrandPix*

### Builder visuale: Webflow, Framer

È l'architettura adatta a chi ha un team marketing interno che vuole autonomia e un sito da 10-30 pagine con scene di media complessità. Testi, immagini e pagine si modificano a vista, e le animazioni di base si configurano dal pannello senza scrivere codice. Con scene molto coreografate o con il 3D si finisce comunque per inserire codice personalizzato, e da quel momento la promessa di autonomia si riduce.

La prima domanda da fare riguarda cosa ti porti via se cambi fornitore o piattaforma, cioè i contenuti, il codice delle scene e gli asset. Tra Webflow e Framer per siti cinematic ci sono anche differenze pratiche che pesano sulla scelta.

### WordPress con tema su misura

Ha senso quando il team usa già WordPress, pubblica spesso sul blog e vuole tenere un solo pannello. Il rischio è accumulare page builder e plugin di animazione uno sopra l'altro, finché il sito pesa il doppio e ogni aggiornamento ne rompe un pezzo. La strada pulita è un tema scritto da uno sviluppatore, con le scene costruite nel codice e collegate a campi precisi del pannello (titolo della scena, sottotitolo, immagine, testo di supporto). Il marketing modifica i campi, la coreografia resta intatta.

### CMS headless con un framework: Sanity, Storyblok, Strapi o Payload con Astro o Next.js

È la soluzione migliore per un sito cinematic quando le tre risposte sono "più persone ogni settimana", "scene coreografate o 3D" e "molte pagine in più lingue". Il CMS headless conserva i contenuti in forma strutturata, il framework li monta nelle scene. Ogni scena diventa un blocco con campi fissi e limiti chiari (per esempio titolo entro 60 caratteri, un'immagine in formato verticale, massimo 40 parole di testo), e chi scrive non può rompere l'impaginazione nemmeno volendo.

Il prezzo da pagare è che i sistemi da mantenere diventano due, e serve uno sviluppatore che li conosca entrambi. Per il frontend la scelta è di solito tra Astro e Next.js per siti animati. Conta anche la scelta tra software aperto e proprietario. Nel caso di Santa Maria della Grotta a Marsala, i ricercatori hanno costruito la navigazione 3D via browser su tecnologia WebGL open source e la descrivono come una soluzione economicamente sostenibile, in un settore in cui l'esplorazione 3D resta spesso chiusa dentro software proprietari[^s3].

### Nessun CMS

Un microsito per il lancio di un prodotto, una campagna di sei settimane, una pagina evento. Se dopo il lancio nessuno toccherà i testi, il CMS aggiunge solo un sistema da aggiornare, proteggere e pagare. Il sito si scrive in codice, magari con Astro, e se serve cambiare una data lo sviluppatore lo fa in dieci minuti. È la scelta più trascurata e spesso la più sensata per chi ha un budget definito e una scadenza.

## La tabella per decidere in cinque minuti

| Chi aggiorna | Quanta animazione | Pagine e lingue | Architettura consigliata |
|---|---|---|---|
| Nessuno dopo il lancio | Scene coreografate o 3D | 1-3 pagine, 1 lingua | Nessun CMS, codice con Astro |
| Marketing, una volta al mese | Entrate e parallasse | 10-30 pagine, 1 lingua | Builder visuale |
| Marketing, una volta al mese | 4-8 scene coreografate | 10-30 pagine, 1-2 lingue | Builder visuale con scene in codice, oppure headless leggero |
| Team che usa già WordPress e pubblica sul blog | Scene coreografate in home e pagine chiave | 30-100 pagine | WordPress con tema su misura |
| Più persone ogni settimana | Scene coreografate o 3D | Molte pagine, 2+ lingue | CMS headless con Astro o Next.js |
| Più persone ogni settimana | Animazione leggera | Molte pagine, 2+ lingue | CMS headless o WordPress, scene ridotte all'essenziale |

Se la tua situazione cade tra due architetture, scegli quella che risponde meglio alla prima domanda. Un sito che il marketing riesce ad aggiornare resta vivo. Un sito spettacolare che nessuno tocca invecchia in un anno.

## Quali criteri usare per giudicare la proposta di un fornitore?

Le classifiche dei CMS confrontano prezzi e numero di integrazioni. Per un sito immersivo contano altri cinque criteri, cioè prestazioni misurate sul telefono, rispetto di chi preferisce meno movimento, testo leggibile dai motori di ricerca, modifiche che lasciano intatte le scene e possibilità di portarsi via il lavoro. Chiedi una risposta scritta su ciascuno.

**Prestazioni sul telefono.** Chiedi i valori dei Core Web Vitals (LCP, INP, CLS) misurati su uno smartphone di fascia media, sulle pagine con le scene più pesanti. Le animazioni legate allo scroll sono il punto in cui un sito diventa lento. Se il sito reggerà sul telefono va verificato prima del lancio, con i numeri.

**Movimento ridotto.** Molte persone attivano nelle impostazioni del dispositivo l'opzione per ridurre le animazioni, per fastidio o per disturbi dell'equilibrio. Il sito deve accorgersene (tecnicamente si chiama `prefers-reduced-motion`) e mostrare una versione con transizioni semplici e tutto il contenuto leggibile. Provalo tu stesso, con l'opzione attiva sul tuo telefono.

**Testo nell'HTML.** Il titolo di una scena dovrebbe essere testo vero nella pagina. Se vive dentro un video, un canvas o un'immagine, un motore di ricerca o un assistente AI fatica a leggerlo e a citarlo. Per un sito che deve portare contatti, questo pesa più di qualsiasi effetto.

**Modifiche senza rompere le scene.** Chiedi una demo del pannello con una persona del tuo team ai comandi. Deve cambiare un titolo, sostituire un'immagine e vedere l'anteprima della scena prima di pubblicare. Se per cambiare un titolo serve un ticket, segnalalo nella valutazione.

**Portabilità.** Fatti scrivere nel contratto cosa ricevi alla fine, ovvero accesso al repository del codice, esportazione dei contenuti in un formato aperto e file originali di immagini, video e modelli 3D. Se il fornitore chiude o cambi agenzia, sono questi tre elementi a decidere se dovrai ripartire da zero.

## Cosa misurano le ricerche sugli ambienti immersivi

![Grafico a barre: con la guida AI la barra arriva al 90%, senza guida si ferma al 60%](https://www.marketinghackers.it/risorse/media/migliori-framework-siti-immersivi-2026-body-3.jpg)

*Murray House, Hong Kong: punti del percorso visitati con la guida AI e senza, su 20 studenti. · Foto: Generata con BrandPix*

Le ricerche sui siti immersivi delle PMI sono poche. Quelle sugli ambienti immersivi in generale danno comunque un'indicazione utile.

In uno studio pubblicato a dicembre 2025, 20 studenti dell'ultimo anno di architettura hanno esplorato un tour virtuale a 360 gradi in WebGL di Murray House, a Hong Kong. Una parte di loro aveva una guida AI consapevole della posizione nello spazio, l'altra solo il tour. Il gruppo con la guida ha visitato il 90% dei punti del percorso, contro il 60% dell'altro gruppo, e secondo gli autori la guida AI aumenta in modo significativo coinvolgimento e valore educativo[^s2]. Il campione è piccolo. La direzione però si vede bene, perché chi viene guidato dentro la scena la esplora di più.

Sul fronte commerciale, un esperimento ha confrontato un negozio di abbigliamento online in 2D con una versione immersiva in 3D, visitata con occhiali speciali e un guanto sensoriale. Secondo i risultati l'intenzione d'acquisto dipende dalla soddisfazione, che a sua volta dipende dal piacere e dal coinvolgimento[^s5]. Al tuo sito basterà uno schermo, eppure lo studio indica un meccanismo che vale anche per te. L'esperienza aumenta l'intenzione d'acquisto se tiene le persone dentro il racconto. Una scena che va a scatti sul telefono o che nasconde il testo produce l'effetto opposto.

## Usare l'AI per modellare le scene e leggere i preventivi

L'AI accelera due passaggi del processo, a patto di aver già risposto alle tre domande.

Il primo è il modello dei contenuti. Prima di scegliere il CMS, scrivi su carta le scene del sito e chiedi a Claude o ChatGPT di trasformarle in campi:

> Sto progettando un sito con scene animate legate allo scroll. Ti descrivo le scene una per una. Per ciascuna proponi i campi che il marketing deve poter modificare (tipo di campo, lunghezza massima, formato delle immagini) e quelli che devono restare bloccati nel codice perché fanno parte dell'animazione. Segnala le scene in cui un testo troppo lungo romperebbe l'impaginazione e proponi un limite di caratteri. Restituisci una tabella con le colonne scena, campo, tipo, limite, modificabile sì o no.

Con quella tabella in mano puoi chiedere a ogni fornitore come la realizzerebbe nel CMS che propone. Le risposte vaghe si riconoscono subito.

Il secondo è la lettura delle offerte. Incolla la proposta tecnica (togliendo prezzi e dati sensibili, se preferisci) con questo prompt:

> Questa è la proposta tecnica di un'agenzia per il nostro nuovo sito immersivo. Valutala sui cinque criteri seguenti, cioè prestazioni misurate su smartphone, comportamento con l'opzione di movimento ridotto attiva, testo delle scene presente come testo HTML, possibilità per il marketing di modificare i contenuti senza rompere le animazioni, cosa riceviamo a fine progetto in termini di codice, contenuti e file originali. Per ogni criterio indica se la proposta lo copre, lo copre in parte o non lo nomina, e scrivi la domanda da fare al fornitore per chiarirlo.

Il passo successivo lo fai con Google PageSpeed Insights. Inserisci l'indirizzo dei siti che l'agenzia mostra nel portfolio e guarda il risultato da mobile. Sono numeri che puoi controllare da solo, prima di firmare.

## Quando conviene un servizio gestito

Se le tue risposte sono state "più persone ogni settimana", "scene coreografate" e "più lingue", il lavoro difficile è progettare il modello dei contenuti in modo che il marketing resti autonomo e le scene restino intatte. Gli strumenti vengono dopo. È il punto da cui parte il nostro [design team](https://www.marketinghackers.it/risorse/apps-services/design-team/) quando costruisce siti cinematic per le PMI, con le tre domande e la tabella dei campi all'inizio e la scelta tra builder, WordPress, headless o codice puro subito dopo. Se stai confrontando più fornitori, i criteri per scegliere un'[agenzia italiana di siti in scrollytelling](https://www.marketinghackers.it/risorse/siti-landing-page/agenzia-siti-scrollytelling-italia/) sono gli stessi cinque di questo articolo, applicati alle persone.

Porta al primo incontro le risposte alle tre domande e la tabella delle scene. Una buona agenzia ti propone l'architettura partendo da lì. Le altre ti propongono lo strumento che usano sempre.

## Fonti

[^s1]: Content management system — Wikipedia. [it.wikipedia.org](https://it.wikipedia.org/wiki/Content_management_system)
[^s4]: 5DMETEORA FRAMEWORK: MANAGEMENT AND WEB PUBLISHING OF CULTURAL HERITAGE DATA. [isprs-annals.copernicus.org](https://isprs-annals.copernicus.org/articles/X-M-1-2023/33/2023/isprs-annals-X-M-1-2023-33-2023.pdf)
[^s3]: Three-Dimensional Documentation and Virtual Web Navigation System for the Indoor and Outdoor Exploration of a Complex Cultural Heritage Site. [doi.org](https://doi.org/10.3390/electronics13142833)
[^s2]: Enhancing Architectural Heritage Engagement: A Comparative Study of a WebGL and Spatially-Aware AI-Guided Immersive Environment. [doi.org](https://doi.org/10.65638/2978-8811.2025.01.02)
[^s5]: To immerse or not? Experimenting with two virtual retail environments. [emeraldinsight.com](https://www.emeraldinsight.com/doi/pdfplus/10.1108/ITP-03-2015-0069)