La Corte delle 4 Stagioni

Da dove nasce

La Corte delle 4 Stagioni è un B&B a Ozzano Monferrato, dentro Palazzo Callieri: tre camere con arredi d'epoca, un salone affrescato, un portico e un parco che cambia aspetto durante l'anno. Un'attività reale, gestita dalla proprietaria, con un dominio e un hosting già esistenti.

Il lavoro comprendeva il racconto della struttura, il percorso per chiedere un soggiorno e gli strumenti per tenere aggiornato il sito. Ho seguito l'esplorazione grafica, l'organizzazione dei contenuti, lo sviluppo e l'adattamento al servizio di hosting della cliente.

La casa aveva molto da mostrare, ma il visitatore doveva anche capire in fretta quale camera scegliere e come contattare la proprietaria. Le fotografie del parco, della colazione e degli interni dovevano accompagnare quelle decisioni, mantenendo riconoscibile il carattere della dimora.

C'era poi un vincolo operativo: prezzi, fotografie e testi dovevano poter cambiare senza passare ogni volta dallo sviluppatore. La soluzione andava portata sull'hosting esistente, con una gestione sostenibile per una struttura di tre camere.

La direzione scelta, e perché quella

La home apre sul parco e sul nome della Corte. Le quattro stagioni diventano un modo per esplorare il luogo: fotografie e testi mostrano come cambiano il giardino e il paesaggio. Il racconto prosegue negli ambienti della dimora, nella colazione e nel territorio, con collegamenti alle pagine dedicate.

Le tre camere — Il Cardinale, Liberty e La Rossa — hanno un confronto iniziale e una scheda ciascuna, con fotografie, capienza, dotazioni e tariffa indicativa. La richiesta conserva la preferenza della camera scelta. Italiano e inglese seguono la stessa struttura, così chi arriva dall'estero trova anche le informazioni pratiche e il percorso di contatto.

Il modulo raccoglie nome, date, ospiti, camera e un messaggio facoltativo. Controlla le date e prepara un riepilogo sul dispositivo: il visitatore sceglie se inviarlo via email o WhatsApp. La pagina chiarisce che disponibilità e condizioni saranno confermate personalmente dalla struttura.

Dall'area riservata si aggiornano i contenuti e le fotografie. Il sito mantiene la propria impaginazione mentre la proprietaria interviene sui dati che cambiano: testi, immagini e prezzi.

Come è fatto dentro

L'interfaccia nasce in React 19 e Vite. Le pagine vengono anche preparate come HTML: un router PHP le serve con titolo, descrizione, canonical, lingue alternative e dati strutturati già nella risposta iniziale. Sul server di produzione bastano PHP e i file del sito; Node.js serve nella fase di sviluppo e compilazione.

L'editor salva i contenuti in JSON e gestisce le fotografie caricate. Il backend controlla la revisione prima di sovrascrivere i testi, usa scritture temporanee con sostituzione del file e un blocco per coordinare le modifiche. Al salvataggio l'area riservata rigenera anche le pagine pubbliche, senza richiedere una compilazione manuale del progetto.

Il pacchetto comprende le regole per Windows/IIS e per Apache. Il router gestisce i vecchi indirizzi con redirect, restituisce una pagina 404 con lo stato corretto e genera sitemap e robots.txt sul dominio definitivo.

Le fotografie hanno varianti WebP e i caratteri sono ospitati localmente. GSAP e ScrollTrigger accompagnano il racconto nelle sezioni fotografiche; con la preferenza di movimento ridotto le informazioni e i controlli restano disponibili. Su telefono navigazione, camere e modulo si dispongono in una sola colonna.

• React 19
• Vite
• PHP
• JSON
• GSAP / ScrollTrigger
• CSS responsive

Cosa è cambiato

• Online sul dominio della struttura

  Il sito è pubblicato su www.lacortedelle4stagioni.com, con un'identità costruita intorno alla dimora e alle sue fotografie.

• Due lingue, lo stesso percorso

  Italiano e inglese comprendono home, camere, informazioni sulla struttura e richiesta di disponibilità, con collegamenti fra le pagine equivalenti.

• Tre camere da confrontare

  Il Cardinale, Liberty e La Rossa hanno pagine dedicate con capienza, fotografie, dotazioni e prezzi indicativi, collegate alla richiesta di soggiorno.

• Richieste pronte per la risposta personale

  Il visitatore prepara un messaggio con date e preferenze e sceglie email o WhatsApp. La disponibilità viene confermata dalla proprietaria.

• Contenuti aggiornabili dall'area riservata

  Testi, fotografie e prezzi si gestiscono con un editor e un archivio su file, compatibile con il pacchetto PHP della cliente.

• Cosa manca da misurare

  Non sono disponibili dati verificati sull'aumento delle richieste o delle prenotazioni. I risultati qui documentati riguardano il sito realizzato e il suo funzionamento.