Back to selected work
2026ESYS VIPReal estate platform, public, account and admin

ESYS VIP: a complete real estate platform in two weeks

A real estate practice on the Costa Blanca, live with the full surface area in fourteen days. A public catalogue with new-build and resale listings, a buyer account with favourites, saved searches and price alerts, and an agency admin that translates every property field across four languages and runs on its own media library.

Real estateMarketplaceAdmin
ESYS VIP: a complete real estate platform in two weeks

Day 1–3 · The brief

ESYS VIP is a real estate practice on the Costa Blanca. The discovery call put the goal in focus on day one: a real online presence the agency owns, with the surface area that matches how the team actually works. Listings that browse like a property magazine. A buyer-side account that remembers favourites, saved searches and price alerts. An agency admin where ten years of stock get loaded, edited and translated by the team itself, in four languages.

Three surfaces, one repository, one team. By day three we had the scope locked and the calendar drawn: fourteen days, brief to live, no phase two.

Two weeks, three surfaces

  • 14 daysBrief to liveTen working days and a weekend, one repository, no phase two
  • 3Surfaces shippedPublic catalogue, buyer account, agency admin
  • 4Languages per listingSpanish, English, Italian, Russian, translated field by field with AI assist
  • 100Photos per listingOn the agency's own R2 bucket, with alt text written in four languages
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.
The first frame: the Alicante coastline behind a four-input search panel. Type, area, bedrooms, the rest of the catalogue one tap away. The same hero in light theme sits two scrolls down for reference.

Day 4–7 · A catalogue, not a feed

Week one built the public catalogue. The front page is the search itself: city or area, type, bedrooms, one Search. The hero is a real photograph of Alicante, not a hero illustration, because the agency sells the place as much as the property. Below the fold the Featured Properties grid shows six listings at a time with the facts a buyer actually scans for: price, location, bedrooms and bathrooms, surface in square metres, resale or new-build tag, an Available pill that flips to Reservado the moment the admin updates it.

The property detail page is the one screen we obsessed over. A wide photograph above a thumbnail strip that runs to a hundred images per listing, the full title carrying the neighbourhood (Jubalcoy, Torremanzanas, El Campello, La Mata), a fact strip of bedrooms, bathrooms and square metres, a tag row separating resale from new-build and house from villa, and a booking card pinned next to the gallery with price, reference and Contact. No disclaimers, no ad slots between the photos and the price, the agent's contact right where the buyer is ready to use it.

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.
Six listings at a time, the four facts a buyer scans for, a heart icon that writes to the buyer account. Nothing between the photo and the price.
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.
A 23-hectare estate near Torremanzanas at €850,000. The property detail page in dark theme. Photograph, thumbnails to a hundred, neighbourhood-first title, fact strip, tags, and a booking card pinned next to the gallery.
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.
The same template in light theme on a different listing, a 1910 Jubalcoy house restored in 2010 at €519,000. The page is one component set, not two. Theme is a token, not a redesign.

Day 8–11 · An account, not a contact form

The second week landed the buyer side. Sign in, sign up, password reset and two-factor authentication on day eight. A four-section cuenta on day ten: favourites that read off the same heart icon shown on every listing, saved searches that re-run on a schedule, price and new-listing alerts delivered by email, profile settings for language and contact preferences.

The account is where the relationship with the buyer lives. A buyer can star a listing, get an email when a comparable property in the same village drops, save a search for 3-bedroom houses with a pool in Mutxamel under €350,000, and come back to the agency through a page they already know. Two-factor protects the account from credential stuffing, password reset goes through email with a short-lived token, and the same components render the entire flow on mobile without a thinned-down feature set.

ESYS VIP home on mobile, light mode. Compact top bar with wordmark, EN, theme toggle, heart icon and a hamburger menu. Hero photograph of Alicante coast carries the glass search panel restacked for the narrow viewport: the Find your ideal home headline at the top, then a vertical column of inputs (City area or address, Type dropdown, Bedrooms dropdown) and a wide Search button anchored at the bottom of the card.
Search
ESYS VIP property gallery on mobile, light mode. The Jubalcoy listing rendered on a phone-sized viewport: top bar with wordmark, EN, theme toggle, heart, account and menu. Breadcrumb Properties / Rustic 4-bedroom house with garden in Jubalcoy. Main hero photograph of the garden with the tall tree, then a four-by-two grid of thumbnails below it with a +20 counter on the last tile. Title block with the Available pill peeks above the fold at the bottom.
Gallery
ESYS VIP Sign In page on mobile, light mode. ESYS VIP wordmark centred at the top. A single card sits in the middle of the screen: header Sign In, an Email field with the placeholder tu@email.com, a Password field, a full-width black Sign In button, a Forgot your password? text link below it and a separator line. Footer line of the card reads Don't have an account? Sign Up.
Sign in
Three primary mobile surfaces, the same components as the desktop. The hero search restacks vertically, the property gallery keeps the thumbnail counter intact, the sign-in card carries the same input set as the desktop without a re-skin.

Day 12–14 · An admin that translates

The back office had to do three jobs on the last sprint: keep the catalogue editable in minutes from a phone, hold the media library that feeds every listing, and translate the same property into four languages without a separate workflow per language.

The media library is the agency's own asset store. A drag-and-drop dropzone with a JPG, PNG, WebP, GIF and AVIF whitelist and a 200 MB ceiling per file. A search across every asset. Folders that mirror how the agents already group their stock (Sin carpeta, borre xose, JUBALCOY at launch). Photographs sit on the agency's own Cloudflare R2 account, full export and migration in the team's hands.

Edit mode opens on a page that holds the data structure of the listing in three columns: básica (title, reference, description), detalles (type, category, price, surface, bedrooms, bathrooms), and ubicación. Every text field carries the four-language toggle (ES, EN, IT, RU) and the AI translate icon next to it, so an agent writes once in Spanish and one click later has the English, Italian and Russian versions to review, edit or accept. The per-listing image panel reads from the same library, holding up to a hundred photographs per listing, with an alt-text field per language for every image, so the SEO surface is multilingual without a second pass.

The sidebar carries the modules already in production (Propiedades, Blog, Usuarios, Media, Opciones) and the three coming next, marked Soon (Leads, Analytics, Ajustes), so the roadmap is visible inside the tool that runs the agency, not buried in a Notion the team never opens.

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.
The agency's own media store, sitting on its own Cloudflare R2 account. Drag-and-drop uploads, a JPG / PNG / WebP / GIF / AVIF whitelist, folders that mirror how the agents already group the catalogue (Sin carpeta, borre xose, JUBALCOY at launch), a search across every 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.
Where the four languages live. Every text field carries the ES, EN, IT, RU toggle and the AI translate icon. The images panel reads 28 / 100 with an alt-text field per language on every photograph, so the agency owns its SEO surface as it grows the catalogue.

AI in the loop

Claude API sits inside the admin, doing two jobs that used to eat an agent's afternoon.

The first is translation. The translate icon next to every text field calls Claude with the source string, the target locale, the property record around the field (price, neighbourhood, type, surface, status) and the agency's voice notes pulled from the brand brief. What comes back is not the dictionary translation of a sentence in isolation. It is the same description rewritten by a translator who knows that segunda mano lands as resale in English, that obra nueva is new-build, that Russian buyers want square metres before bedroom count, and that the agency talks about Alicante in a register the team has tuned over twelve years.

The second is content generation. The wand icon on the title and description fields drafts the property copy from the structured data already in the form: a one-line title that names the neighbourhood first, a long description that hits the facts a buyer scans for in the order they scan for them, an alt text per image per language for the photographs the agent uploaded ten seconds ago. The draft is never auto-saved. An agent reads it, edits it, accepts it. The system tracks which fields started from an AI draft and which were hand-written, so the agency keeps the proportion of authored-by-human content where it wants it.

We wired the API the same way we wired the database. The prompts live in the repository alongside the listings, readable by anyone with commit access. The team tunes them, swaps them or stops calling them altogether on its own terms.

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.
The brand surface, deliberately calm next to the catalogue. Twelve years of practice on the headline, a sentence about the agency posture, and three photographs of Alicante that the visitor recognises before they recognise the agency.
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 posts across nine categories at launch, fed by the same admin and the same multilingual editor as the listings. Featured article on day one was the practical guide to buying a home in Spain as a foreigner, the question the agency answers most often on the phone.

Stack

  • Next.js16
  • React19
  • TypeScript5
  • TanStack Query
  • Tiptap
  • Postgres16
  • Supabase
  • Upstash Redis
  • Cloudflare R2
  • Resend
  • Claude API
  • Vercel Edge

Two weeks. We now have a website that handles new builds, resale, the buyer account, our journal and the daily admin from one screen, in four languages. The agents stopped copy-pasting descriptions on day three of using it.

Owner, ESYS VIPOne week after launch

Need the full real estate surface in two weeks?

We build the public catalogue, the buyer account and the agency admin from one repository, in your locales, with your team's voice in every translation. Get in touch.

Start a project