Piattaforma web e backoffice per il real estate di lusso
Un sito e un sistema di gestione progettati insieme per valorizzare un portfolio immobiliare di fascia alta e permettere al team dell’agenzia di pubblicare autonomamente immobili, contenuti e gallerie fotografiche.
Sintesi del progetto
- Settore
- Real estate di lusso
- Tipologia
- Piattaforma web + Backoffice
- Stato
- Operativo
Piattaforma web e backoffice dedicati per un’agenzia immobiliare specializzata nel real estate di lusso: schede immobili, gallerie e pubblicazione gestite dal team, con pipeline immagini lato server.
Quando il sito è parte del posizionamento dell’agenzia
Nel real estate di lusso la presentazione digitale contribuisce alla percezione dell’immobile e dell’agenzia. Fotografie, testi, ritmo delle pagine e gerarchia delle informazioni devono sostenere il valore del portfolio senza ridurlo a una sequenza di annunci standardizzati.
L’esigenza non riguardava quindi soltanto un nuovo sito. Era necessario progettare insieme la parte pubblica e lo strumento utilizzato quotidianamente dal team per inserire, aggiornare e pubblicare le proprietà.
Aggiornare il portfolio senza dipendere ogni volta dallo sviluppatore
Il precedente flusso rendeva l’aggiornamento degli immobili più lento del necessario. Schede articolate, numerose fotografie e contenuti in più sezioni richiedevano passaggi tecnici o strumenti non costruiti intorno al lavoro reale dell’agenzia.
Il nuovo backoffice doveva permettere al team di completare l’intero percorso: creare la proprietà, organizzare le informazioni, caricare le fotografie, verificare la scheda e pubblicarla.
- Inserimento delle proprietà poco aderente al flusso di lavoro
- Dipendenza da interventi tecnici
- Gestione complessa di gallerie numerose
- Immagini originali troppo pesanti per la pubblicazione diretta
- Rischio di disallineamento tra dati inseriti e contenuto pubblico
Un’esperienza costruita intorno alle proprietà
Il frontend è stato progettato per dare priorità alle immagini, alla descrizione e al contesto di ogni immobile. La scheda non viene trattata come un annuncio isolato, ma come un racconto composto da galleria, caratteristiche, spazi, posizione e informazioni utili alla valutazione.
L’interfaccia mantiene una gerarchia essenziale e lascia che siano architettura e fotografia a costruire il carattere della pagina.
Portfolio immobili
Consultazione dell’insieme delle proprietà pubblicate con una presentazione coerente al posizionamento dell’agenzia.
Schede dettagliate
Pagine dedicate a ogni immobile, con descrizione, caratteristiche e informazioni utili alla valutazione.
Gallerie fotografiche
Sequenze di immagini pensate per accompagnare la lettura degli spazi e dell’architettura.
Contenuti editoriali
Aree di contenuto che sostengono il racconto dell’agenzia oltre alle singole schede.
Filtri di ricerca
Strumenti per orientarsi nel portfolio e restringere la consultazione.
Moduli di contatto
Richieste associate alla proprietà, collegate al contesto della scheda.
Responsive design
Consultazione coerente su desktop, tablet e mobile.
La gestione segue lo stesso modello del sito
Il backoffice è stato sviluppato intorno alla struttura reale delle proprietà pubblicate. Campi, sezioni e controlli corrispondono agli elementi presenti nelle schede del sito, evitando adattamenti forzati a un CMS generalista.
Il team può creare, modificare e pubblicare gli immobili senza richiedere un intervento tecnico per ogni aggiornamento.
Schede immobili
Gestione delle informazioni descrittive e delle caratteristiche della proprietà.
Gallerie
Caricamento, ordinamento e aggiornamento delle fotografie.
Stato di pubblicazione
Controllo della visibilità delle proprietà e delle modifiche.
Contenuti condivisi
Gestione degli elementi riutilizzati nelle diverse aree del sito.
Una fotografia caricata, tutte le varianti necessarie
Le fotografie immobiliari arrivano spesso in alta risoluzione e devono conservare una qualità visiva adeguata senza rallentare le pagine. Per questo l’elaborazione non viene affidata al dispositivo dell’utente, ma a una pipeline eseguita sul server.
A ogni caricamento, Sharp legge il file originale, corregge l’orientamento sulla base dei dati EXIF, elimina i metadati non necessari e genera varianti in più dimensioni e formati. Il frontend può quindi utilizzare l’immagine più adatta al dispositivo e allo spazio disponibile.
L’obiettivo è una qualità visiva coerente con il contesto di pubblicazione, non una compressione presentata come invisibile o garantita.
Originale → controllo orientamento → rimozione metadati → varianti dimensionali → WebP e AVIF → pubblicazione
Un unico modello dei dati tra inserimento e pubblicazione
Frontend e backend condividono schemi di validazione definiti con Zod. Le regole applicate ai dati inseriti nel backoffice corrispondono alla struttura attesa dalla parte pubblica.
Questo riduce la possibilità che un campo venga interpretato in modo differente tra gestione e sito e rende più controllata l’evoluzione delle schede immobiliari. Restano comunque necessari migrazioni, compatibilità e aggiornamenti del codice quando il modello cambia.
Pagine complete già al primo caricamento
Il frontend Nuxt utilizza il rendering lato server per produrre pagine complete e indicizzabili, mantenendo al tempo stesso le interazioni necessarie alla consultazione del portfolio.
Immagini responsive, struttura semantica e metadati per proprietà permettono di costruire pagine adatte sia alla navigazione degli utenti sia ai motori di ricerca.
Controllo sulle risorse caricate dalla pagina
I font vengono distribuiti direttamente dall’infrastruttura del sito, evitando richieste a provider esterni per il loro caricamento. La gestione dei consensi e dei servizi soggetti a preferenze dell’utente è integrata attraverso Iubenda.
Self-hosting dei font e gestione del consenso sono misure tecniche a supporto della privacy, non una certificazione legale complessiva.
Non soltanto un sito
Il progetto mostra come una piattaforma web possa unire presentazione pubblica e gestione operativa. Il valore non è soltanto nell’interfaccia che vede il visitatore, ma negli strumenti che permettono al team di aggiornare contenuti e immagini ogni giorno.
Più autonomia nella gestione del portfolio
Il nuovo flusso ha ridotto i passaggi necessari per preparare e pubblicare una proprietà, concentrando inserimento, immagini e visibilità dentro lo stesso ambiente.
Tempo di caricamento ridotto
Il tempo operativo necessario al team per preparare e caricare una nuova proprietà si è ridotto di circa la metà rispetto al flusso precedente.
Pubblicazione autonoma
Il team può creare e aggiornare le schede senza richiedere un intervento dello sviluppatore per le operazioni ordinarie.
Immagini preparate automaticamente
Ogni upload genera le varianti necessarie alla pubblicazione sui diversi dispositivi.
Tecnologie utilizzate
| Funzione | Tecnologie |
|---|---|
| Frontend | Nuxt |
| Backend e API | Fastify |
| Contratto e validazione dei dati | Zod |
| Elaborazione immagini | Sharp, WebP e AVIF |
| Rendering | Server-side rendering |
| Risorse e consenso | Font self-hosted, Gestione dei consensi tramite Iubenda |
Hai un sito che dipende ancora dal tecnico per ogni aggiornamento?
Raccontaci quali contenuti gestisci, chi deve aggiornarli e quali passaggi rallentano oggi la pubblicazione. Possiamo valutare una piattaforma costruita intorno al lavoro reale del tuo team.
Dopo le risposte vedrai un primo orientamento. L’invio dei recapiti è facoltativo: puoi approfondire solo se lo desideri.
Preferisci scriverci direttamente? Vai a Contatti
Domanda 1 di 2