ESYS VIP: una piattaforma immobiliare completa in due settimane
Un'agenzia immobiliare sulla Costa Blanca, online con tutta la superficie in quattordici giorni. Un catalogo pubblico con obra nuova e seconda mano, un'area cliente con preferiti, ricerche salvate e alert di prezzo, e un pannello di gestione che traduce ogni campo immobile in quattro lingue e gira sulla propria libreria media.

Giorno 1–3 · Il brief
ESYS VIP è un'agenzia immobiliare sulla Costa Blanca. La call di apertura ha messo a fuoco l'obiettivo dal primo giorno: una vera presenza online di proprietà dell'agenzia, con una superficie che riflette il modo in cui il team lavora davvero. Annunci che si sfogliano come una rivista immobiliare. Un'area cliente che ricorda preferiti, ricerche salvate e alert di prezzo. Un pannello di gestione in cui dieci anni di portafoglio si caricano, si modificano e si traducono dal team stesso, in quattro lingue.
Tre superfici, un repository, una squadra. Al terzo giorno avevamo lo scope chiuso e il calendario disegnato: quattordici giorni dal brief al live, senza fase due.
Due settimane, tre superfici
- 14 giorniDal brief al liveDieci giorni lavorativi e un weekend, un solo repository, niente fase due
- 3Superfici consegnateCatalogo pubblico, area cliente, pannello di gestione
- 4Lingue per immobileSpagnolo, inglese, italiano, russo, tradotti campo per campo con assistenza AI
- 100Foto per schedaSul bucket R2 dell'agenzia, con alt text scritto in quattro lingue

Giorno 4–7 · Un catalogo, non un feed
La prima settimana ha costruito il catalogo pubblico. La home è la ricerca stessa: città o zona, tipo, camere, un Search. L'hero è una fotografia vera di Alicante, non un'illustrazione, perché l'agenzia vende la città oltre al singolo immobile. Sotto la prima schermata, la griglia Featured Properties mostra sei annunci alla volta con i dati che chi compra cerca davvero: prezzo, posizione, camere e bagni, superficie in metri quadrati, etichetta seconda mano oppure obra nuova, una pill Available che diventa Reservado nel momento in cui il pannello la aggiorna.
La scheda dell'immobile è la pagina su cui abbiamo passato più tempo. Una fotografia ampia sopra una striscia di thumbnail che arriva a cento immagini per annuncio, il titolo completo con il quartiere indicato (Jubalcoy, Torremanzanas, El Campello, La Mata), una fascia di fatti con camere bagni e metri quadrati, una riga di tag che separa seconda mano da obra nuova e casa da villa, e una card di contatto fissata accanto alla galleria con prezzo, referenza e Contact. Niente disclaimer, nessuno slot pubblicitario fra le foto e il prezzo, il contatto dell'agente esattamente dove chi compra è pronto a usarlo.



Giorno 8–11 · Un account, non un form di contatto
La seconda settimana ha portato in pista il lato cliente. Login, registrazione, reset password e autenticazione a due fattori il giorno otto. Un'area cliente in quattro sezioni il giorno dieci: preferiti che leggono dalla stessa icona a cuore presente su ogni annuncio, ricerche salvate che si rilanciano su un calendario, alert di prezzo e di nuovi immobili via email, impostazioni profilo per lingua e preferenze di contatto.
L'area cliente è il posto in cui vive il rapporto con chi compra. Chi compra può mettere a stella un annuncio, ricevere un'email quando un immobile simile nello stesso paese scende di prezzo, salvare una ricerca per case di tre camere con piscina a Mutxamel sotto i 350.000 €, e tornare in agenzia da una pagina che già conosce. La 2FA protegge l'account dal credential stuffing, il reset password gira via email con un token a vita corta, e gli stessi componenti rendono tutta l'esperienza anche su mobile, senza versioni ridotte.
Giorno 12–14 · Un admin che traduce
L'ultima sprint doveva chiudere tre lavori sul back office: tenere il catalogo modificabile in pochi minuti anche da telefono, ospitare la libreria media che alimenta ogni annuncio, e tradurre lo stesso immobile in quattro lingue senza un workflow separato per ciascuna.
La libreria media è il magazzino dell'agenzia. Una dropzone drag-and-drop con whitelist JPG, PNG, WebP, GIF, AVIF e un tetto di 200 MB per file. Una ricerca su qualunque asset. Cartelle che ricalcano il modo in cui gli agenti già raggruppano il portafoglio (Sin carpeta, borre xose, JUBALCOY al lancio). Le fotografie vivono sull'account Cloudflare R2 dell'agenzia, export e migrazione interamente nelle mani del team.
La modalità di modifica si apre su una pagina che tiene la struttura della scheda su tre colonne: básica (titolo, referenza, descrizione), detalles (tipo, categoria, prezzo, superficie, camere, bagni), ubicación. Ogni campo di testo porta accanto il selettore a quattro lingue (ES, EN, IT, RU) e l'icona di traduzione AI, così l'agente scrive una volta in spagnolo e con un click ha già le versioni inglese, italiana e russa da rivedere, modificare o accettare. Il pannello immagini per scheda legge dalla stessa libreria, accetta fino a cento foto per scheda, con un campo alt per ciascuna lingua su ogni immagine, così la superficie SEO è multilingua fin dal primo passaggio.
La sidebar tiene i moduli già in produzione (Propiedades, Blog, Usuarios, Media, Opciones) e i tre in arrivo, etichettati Soon (Leads, Analytics, Ajustes), così la roadmap vive dentro lo strumento che fa girare l'agenzia, non sepolta in una Notion che nessuno apre.


L'AI nel ciclo
Claude API vive dentro il pannello di gestione e fa due lavori che prima si mangiavano un pomeriggio dell'agente.
Il primo è la traduzione. L'icona di traduzione accanto a ogni campo di testo chiama Claude passando la stringa di partenza, la lingua di arrivo, il record dell'immobile intorno al campo (prezzo, quartiere, tipo, superficie, stato) e le note di voce del brand recuperate dal brief. Quello che torna non è la traduzione da dizionario di una frase isolata. È la stessa descrizione riscritta da un traduttore che sa che segunda mano in inglese è resale, che obra nueva è new-build, che chi compra dalla Russia vuole vedere i metri quadrati prima delle camere, e che l'agenzia parla di Alicante con un registro messo a punto in dodici anni.
Il secondo è la generazione di contenuti. L'icona della bacchetta sui campi titolo e descrizione redige una bozza partendo dai dati strutturati già presenti nella form: un titolo di una riga che mette il quartiere davanti a tutto, una descrizione lunga che dà i fatti nell'ordine in cui chi compra li cerca, un alt per ciascuna immagine in ciascuna lingua per le foto che l'agente ha caricato dieci secondi prima. La bozza non si salva mai da sola. L'agente la legge, la modifica, la accetta. Il sistema tiene traccia di quali campi sono partiti da una bozza AI e quali sono stati scritti a mano, così l'agenzia mantiene la proporzione di contenuto firmato da una persona dove preferisce.
Abbiamo collegato l'API come abbiamo collegato il database. I prompt vivono nel repository accanto agli annunci, leggibili da chiunque abbia accesso ai commit. Il team li adatta, li sostituisce o smette di chiamarli alle proprie condizioni.


Stack
- Next.js16
- React19
- TypeScript5
- TanStack Query
- Tiptap
- Postgres16
- Supabase
- Upstash Redis
- Cloudflare R2
- Resend
- Claude API
- Vercel Edge
“Due settimane. Adesso abbiamo un sito che gestisce obra nuova, seconda mano, l'area cliente, il nostro journal e il lavoro di tutti i giorni da una sola schermata, in quattro lingue. Gli agenti hanno smesso di copiare e incollare descrizioni dal terzo giorno di utilizzo.”
Ti serve la superficie immobiliare completa in due settimane?
Costruiamo il catalogo pubblico, l'area cliente e il pannello di gestione da un unico repository, nelle tue lingue, con la voce del tuo team in ogni traduzione. Scrivici.
Avvia un progetto