Start a project

, 1 min read

How Lumara Rise starts 212 metres up

Behind the scroll-film website for Lumara Rise: one drone film that plays as you scroll, captions that move with the camera, and a lighter cut for phones.

A glass tower rising above the clouds at dawn

Lumara Rise is a concept brand we made for sky residences in Worli. Its website opens above the clouds, at the crown of the tower, and as you scroll the camera descends through the atrium to the lobby and out to the street. The visitor is the one holding the camera.

One film, steered by scroll

The site is built around a 30-second drone film. Instead of playing it, the page maps your scroll position to a moment in the film. Scroll a little and the camera drops a few floors; stop and it holds still; scroll up and it climbs again.

Video players aren't designed for that kind of jumping around, so the film is encoded with a keyframe every eight frames. The browser can then find any moment almost instantly, and the movement stays smooth instead of stuttering.

Words that move with the camera

The captions arrive at fixed points in the film: "212 m above the clouds", "Through the atrium", "Into the lobby", "Street level, Worli". Because the camera is descending, the words drop into place from above, so the type moves the same way as the footage.

Made for the phone in your hand

  • Phones get a separate portrait cut of the film, a little over half the size of the desktop one.
  • A still frame shows first, so the page is never blank while the film loads.
  • Visitors who prefer less motion get the stills and the text, without the scrubbing.

Beyond the film there's a floor picker with a plan and a price for every level, weather that follows Mumbai's seasons, and one-tap sharing on WhatsApp, where a lot of property conversations in Mumbai happen.

Lumara Rise's films and images are AI generated and directed by us. The same approach works with real drone footage of a real tower.

Next in the dailies Six films shot on pure black