Skip to content
Fazl Studio

01 / 3D product story / 2026

Halo

A ceiling fan taken apart in mid-air. Scroll explodes the model, flies along one blade and draws the airflow.

Open live experience ↗
Halo: a short capture of the live site

Notes

Concept

A product page where the product is the navigation. One model stays on screen from first frame to last, and every scroll position is a camera angle and an exploded state.

Motion

Scroll scrubs a single timeline: orbit, separation, a fly-by along the blade edge, then airflow lines that trace how the blade moves air.

Build

Three.js loaded straight from an import map, no bundler. The fan is generated in Blender by script and shipped as GLTF, lit by an HDR environment with a bloom pass. Ready in about two seconds.

Halo fan separated into hub, motor housing and blades against a dark studio backdrop
Halo hero: a three-blade ceiling fan lit from below beside the headline Air, reimagined
The fan seen from below with the line Three blades. One balanced system.
Halo on a phone, screen 1
Halo on a phone, screen 2
Halo on a phone, screen 3
Extreme close-up along the edge of a single brushed-metal blade
White airflow lines spiralling out from the spinning blades
The reassembled fan beside the closing line Feel the difference

Built with

  • Three.js
  • GLTF
  • Bloom post-processing
  • Vanilla JS
Open live experience ↗

Next project / 02

STACKD →