RUEN
Telegram

Veresta3D for the web · 2026

A sales website for a residential quarter where the 3D model goes up on schedule as you scroll

Three buildings go up part by part: frame, floor slabs, facades, lights in the windows. The scroll moves along the construction schedule, and each building is handed over in its own quarter. Below is a working sales site: apartment search with floor plans, a site plan, mortgage, the sales office.

The model, the scene and the website were made from scratch

The finished quarter on a phone

The scroll moves the build along its schedule

The frame follows the scroll forwards and backwards. Under the scene is a schedule by building: the marker runs from Q4 2026 to Q3 2028, the Club House, Clinker and the Tower are finished on their dates, and labels with prices appear on the finished buildings.

180 frames in the sequence

Mid-assembly: frames with floor slabs, facade sections on the lower floorsThe construction schedule under the scene: the Club House half built, the marker at Q3 2027

A working sales site, not a splash screen

126 apartments with a live filter by bedrooms, building, area, price and floor. Each has its own floor plan: 16 drawings are built from the rooms, and areas and prices agree with the facts of the quarter.

16 layouts, drawn from the data

The Apartments block: filters, the list and the card of the chosen apartment with its floor planApartment search on the first screen: bedrooms, price, area and the number of matches

A site plan from the same scene

The site plan is rendered from above from the same model that assembles on the first screen. Hovering a building lights it up on the plan and in the list, a click opens its apartments. The area is shown on a map of its own, with no third-party maps or keys.

The site plan from above: three buildings, a car-free courtyard, the embankment and the deck by the water, the tower lit upThe light-brick tower with a bronze crown

The finished quarter shows while the frames load

The last frame, with the finished quarter, stands in for the scene at once. The other frames arrive from a coarse step to a fine one, and scrolling works after the first 25. Phones get their own lighter set.

97 out of 100 for performance in Lighthouse on a phone

The Club House is finished, Clinker and the Tower are still going upThe same first screen on a phone: text above, the quarter and the schedule below

How it is built

Model and animation in Blender, render in Cycles, the website in JavaScript with no libraries.

Model
Three brick buildings with rooms behind the windows, paving and lamps, with the assembly animated in Blender.
Labels
The price labels stay on their buildings at any scroll position and take the side that keeps them clear of the heading.
Fallback
If the canvas is unavailable or the frames fail to load, a video of the assembly plays, and if that fails too, the poster stays.
Website
Apartments, floor plans, prices, dates and the mortgage are all computed from one data set. Russian and English switch in place.

Scroll the page and finish the quarter