Torna ai lavori
2026ESYS VIPReal estate platform, public, account and admin

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.

Real estateMarketplaceAdmin
ESYS VIP: una piattaforma immobiliare completa in due settimane

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
ESYS VIP home page in dark mode. Top navigation reads Home, Properties, New Builds, Resale, Blog, About Us, Contact, plus a language switch on EN, a theme toggle, a heart icon for favourites and an account icon. Hero photograph shows the Alicante coastline with the Santa Bárbara castle on the left cliff, the harbour on the right and the city packed against the sea. A glass search panel sits over the photo with the headline "Find your ideal home", the subtitle "New build and resale properties with professional guidance" and a four-input search row: city or address, type, bedrooms, and a Search button. The Featured Properties section starts below the fold.
La prima inquadratura: la costa di Alicante dietro a un pannello di ricerca a quattro campi. Tipo, zona, camere, e il resto del catalogo a un tap. Lo stesso hero in tema chiaro arriva due scroll più in basso, come riferimento.

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.

ESYS VIP Featured Properties grid in dark mode. Six listing cards over two rows. Top row: a rustic 4-bedroom house with garden in Jubalcoy, Alicante at €519,000 with 4 bedrooms, 3 bathrooms, 445 m²; a luxury 4-bedroom penthouse in Alicante centre at €795,000 with 137 m²; a modern 3-bedroom penthouse in La Mata at €285,000 with 129 m². Second row starts with three more cards: a town interior, a styled living room with plants, and a wide lounge view. Each card carries a Resale tag, a green Available pill, an outlined heart icon in the top right for favourites, and price plus key facts in a clean stacked layout.
Sei annunci alla volta, i quattro dati che chi compra cerca davvero, un'icona a cuore che scrive nell'area cliente. Niente tra la foto e il prezzo.
ESYS VIP property detail page in dark mode. Breadcrumb reads Properties · House located in the Barranco de Huerta de Torremanzanas area. Main photograph: a hillside estate with almond trees in bloom, a gazebo and dining terrace, mountains in the distance. Thumbnail strip below the photo with eight visible thumbs and a +25 counter on the rightmost tile. Title block: "House located in the Barranco de Huerta de Torremanzanas area", location pin Torremanzanas, Alicante, green Available pill, Resale and Villa tags, key facts row with bedrooms, bathrooms and 420 m². Right-hand booking card pinned next to the gallery: €850,000, reference TO-003, a white Contact button and a Save link. The description below opens with a 23-hectare estate renovated in 1987, self-sufficient with a well and solar panels.
Una tenuta di 23 ettari vicino a Torremanzanas a 850.000 €. La scheda immobile in tema scuro. Fotografia, thumbnail fino a cento, titolo con il quartiere in evidenza, fascia di fatti, tag e una card di contatto fissata accanto alla galleria.
ESYS VIP property detail page in light mode for a different listing: "Rustic 4-bedroom house with garden in Jubalcoy". Main photograph: a low whitewashed house behind a tall tree, fenced gravel garden, blue sky. Thumbnail strip with eight visible thumbs and a +25 counter. Title block with location pin Jubalcoy, Alicante, green Available pill, Resale and House tags, key facts row showing 4 bedrooms, 3 bathrooms, 445 m². Right-hand booking card with €519,000, reference EL-241, a black Contact button and a Save link. The description below begins with the property being a historic 1910 single-family home, fully restored in 2010, 445 m² built across two levels.
Lo stesso template in tema chiaro su un altro annuncio, una casa del 1910 a Jubalcoy ristrutturata nel 2010 a 519.000 €. La pagina è un solo set di componenti, non due. Il tema è un token, non un redesign.

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.

ESYS VIP admin Media library page in dark mode. Same left sidebar as the rest of the back office: Dashboard, Propiedades, Blog, Leads marked Soon, Usuarios, Media (active), Opciones, Analytics Soon, Ajustes Soon. Footer of the sidebar reads "Built with Digiko DS". Main view: Media headline, an upload dropzone reading "Arrastra archivos aquí o haz clic para subir" with format whitelist JPG PNG WebP GIF AVIF and a 200 MB ceiling, a search input "Buscar archivos...", a Todos type filter on the right. A Carpetas sidebar lists folders Todos, Sin carpeta, borre xose, JUBALCOY. The main panel shows a four-column grid of property photographs, each tile labelled with the source filename (chalet-venta-partida-...) and a size in kB, scrolled into a second row of the same grid.
Il magazzino media dell'agenzia, ospitato sul suo account Cloudflare R2. Upload drag-and-drop, whitelist JPG / PNG / WebP / GIF / AVIF, cartelle che ricalcano il modo in cui gli agenti già raggruppano il catalogo (Sin carpeta, borre xose, JUBALCOY al lancio), una ricerca su qualunque asset.
ESYS VIP admin Editar Propiedad page in dark mode. Same left sidebar as the Media page. Page header carries a back arrow, the title "Editar Propiedad" and a primary Guardar button on the right. Left main column shows an "Información básica" card with a Título field for "Casa rústica de 4 dormitorios con jardín en Jubalcoy" alongside four language toggles (ES, EN, IT, RU) and a translate icon plus an AI wand icon; a Referencia field set to EL-241; a multi-line Descripción field with the same per-language toggles, opened in Spanish on a long description starting "Es una vivienda unifamiliar del año 1910 de planta baja y una altura totalmente reformada en 2010". Below it a Detalles card with Tipo Casa, Categoría Segunda Mano, Precio 519000, Superficie 445, Habitaciones 4, Baños 3. Right column carries two cards: Estado, with a Publicada checkbox ticked and an "Aparece en" group including Destacado, Página inicial 1, Página inicial 2 and Quiénes Somos; Imágenes, counting 28 / 100 used, with two image rows visible, each showing a thumbnail, an alt-text field with the same four language toggles, a description field and a red delete control.
Dove vivono le quattro lingue. Ogni campo di testo porta il selettore ES, EN, IT, RU e l'icona di traduzione AI. Il pannello immagini segna 28 / 100, con un campo alt per ciascuna lingua su ogni fotografia, così l'agenzia possiede la propria superficie SEO mentre allarga il catalogo.

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.

ESYS VIP About Us page in dark mode. Left column carries an overline "WHO WE ARE", the headline "Twelve years turning Alicante into someone's next chapter" and the lede "A real estate practice for people who want serious advice, not a sales pitch". Right column is a three-photo composition of Alicante: a wide shot of the Santa Bárbara castle headland with the marina to its right, a palm-lined promenade with the white-and-black mosaic tile of the Explanada de España, and a narrow pedestrian street with painted stair risers in the historic centre.
La superficie del brand, di proposito sobria accanto al catalogo. Dodici anni di mestiere nel titolo, una frase sulla postura dell'agenzia, tre fotografie di Alicante che chi visita riconosce prima ancora di riconoscere l'agenzia.
ESYS VIP blog index page in light mode under the brand "ESYS Journal". Headline "Blog" with the subtitle "News, guides and insights from the real estate world". Category chips below the header: All categories 129, Discover Alicante 12, Buyer's Guide 24, Areas & Neighborhoods 20, Lifestyle 17, Real Estate Investment 17, New Builds 28, Resale 15, Moving to Spain 10. Featured article block at the bottom with a photo of hands signing a document on a red folder. Headline: "How to buy a home in Spain as a foreigner: step-by-step guide". Lede: "From the NIE to the notary. Ten real-world steps, no legal jargon, to turn your ideal Costa Blanca home into a title deed in your name." Meta: 11 APR 2026, 8 min read, Read more pill.
ESYS Journal: 129 post in nove categorie al lancio, alimentati dallo stesso pannello e dallo stesso editor multilingua del catalogo. L'articolo in evidenza il primo giorno era la guida pratica per comprare casa in Spagna da straniero, la domanda che l'agenzia si sente fare più spesso al telefono.

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.

Proprietario, ESYS VIPUna settimana dopo il lancio

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