Experimenting with scroll-controlled video inside

Experimenting with scroll-controlled video inside a website, this time as a small concept for a smart home platform website.

The main idea is to show temperature changes through different states of water. In the cold state, it starts as a snowflake, then gradually turns into a water drop, and finally into steam. At the same time, the thermostat value changes on scroll, making the interface part of the transformation.

In the background, there’s a scroll-controlled video: instead of playing automatically, it responds to the user’s scrolling and becomes part of the navigation. Build in Framer.