Esys: una piattaforma immobiliare dalla ricerca al cliente

Il brief

ESYS VIP è un'agenzia immobiliare sulla Costa Blanca. La call di apertura ha messo a fuoco l'obiettivo da subito: una vera presenza online che resta dell'agenzia, con un'interfaccia 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 vengono caricati, modificati e tradotti dal team stesso, in quattro lingue.

Tre interfacce, un repository, una squadra. Scope chiuso da subito, niente fase due.

Un catalogo, non un feed

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 nueva, una pill Available che diventa Reservado nel momento in cui il pannello l'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 dati con camere, bagni e metri quadrati, una riga di tag che separa seconda mano da obra nueva e casa da villa, e una card di contatto fissata accanto alla galleria con prezzo, riferimento e Contact. Niente disclaimer, nessuno slot pubblicitario fra le foto e il prezzo, il contatto dell'agente esattamente dove chi compra è pronto a usarlo.

Un account, non un form di contatto

Il lato cliente copre login, registrazione, reset password e autenticazione a due fattori. Un'area cliente in quattro sezioni con preferiti che leggono dalla stessa icona a cuore presente su ogni annuncio, ricerche salvate che si rilanciano a intervalli regolari, alert di prezzo e di nuovi immobili via email, impostazioni profilo per lingua e preferenze di contatto.

L'area cliente è il posto dove il rapporto con chi compra resta aperto. Chi compra può salvare un annuncio tra i preferiti, 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 breve scadenza, e gli stessi componenti coprono tutta l'esperienza anche su mobile, senza versioni ridotte.

Un admin che traduce

Il back office fa tre lavori: tenere il catalogo modificabile in pochi minuti anche da telefono, ospitare la libreria media che fa girare 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 stanno 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, riferimento, 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 presenza 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 sta dentro lo strumento che manda avanti l'agenzia, non sepolta in un Notion che nessuno apre.

L'AI nel flusso

Claude API sta 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 indicazioni sulla voce del brand prese 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 nel 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 stanno nel repository accanto agli annunci, leggibili da chiunque abbia accesso ai commit. Il team li adatta, li sostituisce o smette di usarli, in piena autonomia.