Hendril Lara
All work

Websites & experiences

Acesa

Lit windows mark the homes for sale, and you can walk inside them

Acesa is a 3D showcase for real estate developers that I conceived and directed: a map of the city, a building whose lit windows are the apartments still for sale, and a walk through the apartment with its price and running costs beside it. A buyer can understand the home and the money before booking a visit. Everything shown here belongs to a fictional developer in Recife, with sample buildings and prices.

My part
Concept, product and art direction, review of every revision; built with AI coding agents
Status
Working demo with fictional properties, private access only
Stack
React, Three.js, MapLibre, TypeScript, Blender
Since
2026
The Maré Alta tower at 19:00 against a night sky with stars. Available apartments glow warm amber, a few reserved ones glow pale blue and the sold ones are dark. Below the scene: the building name, its address, the delivery date, a legend and the count of 58 available units.
The facade at night: warm windows are for sale, blue ones are reserved, dark ones are sold.

What it is, and who it is for

Buying an apartment in Brazil usually starts with a gallery of static renders and a PDF price list. The buyer cannot tell which units are left, what the rooms feel like, or whether the rent would cover the financing, so they book a visit just to find out. The developer’s sales team, in turn, repeats the same explanation for every client, on a phone, a laptop or an iPad at the sales stand.

Acesa puts all of that in one place that the developer presents under its own name. A buyer opens a link, sees the developer’s towers on a 3D map of the city, picks one and flies to its street. The demo runs for Maré Incorporadora, a fictional developer with three fictional towers placed on real streets in Recife.

  • Buyers see the building, the apartment’s layout and the monthly cost before talking to anyone.
  • Brokers find the right unit fast and show the view, the finish and the numbers beside a client.
  • Developers get one presentation for ads, the sales stand and video calls.
A 3D map of the Recife coast at 17:00 with labels on three fictional towers (Porto Sol, 59 available; Maré Alta, 58; Ventos de Setúbal, 25), the solar slider across the top and the headline “Janela acesa, apartamento disponível.”
The city map in the late afternoon, with each tower’s count of available apartments.
Apartment 1602 of Maré Alta selected on the facade at 17:45. A card shows the 16th floor, sea view, three bedrooms, 112 m², two parking spaces, R$ 1.890.000 and the button “Entrar no apartamento”.
Choosing an apartment on the facade opens its card, with a button to step inside.

A lit window means it is for sale

The product hangs on one image, which is also its name: acesa means lit. On the facade, every apartment still for sale has its window lit in warm light, a reserved one glows dimmer and cooler, and a sold one stays dark. A word always sits next to the colour, so nobody has to rely on colour alone.

Each apartment is a whole clickable block of the facade, lined up in floors and columns. Clicking one opens a card with the floor, the view, the layout and the price, and an available one offers a button to step inside. In the demo, a scripted timeline reserves a unit now and then, so a window dims while you watch; connecting a real developer’s inventory is planned.

Inside the apartment, with the numbers beside it

Inside, the visitor walks freely through a furnished apartment by dragging, tapping the floor or using the keyboard, and the current room is named in plain text at the top. Movement respects walls, furniture and doorways. The demo has three layouts, from a 64 m² two-bedroom to a 184 m² apartment with four suites.

A panel keeps the price and the minimum down payment in view. The estimated rent is a slider that starts at the developer’s suggestion, and the yield, the monthly cash flow with financing, the payback time and the break-even point answer it at once, with the assumptions one tap away. The numbers are illustrative, and the panel says so plainly when the rent does not cover the loan.

The living room of apartment 1602 at 09:30, with a sofa, a dining table and a wood-panelled wall. The side panel shows R$ 1.890.000, a rent slider at R$ 8.600 a month, gross yield 5,5%, net yield 4,1%, a negative monthly cash flow with financing, payback in 24 years and no break-even within the loan term.
Inside apartment 1602 in the morning, with the simulation beside it. All figures are fictional.
The living room of a 184 m² apartment in Ventos de Setúbal at 19:00, lit by warm lamps, with dark windows behind slatted wood and curtains. The side panel shows R$ 2.885.000 and a rent of R$ 13.750 a month.
The largest layout at 19:00: after sunset, the lamps light the room.

Any hour, and any screen

A thin solar slider runs across the top of every scene, from 6:00 to 19:00. It moves the sun to its approximate position over Recife on the facade and inside the apartment, so a buyer can see the living room in the morning and again in the evening, when the lamps take over. It is a visual approximation, not a technical sunlight study.

The layout was designed for a phone in one hand first: the apartment card becomes a sheet at the bottom and the main button stays within the thumb’s reach. For anyone who cannot or does not want to use the 3D, a plain list of units reaches the same details, the same simulation and the same contact form.

How the 3D was made

A fictional developer has no photographs, so every building and interior was generated. Each model starts as a written art brief with exact dimensions, materials and names. Codex Astra, an AI coding agent, turns the brief into a Blender script and runs it to build the model. A checker rejects anything too heavy for a phone, and the rendered previews are judged by eye before a model reaches the app; I sent back early rounds that looked flat or boxy.

Streets and plot outlines come from OpenStreetMap, while most neighbouring building heights are estimates. The step that would turn a real developer’s photographs and floor plans into models is designed but not built: there, the agent would clean up captured geometry instead of inventing it.

My part, and where it stands

Acesa is my idea. I wrote the brief (the visit flow, the lit-window rule, the money panel, phone first), set the direction and reviewed every revision. When the first version looked flat, I asked for natural daylight and the solar slider; when the interiors looked like boxes, for real furniture; when room buttons covered the view, for free walking and a lighter interface. AI coding agents wrote the code and the 3D under that direction and my review.

Today it is a working demo with private access, a fictional developer, sample prices and simulated availability. Contact requests stay in the visitor’s browser. There is also a sales kit in Portuguese (a presentation, a teaser, a brochure and a pilot plan) for showing it to developers. A real pilot would need a developer’s photographs, official inventory and delivery of contacts to its sales team; none of that exists yet.

The page “Escolha seu apartamento” filtered to Edifício Maré Alta and available units only: 58 units, each with its number, floor, view, area, price and a “Ver apartamento” link.
The plain list of units reaches the same details and simulation without any 3D.
Phone-width view of the Maré Alta facade at 19:00, with lit and dark windows, the legend below and an “Agendar visita” button across the bottom.
On a phone: the same facade, with the main action within the thumb’s reach.

Next project

Anima One place to run several companies: each company's clients, projects, meetings and money, with AI agents helping keep everything moving.

Interested in something like this?

Let’s talk about it.

Let’s talk