# Agenzia siti scrollytelling in Italia: come scegliere quella giusta

Agenzia siti scrollytelling Italia: 7 criteri, un test di 20 minuti e 12 domande per scegliere un fornitore che regga anche su smartphone.

Il preventivo arriva con un video del portfolio. Sul monitor dell'ufficio le immagini scorrono morbide, il prodotto ruota su se stesso e i testi entrano a tempo. Poi apri lo stesso sito dal telefono, in macchina davanti a un cliente, e la prima schermata resta bianca per secondi interminabili. Capita spesso a chi deve scegliere un'agenzia per realizzare un sito scrollytelling in Italia. Quasi tutti i fornitori sanno far muovere qualcosa allo scroll. Molti meno sanno costruire un racconto che regga su uno smartphone con una rete mobile qualunque, e prima della firma il titolare non ha modo di distinguerli.

Qui sotto trovi sette criteri con un punteggio, un test da fare da solo in venti minuti, dodici domande per il primo incontro e due prompt per confrontare le offerte con l'AI. Per intenderci sui termini, uno scrollytelling è un sito in cui il contenuto compare o cambia mentre l'utente scorre la pagina [^s1]. È la base dei [siti premium cinematic per brand](https://www.marketinghackers.it/risorse/guide/creazione-siti-premium-cinematic-brand/).

## Perché un sito scrollytelling cambia il tipo di fornitore che ti serve

![Diagramma di Venn con tre cerchi sovrapposti: scrittura, motion design e sviluppo, che si incontrano al centro in uno smartphone con freccia di scorrimento.](https://www.marketinghackers.it/risorse/media/agenzia-siti-scrollytelling-italia-body-1.jpg)

*Scrittura, movimento e codice: solo dove i tre mestieri si sovrappongono nasce uno scrollytelling che funziona sul telefono. · Foto: Generata con BrandPix*

Per un sito vetrina il fornitore assembla pagine fatte di header, sezioni, form e footer. Il lavoro si giudica pagina per pagina.

In uno scrollytelling il fornitore progetta il tempo. Decide quanto dura una scena, cosa vede l'utente prima del prezzo, quando un'immagine lascia spazio al testo. Per farlo servono tre mestieri insieme. Qualcuno scrive la storia, qualcuno disegna il movimento e qualcuno lo fa girare in modo fluido sul telefono. I ricercatori dell'Hasso-Plattner-Institut lo scrivono in modo esplicito. Per ottenere uno scrollytelling di qualità devono collaborare content designer, grafici e sviluppatori, e quando chi progetta dipende in tutto da chi sviluppa nascono incomprensioni e iterazioni inutili [^s5]. Il gruppo dell'Università di Bergen arriva alla stessa conclusione, citando una valutazione con utenti secondo cui servono autori, designer e sviluppatori nello stesso team [^s1].

Un'agenzia di scrollytelling che copre un solo mestiere subappalta gli altri due oppure li simula con un template animato. Lo vedi nel risultato, quando il testo arriva per ultimo e viene incastrato nelle animazioni già fatte.

Il formato nasce nel giornalismo. Il New York Times pubblica *Snow Fall* nel dicembre 2012. Il reportage vince il Pulitzer nel 2013 e nella prima settimana supera i 3,5 milioni di visualizzazioni, con circa 12 minuti di permanenza media sulla pagina [^s7]. Dodici minuti su una pagina sola. È questo il livello di attenzione che un sito immersivo può ottenere, ed è per questo che chiedere a un'agenzia web generalista di "aggiungere qualche animazione" porta da tutt'altra parte.

> **In breve.** Scegli un fornitore che sappia scrivere, disegnare il movimento e programmare, oppure uno che ti dica con chiarezza chi fa cosa e con quali partner.

## Chi realizza siti scrollytelling in Italia? Le 4 tipologie di fornitore

In Italia trovi la web agency generalista, lo studio creativo specializzato in motion, lo sviluppatore creativo freelance e il team ibrido che usa l'AI per accelerare concept, testi e prototipi sotto una direzione creativa umana. Ognuno ha senso per un progetto diverso e comporta un rischio diverso.

| Tipologia | Punto di forza | Rischio tipico | Quando ha senso | Budget relativo |
|---|---|---|---|---|
| Web agency generalista | Gestisce sito, SEO e manutenzione in un unico contratto | Usa template con effetti allo scroll e li chiama scrollytelling | Pochi effetti su un sito istituzionale | Basso o medio |
| Studio creativo e motion | Qualità visiva alta, spesso premi di settore in vetrina | Siti belli ma pesanti, testi trattati come riempitivo | Lancio di prodotto, brand con forte identità visiva | Alto |
| Sviluppatore creativo freelance | Controllo tecnico totale sulle animazioni | Storia e copy restano a te, continuità legata a una sola persona | Hai già un copywriter e un designer interni | Medio |
| Team ibrido con AI | Tempi di concept e prototipo più brevi, tre mestieri coordinati | Contenuti generici se la direzione creativa è debole | PMI che vuole il risultato senza gestire tre fornitori | Medio |

Lo studio motion è quello che più spesso si presenta come agenzia di web design cinematic. Funziona bene quando la storia è soprattutto visiva. Se invece il tuo racconto si regge sui numeri, per esempio l'impatto di un impianto o i passaggi di una filiera, conta di più chi sa mettere in scena i dati. In uno studio con 98 partecipanti, un racconto a fumetti interattivo basato sui dati è stato più coinvolgente del testo con le stesse informazioni, e chi lo ha letto ricordava e capiva meglio i dati [^s3].

Il [costo di un sito web cinematic](https://www.marketinghackers.it/risorse/siti-landing-page/costo-sito-cinematic-prezzi/) cambia sensibilmente da una fascia all'altra.

Una nota di trasparenza. Marketing Hackers vende il servizio gestito di siti premium cinematic e rientra nella quarta tipologia. Leggi questa guida sapendo da dove parla, e applica i criteri anche a noi.

## I 7 criteri per valutare un'agenzia di siti scrollytelling

![Grafico a barre con sette criteri rappresentati da icone, ciascuno con voto da zero a tre, e una barra del totale con soglia evidenziata a 14 su 21.](https://www.marketinghackers.it/risorse/media/agenzia-siti-scrollytelling-italia-body-2.jpg)

*Sette criteri, voto da 0 a 3: sotto i 14 punti su 21 l'offerta va rinegoziata, e uno zero su performance mobile o proprietà pesa più di tutto. · Foto: Generata con BrandPix*

Usa questi sette criteri su ogni offerta che ricevi. Alla fine della sezione trovi il sistema di punteggio.

### 1. Portfolio con link pubblici e funzionanti

Un video su Vimeo mostra il sito nelle condizioni migliori, girato su un computer potente con una connessione in fibra. Ti servono gli indirizzi di almeno tre progetti scroll-driven ancora online, realizzati per clienti reali. Se un progetto è stato smontato, chiedi il motivo. A volte il cliente ha cambiato strategia, a volte il sito era diventato impossibile da gestire.

**Come lo verifichi.** Chiedi tre link e aprili tu, dal tuo telefono, quando l'agenzia non è presente.

### 2. Storyboard prima del codice

Uno scrollytelling si progetta come un cortometraggio. Prima di scrivere una sola riga di codice devono esistere lo storyboard diviso per scene, lo script con i testi e la durata di ogni scena e un prototipo di movimento, anche grezzo. Il gruppo di Potsdam ha osservato che, quando il designer non può verificare da solo la propria visione, il risultato finale spesso se ne allontana e si accumulano giri di revisione evitabili [^s5]. Ogni giro in più lo paghi tu.

**Come lo verifichi.** Chiedi di vedere lo storyboard di un progetto consegnato, anche con il nome del cliente oscurato.

### 3. Chi scrive la storia

Molte agenzie chiedono al cliente "i contenuti" e si limitano a impaginarli. In un sito scroll-driven è il testo a decidere il ritmo. Stabilisce quante parole stanno in una scena, dove il lettore si ferma, cosa vede prima di arrivare al modulo di contatto. Se nessuno in agenzia scrive, quel lavoro ricade su di te o non lo fa nessuno.

**Come lo verifichi.** Chiedi nome e ruolo di chi scriverà i testi e uno script già scritto da quella persona.

### 4. Chi scrive il codice

Il subappalto diventa un problema quando non viene dichiarato. Sei mesi dopo il lancio vuoi cambiare una scena e scopri che il freelance che l'ha programmata ora lavora per altri. Chiedi anche quali tecnologie verranno usate, perché le tecnologie per i siti immersivi sono parecchie e alcune legano il sito a un solo sviluppatore.

**Come lo verifichi.** Chiedi chi sviluppa, se è interno o esterno e chi interviene per una correzione dopo la consegna.

### 5. Performance misurata su smartphone

Il riferimento giusto è il telefono medio dei tuoi clienti, con una rete mobile qualsiasi. Video in alta risoluzione e sequenze di centinaia di immagini pesano. Un'agenzia seria ti spiega come li carica e accetta di scrivere nel contratto, come condizione di collaudo, che la versione mobile deve superare la valutazione Core Web Vitals di PageSpeed Insights.

**Come lo verifichi.** Fai il test del portfolio descritto più avanti e leggi la clausola di collaudo nella bozza di contratto.

### 6. Movimento sotto controllo e accessibilità

Il rischio più frequente è lo scrolljacking, cioè il sito che prende il controllo della velocità di scorrimento e impedisce di saltare avanti. Anche i progetti riusciti hanno i loro limiti. Una piattaforma di scrollytelling valutata da 289 persone ha ottenuto 79,9 sulla System Usability Scale, eppure gli autori segnalano il rischio di sovraccarico cognitivo dovuto alla quantità di informazioni [^s4]. Chiedi una versione pensata per chi attiva la riduzione del movimento sul telefono. Per gli obblighi europei di accessibilità digitale, che riguardano solo alcune categorie di prodotti e servizi, fai una verifica con il tuo consulente legale.

**Come lo verifichi.** Attiva la riduzione del movimento e riapri i siti del portfolio.

### 7. Proprietà e autonomia dopo il lancio

Codice, file sorgente delle animazioni, video, licenze di font e immagini devono restare a te. Chiedi anche cosa potrai modificare da solo. Gli editor e i CMS che usi per un sito normale supportano poco la narrazione interattiva [^s1], quindi in uno scrollytelling anche la modifica di un titolo può richiedere uno sviluppatore. Meglio saperlo prima.

**Come lo verifichi.** Pretendi per iscritto la clausola di proprietà e una demo del pannello di modifica.

### Il punteggio

Dai a ogni criterio un voto da 0 a 3.

| Voto | Significato |
|---|---|
| 0 | Assente o non dichiarato |
| 1 | Dichiarato a voce |
| 2 | Mostrato con un esempio concreto |
| 3 | Mostrato e scritto nel contratto |

Il massimo è 21. Per regola pratica, sotto 14 noi rinegoziamo o scartiamo l'offerta. Uno zero sui criteri 5 o 7 pesa più di qualsiasi punteggio estetico, perché sono i due problemi che scopri solo dopo aver pagato.

## Il test del portfolio in 20 minuti, senza competenze tecniche

![Quattro passaggi in sequenza con smartphone: test di velocità, prova su rete mobile senza Wi-Fi, riduzione del movimento attiva, ricerca rapida dei contatti, so](https://www.marketinghackers.it/risorse/media/agenzia-siti-scrollytelling-italia-body-3.jpg)

*Il test in quattro tappe: PageSpeed, rete mobile, riduzione del movimento e ricerca veloce dei contatti, tutto in venti minuti. · Foto: Generata con BrandPix*

Prendi due progetti del portfolio, uno smartphone e un cronometro.

1. **Minuti 0-5, PageSpeed Insights.** Vai su pagespeed.web.dev, incolla l'indirizzo e apri la scheda "Dispositivi mobili". Annota se la valutazione Core Web Vitals è superata o non superata. Ripeti con il secondo progetto.
2. **Minuti 5-12, rete mobile.** Spegni il Wi-Fi e apri il sito. Cronometra quanto tempo impiega a mostrare un testo leggibile. Scorri fino in fondo e annota scatti, scene che saltano, testi sovrapposti alle immagini che non si leggono.
3. **Minuti 12-17, riduzione del movimento.** Su iPhone vai in Impostazioni, Accessibilità, Movimento e attiva Riduci movimento. Su Android cerca "Rimuovi animazioni" nelle impostazioni di accessibilità (il nome cambia un po' da marca a marca). Riapri il sito, che deve restare leggibile e navigabile.
4. **Minuti 17-20, fretta.** Fai finta di essere un cliente che vuole solo il numero di telefono. Scorri veloce, torna indietro, cerca i contatti. Se ci metti più di qualche secondo, lui ci metterà ancora di più.

Il report di PageSpeed è pieno di sigle. Copia il testo del report e incollalo in Claude o in ChatGPT insieme al prompt qui sotto.

```
Sono il titolare di un'azienda e sto scegliendo un'agenzia per un sito
scrollytelling. Non ho competenze tecniche. Qui sotto incollo il report
PageSpeed Insights, versione mobile, di una pagina del loro portfolio.
Spiegami in parole semplici:
1. se la pagina supera i Core Web Vitals e quale metrica è più lontana
   dalla soglia;
2. quali problemi dipendono da animazioni, video o immagini;
3. tre domande precise da fare all'agenzia su questi problemi.
Non inventare valori assenti dal report. Se un dato manca, dimmelo.

[incolla qui il report]
```

Le tre domande che ottieni portale al primo incontro, insieme a quelle della prossima sezione.

## Le 12 domande da fare al primo incontro

La colonna di destra conta più di quella centrale. Basta una sola risposta da campanello d'allarme sui punti 1, 5 o 9 per fermarsi e chiedere chiarimenti per iscritto.

| # | Domanda | Risposta buona | Campanello d'allarme |
|---|---|---|---|
| 1 | Posso aprire oggi tre vostri progetti scroll-driven? | Tre link funzionanti | Solo video, oppure "sono tutti sotto NDA" |
| 2 | Cosa mi consegnate prima di sviluppare? | Storyboard, script delle scene, prototipo di movimento | "Partiamo dalla grafica e poi vediamo" |
| 3 | Chi scrive i testi delle scene? | Nome e ruolo di un copywriter | "I contenuti li fornisce il cliente" |
| 4 | Chi sviluppa e chi interviene dopo il lancio? | Sviluppatore interno o partner fisso dichiarato | Risposta vaga, persona diversa a ogni progetto |
| 5 | Quale soglia di performance scrivete nel contratto? | Core Web Vitals superati su mobile, verificati con PageSpeed | "Sarà velocissimo", senza misure |
| 6 | Cosa succede con la riduzione del movimento attiva? | Versione alternativa già progettata | Non sanno di cosa parli |
| 7 | Su quali telefoni lo testate? | Elenco di dispositivi reali, anche di fascia media | Solo l'emulatore del browser |
| 8 | Cosa posso modificare da solo? | Demo del pannello ed elenco dei campi modificabili | "Per ogni modifica scrivici" |
| 9 | Di chi sono codice, video e file sorgente? | Del cliente, per contratto | Licenza d'uso a tempo, oppure silenzio |
| 10 | Quante revisioni sono incluse e in quale fase? | Concentrate su storyboard e prototipo | Revisioni illimitate a sito finito |
| 11 | Come misurate se il racconto funziona? | Eventi di scroll e conversioni definiti prima del lancio | Solo il numero di visite |
| 12 | Usate l'AI nel processo, e dove? | Fasi precise con revisione umana | Negano tutto, oppure affidano tutto all'AI |

La domanda 10 ha un senso economico preciso. Cambiare una scena sullo storyboard costa un'ora, cambiarla a sito già programmato può costare giorni. Un'agenzia che concentra le revisioni all'inizio sta proteggendo il tuo budget.

## Come usare l'AI per confrontare le offerte delle agenzie

L'AI accelera il confronto e il giudizio finale resta tuo. I ricercatori della Tongji University hanno classificato 91 tra modelli di progettazione e strumenti per la narrazione visiva, e solo 9 riguardano scrollytelling e slideshow [^s2]. Gli stessi autori ricordano che costruire visualizzazioni narrative richiede tempo, competenze di analisi e competenze di design. Su questo formato l'automazione è ancora scarsa, e un'offerta che promette "tutto generato dall'AI" va guardata con sospetto.

Il processo che usiamo si articola in quattro passi.

1. Manda a ogni agenzia le 12 domande e chiedi risposte scritte insieme al preventivo.
2. Togli i nomi e rinomina le offerte A, B e C. Così riduci l'effetto del brand più noto.
3. Carica i documenti in un progetto di Claude oppure in Google NotebookLM, che risponde citando i passaggi dei file caricati.
4. Usa il prompt qui sotto e controlla tu ogni citazione prima di fidarti del voto.

```
Ti allego le offerte di tre agenzie per un sito scrollytelling,
anonimizzate come A, B e C. Valuta ciascuna sui sette criteri seguenti
con un voto da 0 a 3 (0 assente, 1 solo dichiarato, 2 mostrato con un
esempio, 3 mostrato e scritto nel contratto):
1. portfolio con link pubblici
2. storyboard, script e prototipo prima dello sviluppo
3. chi scrive i testi delle scene
4. chi sviluppa e chi fa manutenzione
5. soglia di performance su mobile
6. riduzione del movimento e accessibilità
7. proprietà di codice e asset, autonomia di modifica
Per ogni voto riporta la frase esatta del documento da cui lo ricavi.
Se il documento non dice nulla, assegna 0 e scrivi "non dichiarato".
Alla fine elenca, per ogni agenzia, le tre domande da fare prima di
firmare.
```

La regola "se non è scritto, vale zero" è quella che fa la differenza. Obbliga il modello a lavorare sui documenti e ti mostra subito cosa l'agenzia ha promesso a voce senza metterlo per iscritto.

## Quanto pesa il prezzo nella scelta?

Il prezzo va guardato dopo i sette criteri. Due offerte con la stessa cifra possono contenere lavori molto diversi. Una include storyboard, testi e test su dispositivi reali, l'altra un template animato con sopra il tuo logo. Confronta una per una le voci di ogni [preventivo per un sito premium](https://www.marketinghackers.it/risorse/siti-landing-page/preventivo-sito-premium-brand/). Il [costo di un sito web cinematic](https://www.marketinghackers.it/risorse/siti-landing-page/costo-sito-cinematic-prezzi/) si muove per fasce di mercato, e a parità di fascia conta cosa c'è dentro.

### Uno scrollytelling ha senso per una PMI B2B?

Sì, se hai una storia da raccontare in sequenza, come un processo produttivo, una filiera o un prodotto da spiegare. Honda ha spostato il suo magazine *The Engine Room* su una piattaforma di scrollytelling nel 2018 e ha registrato un aumento dell'85% del tempo medio sul sito e del 47% del tasso di clic [^s7]. Per un'azienda con un milione e mezzo di fatturato, il punto di partenza ragionevole è una singola pagina narrativa collegata a un sito tradizionale.

### Posso partire da una sola landing page?

È spesso la scelta migliore. Con una landing scroll-driven dedicata a un prodotto o a una campagna misuri i risultati prima di rifare l'intero sito, e vedi come lavora l'agenzia su un perimetro ridotto.

### Il testo dentro le animazioni viene letto dai motori di ricerca?

Dipende da come è costruito il sito. Chiedi che titoli e paragrafi siano testo vero nella pagina, leggibile anche con le animazioni disattivate. Il test della riduzione del movimento ti dà un primo indizio. Se con le animazioni ridotte il testo sparisce, chiedi spiegazioni.

Ai nostri progetti lavora il nostro [Design Team](https://www.marketinghackers.it/risorse/apps-services/design-team/), con nomi e ruoli dichiarati. Applica la rubrica anche a noi, con lo stesso rigore che useresti con chiunque altro.

## Fonti

[^s1]: ScrollyVis: Interactive Visual Authoring of Guided Dynamic Narratives for Scientific Scrollytelling. [ieeexplore.ieee.org](https://ieeexplore.ieee.org/ielx7/2945/4359476/09887905.pdf)
[^s5]: Tool support for collaborative creation of interactive storytelling media. [books.google.co.th](http://books.google.co.th/books?id=U6u0EAAAQBAJ&dq=scrollytelling+interactive+narrative+web+design&hl=&as_pt=BOOKS&source=gbs_api)
[^s7]: The Concept of "Scrollytelling" in Academic Discourse and Media Practice. [logosfera.unn.ru](https://logosfera.unn.ru/files/nomera/30337771_2026_1/10.pdf)
[^s3]: Interactive data comics for communicating medical data to the general public: A study of engagement and ease of understanding. [ars.els-cdn.com](https://ars.els-cdn.com/content/image/1-s2.0-S0097849324001900-ga1_lrg.jpg)
[^s4]: A Web-Based Data Visualization Approach Using Scrollytelling to Communicate Electric Vehicle Emission Reductions in Indonesia. [doi.org](https://doi.org/10.62527/joiv.10.4.3647)
[^s2]: How Does Automation Shape the Process of Narrative Visualization: A Survey of Tools. [ieeexplore.ieee.org](https://ieeexplore.ieee.org/ielx7/2945/4359476/10081398.pdf)