Al contenuto principale

Anteprima preparata da Federico Vitiello per Parallelo42. Non è il sito ufficiale di Matilde Boutique Hotel.

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)
Prenota

Per Parallelo42

Ho rifatto la home del Matilde. Non per rubarvi il cliente: per farvi vedere come potete farlo voi.

Il sito che firmate («Credits 2026 by Parallelo42», in fondo a ogni pagina) è tenuto con cura, e si vede: il marchio è rispettato ovunque (i verdi, la sabbia, il bronzo, Crimson), le schede delle camere sono precise (i metri, le terrazze dell'ultimo piano, il camino della Junior Suite), la pagina delle attrazioni ha le distanze a piedi vere, e quella dei vantaggi dice bene perché prenotare diretto. E il video della home racconta la cosa giusta: dalla suite al Duomo in pochi passi.

Tutto quello che c'è in questa pagina viene da lì: le foto, il video, le parole, i numeri. Quello che pesa sul sito di oggi non è il progetto: è il tema, che si porta dietro decine di script, e il video da 16,2 MB che il telefono scarica intero per fare da sfondo. Ho tolto il peso, e ho messo in fila le cose nell'ordine in cui se le chiede chi sceglie un albergo: dove sono, com'è la stanza, perché prenotare qui.

Matilde Boutique Hotel non sa niente di questa pagina: nessuno l'ha contattato.

Il prima e il dopo, dal telefono

La home di matildeboutiquehotel.com oggi, dal telefono, col banner dei cookie nascosto: il video col volto della sposa da vicino, il nome dell'hotel e «Eleganza senza tempo a Milano»
Oggi, col banner dei cookie nascosto: sotto c'è questa schermata.
La home rifatta, dal telefono: la sposa alla finestra della suite, la tenda verde, e «Il tuo hotel di charme nel cuore di Milano»
L'anteprima, la stessa schermata, senza niente da chiudere.

Con Lighthouse, l'esame di PageSpeed, dal telefono

Lo stesso esame che rifate in un minuto su PageSpeed Insights. La rete e il processore lenti li simula con un calcolo, per questo i suoi secondi non coincidono con quelli della sonda qui sotto. Del sito di oggi tengo il passaggio migliore, dell'anteprima il peggiore.

Il voto delle prestazioni
90 su 100invece di 49
La prima schermata (LCP)
3,4 sinvece di 18,6 s
Il peso che scarica
1,2 MBinvece di 18,8 MB

Con la sonda, in una rete rallentata davvero

Apre la pagina come un telefono senza cache, col processore lento e la rete di un 4G, o di una rete lenta, e prende la mediana dei giri.

La prima schermata (LCP), in 4G
0,8 sinvece di 4,7 s
La stessa, in una rete lenta
1,7 sinvece di 10,6 s
Il peso del primo caricamento, in 4G
599 KBinvece di 4,7 MB
Le richieste ad altri siti
0invece di 16
Il video del sito
564 KB, dopo la prima schermatainvece di 16,2 MB, anche al telefono

Misurato il 27 ottobre 2026 dalla macchina virtuale di Alleniamo Imprese, con Chrome come un telefono, sul sito di oggi e su questa anteprima, tutti e due online. I 110 fotogrammi della passeggiata pesano 2,4 MB al telefono e 3,7 MB al computer, e arrivano solo quando ci si avvicina scorrendo: non entrano nel primo caricamento.

Che cosa ho cambiato, e perché

  1. Il Duomo, fatto sentire

    La home di oggi dice «a pochi passi dal Duomo»; la pagina delle attrazioni lo misura: 290 metri, quattro minuti. Qui la distanza si fa col pollice: scorrendo, il video della home va avanti un fotogramma alla volta, dalla porta della suite al corridoio, giù per le scale, sotto il portico col Duomo dietro, fino alla cupola della Galleria, e il conto si ferma sui due numeri veri. È il principio con cui lavoro, «feel, don't tell»: la pagina fa vivere la promessa invece di scriverla.

  2. Il video della home, leggero

    Dai 22 secondi del video ho preso le tre inquadrature della suite (il letto col velluto verde, la stanza, la tenda che si apre) e ne ho fatto un anello di sette secondi a metà velocità: il girato è a 50 fotogrammi al secondo, quindi il rallentato è fatto di fotogrammi veri. L'inquadratura del letto viene da una cadenza diversa (un fotogramma ogni quattro si ripete), e a metà velocità si sarebbe visto un inciampo: le copie sono tolte. Due tagli veri, verticale per il telefono e orizzontale per il computer: 564 KB al telefono invece di 16,2 MB. La prima cosa che il telefono mostra è un fotogramma fermo di 10 KB; il video parte dopo, dallo stesso fotogramma.

  3. La stanza prima del prezzo

    Le sei camere stanno dietro una porta della boiserie bianca, come quelle dei corridoi dell'hotel: scorrendo si apre sulla camera vera, e scorrendo ancora si attraversa la soglia, finché la camera è a tutto schermo con la sua scheda (i metri, gli ospiti, la frase della sua scheda sul sito). Le sei targhe cambiano camera: la porta si richiude e si riapre sull'altra. La porta è un disegno che gira sul cardine; attraversando la soglia il vano si allarga attorno alla camera, che resta una foto intera: niente si piega.

  4. Perché prenotare qui, accanto al tasto

    I vantaggi della prenotazione diretta, con le parole del sito, stanno nello stesso pannello delle date, una testiera di velluto capitonné disegnata come quelle delle camere: chi decide li legge mentre decide. In anteprima il tasto non prenota; sul sito vero aprirebbe Visioni già sulle date scelte, come fa già un link del sito di oggi, che le passa nell'indirizzo.

  5. Google, e il link che arriva su WhatsApp

    I dati strutturati di un albergo, con l'indirizzo, il telefono e le sei camere coi loro metri; un solo titolo principale; e l'anteprima del link con la suite, che oggi manca: mandato su WhatsApp, il link del sito arriva senza immagine.

  6. La velocità, detta onestamente

    Niente tema e niente plugin, nessuna richiesta ad altri siti: le foto alle misure che servono a ogni schermo, i caratteri del sito (Crimson Pro e Karla) serviti dal sito stesso. Niente banner dei cookie, perché non ce n'è bisogno: la pagina non usa cookie e non sa chi la legge. Conta se viene aperta, fin dove si scorre, quanto ci si resta e che cosa si tocca. Il confronto non è alla pari su tutto: qui non ci sono l'inglese, il motore di prenotazione e Google Analytics. Se servono si rimettono, e il conto si rifà con loro.

Due cose si sistemano già domani sul sito di oggi, senza aspettare il resto: l'immagine per l'anteprima del link (la home non ne dichiara una), e le etichette del modulo delle date in home, che sono ancora quelle del tema, in inglese («Book Your Stay», «Check Availability»): vale la pena di rileggere tutto quel blocco.

Quanto tempo, e con che cosa

Martedì 27 ottobre, dalle 19:22 alla pubblicazione, alle 23:45. Prima c'era stata la ricerca: un altro agente aveva scelto Parallelo42 e il Matilde fra le agenzie di Milano, e scritto che cosa doveva sentire chi visita la pagina. Poi l'ha costruita un agente di intelligenza artificiale (Claude) che lavora con Linus, il metodo con cui lavoro: ha smontato e misurato il sito di oggi, ha scritto l'analisi e il progetto, e alle 19:50 aveva le prime schermate di prova. Un critico indipendente, nel ruolo del direttore creativo di uno studio, le ha giudicate prima che si disegnasse il resto; un verificatore, che non l'ha costruita, la collauda e rilegge ogni fatto sul sito del Matilde. Il mio lavoro sta nel metodo che seguono.

Next.js, pubblicata su Vercel; ffmpeg e OpenCV per il video, che è quello del sito, tagliato e rallentato: nessuna immagine è generata. La decisione di che cosa far sentire (la distanza col pollice, la porta, il velluto) è il lavoro vero, e l'hanno presa gli agenti col metodo, sul materiale guardato tutto. Quello che è cambiato è quanto costa eseguirla, una volta decisa.

Che cosa potete portare al Matilde

  • Il video della home ricodificato e avviato dopo la prima schermata: è la correzione che toglie più peso, e si fa anche sul tema che avete.
  • Le sei schede delle camere rifatte così, con la porta, la galleria vera di ciascuna e il motore aperto già sulla camera e sulle date.
  • La passeggiata anche per la Scala, il Castello Sforzesco e i Navigli, con le distanze che la pagina delle attrazioni ha già.
  • La pagina in inglese, che oggi il sito ha: chi prenota un albergo sotto il Duomo arriva spesso da fuori.
  • Il gestore dei contenuti sulla pagina stessa: le offerte, le frasi e le foto le cambia chi le sa, senza aprire WordPress.

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 del Matilde ci sono due cose che quasi nessuno trova. Se le avete già viste, le ho nascoste male; se no, aprite qui.
  • Si può bussare

    Nella home, alle camere, quando la porta è ancora chiusa: toccatela (o, da tastiera, portateci il fuoco e premete Invio). L'anta trema a due colpi, come quando si bussa, e si apre da sola sulla camera che avete scelto.

    PerchéAl Matilde il concierge c'è 24 ore su 24: davanti a una porta non si resta ad aspettare. La pagina fa lo stesso, anche a chi non ha capito che si apre scorrendo.

    Vai alle camere

  • Le porte vecchie

    Nella barra degli indirizzi scrivete per-parallelo42.alleniamoimprese.it/room/junior-suite, che è l'indirizzo della scheda della Junior Suite sul sito di oggi. L'anteprima non ce l'ha: si apre la pagina degli indirizzi che non esistono, «Questa porta non si apre», che riconosce la camera e vi accompagna alla sua porta in home, già scelta.

    PerchéIn albergo chi sbaglia porta viene accompagnato a quella giusta. Se la pagina andasse online, chi arriva da un vecchio link di Google o di un portale troverebbe la sua camera, invece di un errore.

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