Vai al contenuto

Anteprima preparata da Federico Vitiello per Rienzi Web Agency. Non è il sito ufficiale di Villa Cagnola.

Come è fattaContattami su WhatsApp (si apre in un'altra scheda)Partecipa al corso (si apre in un'altra scheda)Privacy (si apre in un'altra scheda)

Per Rienzi Web Agency

Ho rifatto la home di Villa Cagnola. Non per rubarvi il cliente: per farvi vedere come potete farlo voi.

Il sito di Villa Cagnola che porta la vostra firma è un lavoro completo: le pagine per ogni servizio, il calendario degli eventi aggiornato fino ad aprile, la biglietteria delle visite sul sito della collezione, il blog, l'italiano e l'inglese. È il sito di un posto che vive di soggiorni, congressi e matrimoni, e lo fa lavorare.

Dentro ci sono cose che questa pagina tiene tutte: il video della home, che è la cosa più bella del sito; la galleria della collezione con le schede d'inventario scritte bene; le foto delle sale, del parco e dei matrimoni; la promessa della miglior tariffa a chi prenota dal sito. I testi, le foto, le date e le schede di questa pagina vengono da lì. Quello che ho cambiato è l'ordine, il peso, e il modo in cui chi arriva incontra la villa.

Villa Cagnola non sa niente di questa pagina: nessuno l'ha contattata.

Il prima e il dopo, dal telefono

La home di villacagnola.com oggi, dal telefono: in cima la striscia del video con la fontana e il lago, sotto «Benvenuti a Villa Cagnola» e il testo
Oggi, la prima schermata, col banner dei cookie nascosto da me per la foto
La home rifatta, dal telefono: la villa vista dal drone a tutto schermo, il nome Villa Cagnola e il tasto per prenotare una camera
L'anteprima, la stessa schermata: la villa, il nome, la prenotazione
  • Il contenuto principale della prima schermata, in 4G0,7 sinvece di 3,0 s
  • Lo stesso, in una rete lenta2,0 sinvece di 5,7 s
  • Peso al primo caricamento0,8 MBinvece di 1,9 MB
  • Peso secondo Lighthouse, col video che parte da solo1,0 MBinvece di 16,9 MB
  • Richieste ad altri siti al primo caricamento0invece di 16Il sito vero terrebbe quelli che servono (il consenso ai cookie, la misura delle visite), caricati dopo la pagina. Qui l'unica cosa che esce dalla pagina è la misura anonima delle visite di questa anteprima, sul mio stesso dominio.
  • Lighthouse sul telefono, su 10085-93invece di 39-48

Misurato il 27 e il 28 ottobre 2026, l'anteprima e il sito di oggi dalla stessa macchina: con Lighthouse 12 sul telefono (in tabella il passaggio più basso e il più alto) e con una sonda che apre la pagina in Chrome come un telefono, senza cache, con la rete strozzata come un 4G (8 Mbit/s, 165 ms) e come un 4G lento (1,4 Mbit/s, 562 ms). Lighthouse si rifà in un minuto su PageSpeed Insights, coi suoi numeri: cambiano da un passaggio all'altro, per questo qui c'è l'intervallo.

Che cosa ho cambiato, e perché

  1. Si entra nella villa, invece di leggere che c'è

    L'apertura è il video della home, ma non parte da solo: avanza col dito. Quattro riprese del video, una dopo l'altra: il drone sulla facciata, il volo sul giardino all'italiana, la sala dell'arazzo col lampadario, la Madonna a fondo oro nel buio. Chi arriva entra dal cielo e si ferma davanti alla tavola: è il principio che chiamo «feel, don't tell», far sentire la promessa invece di spiegarla. Sono fotogrammi veri, tagliati e scalati e nient'altro: si muove la camera dell'operatore, non le figure. La prima schermata è il primo fotogramma, fermo, e arriva subito; gli altri arrivano dopo: sette a pagina ferma, se il telefono non dice che la rete è lenta, il resto al primo gesto.

  2. Quattro porte, poi tre tocchi per prenotare

    Chi apre il sito di una villa così cerca una di quattro cose: dormire, sposarsi, riunirsi, visitare. Sono le quattro tessere grandi sotto l'apertura, ognuna con la sua foto vera, e portano alla loro sezione. La prenotazione fa il conto delle notti mentre si scelgono le date; la data delle nozze dice il giorno della settimana e la stagione; il parco dice se è aperto adesso, invece della tabella degli orari.

  3. La collezione a lume, fino alla camera

    La collezione è il pezzo più forte della villa, e oggi è una voce fra cinque servizi. Qui le opere passano su una parete al buio con le loro schede d'inventario, quelle della vostra galleria, e una luce calda dall'alto le accende una alla volta, come la lampada di chi guida la visita; alla fine accende la suite al piano nobile, che era la camera della Signora Cagnola, e sotto c'è la prenotazione. Le porcellane e la terracotta, fotografate su un fondo da catalogo, le ho scontornate: una maschera, i pixel dell'opera restano quelli della foto; il vaso resta nella sua foto, col suo fondo scuro. È luce sopra foto ferme: le foto non cambiano di un pixel. La collezione diventa il motivo per fermarsi a dormire.

  4. Il materiale vero, e niente di inventato

    Il marchio è il loro file, com'è; i colori sono presi dai fotogrammi del video (il buio delle sale, la foglia d'oro, l'intonaco della facciata, il bosso del giardino); il carattere dei titoli è un romano aldino, la Venezia del Quattrocento delle tavole dei Vivarini e di Jacopo Bellini. Nessuna immagine generata. Le cifre delle pagine «Camere» e «Chi siamo» sono contatori animati che partono da dieci in meno, e nella pagina c'è scritto il numero di partenza: chi non li vede girare legge 60 camere dove il testo accanto dice 70, e 17 ettari dove dice 27. Qui ho scritto frasi senza cifre, e ho messo le domande per la villa in un elenco.

  5. Google, e chiunque arrivi

    Un solo titolo principale col nome della villa; la villa descritta a Google come albergo, con l'indirizzo, gli orari d'arrivo e di partenza e i servizi, e gli eventi in calendario uno per uno, come fa già il vostro sito; l'anteprima del link con la foto vera. Bersagli di almeno 44 pixel, testi da 14 in su, contrasti misurati, la tastiera che arriva dappertutto, il film che resta fermo per chi ha chiesto meno movimento. E nessun servizio esterno caricato da solo: tutto sta sul dominio della pagina, compresa la misura anonima delle visite di questa anteprima.

Quanto tempo, e con che cosa

Una sera: dalle 19:24 del 27 ottobre 2026 a mezzanotte passata, dal primo rilievo alla pagina pubblicata e collaudata. L'ha costruita un agente di intelligenza artificiale (Claude) che segue Linus, un metodo di lavoro che ho scritto per l'intelligenza artificiale: prima ha smontato e misurato la home di oggi, poi ha scelto il materiale e scritto il progetto, poi le prove e l'anteprima, che un critico indipendente, su un altro agente, ha giudicato quattro volte, sugli scatti e sulla pagina vera. Un altro, che non l'ha costruita, l'ha collaudata e ha riletto ogni fatto sulla fonte.

È una vetrina statica in Next.js, pubblicata su Vercel: niente tema, niente plugin, nessuno script di altri siti. Se la pagina va online, si aggiunge il gestore dei contenuti: la villa cambia da sé testi, foto ed eventi dalla pagina stessa. In questa anteprima non c'è, e la prenotazione, la biglietteria e i moduli si provano ma non partono. Il tempo vero, adesso, sta nelle decisioni: che cosa deve sentire chi arriva, che cosa togliere, che cosa è della villa e di nessun altro.

Che cosa potete portare a Villa Cagnola

  • Il peso, prima di tutto: il video della home ricodificato alla misura in cui si vede, che parte dopo la prima schermata, e i servizi esterni rivisti uno per uno e caricati dopo la pagina. Si fa sul WordPress che avete già.
  • La collezione come motivo per venire e per restare: la galleria con le schede l'avete già fotografata.
  • I contatori di «Camere» e «Chi siamo» col numero d'arrivo scritto nella pagina: oggi nell'HTML c'è quello di partenza, dieci in meno, e chi non vede l'animazione legge quello. Una riga per contatore.
  • Se volete andare oltre il tema, una vetrina veloce davanti alla prenotazione e alla biglietteria che ci sono già: è quello che questa pagina fa vedere.

Se volete vedere come si lavora così

Giovedì 29 ottobre, dalle 14 alle 17, Marco Santonocito e io conduciamo «AI per agenzie»: un pomeriggio con le agenzie organizzato da Alleniamo Imprese, in un'aula della 24ORE Business School di Milano.

Partecipa al corso (si apre in un'altra scheda)

Federico VitielloAlleniamo Imprese: formazione sull'intelligenza artificiale per le imprese

P.S.Nell'anteprima di Villa Cagnola c'è una sala chiusa, e la luce della collezione si sposta. Se le avete già trovate, bene; se no, aprite qui.
  • La luce della collezione si sposta

    Al computer, nella collezione a lume, muovete il puntatore a destra e a sinistra mentre scorrete: la luce lo segue un poco e accende l'opera più vicina, con la sua scheda d'inventario.

    PerchéÈ come la lampada di chi vi accompagna nella visita: alla villa la collezione si vede solo con la guida. Le foto delle opere restano ferme, pixel per pixel: si muove solo la luce.

    Vai alla collezione

  • Questa sala è chiusa al pubblico

    Nella barra degli indirizzi, al posto di quello che c'è, scrivete per-rienzi.alleniamoimprese.it/sala-segreta. Si apre la pagina che compare quando un indirizzo non esiste: una sala al buio con la sua scheda d'inventario, «inv. 404», e le porte per tornare alla visita.

    PerchéIn un museo le sale chiuse esistono, e nessuno si perde: c'è sempre un custode che indica la strada. La pagina vi riporta alla collezione, alle camere o alla home.

Privacy (si apre in un'altra scheda)
Contattami su WhatsApp per partecipare (si apre in un'altra scheda)