Madeeha, Counting Years
Madeeha is a single-page 3D portfolio built as one continuous world: five floating dioramas strung along a brass line that reads as both a ledger rule and a timeline. Scrolling flies a single camera through all of them without a cut, moving from the room she managed to the accounts she later ran.
- Started
- 2026
- Stack
- Three.js, Vite, JavaScript, WebGL
- Kind
- Client
- Source
- Private
Client code base, so the source is not mine to share.
Why I built it
A conventional portfolio could not carry the story of someone who ran people before she ran numbers, so the site turns that arc into one unbroken 3D narrative.
What it does
- One continuous 3D world of five dioramas traversed by a single scrolling camera, with no cuts between chapters
- An abacus-to-ledger pivot where blocks physically leave the abacus and land as ruled ledger columns
- Shared dioramas that grow with responsibility (a room that scales up) and a desk shown both seated and as a flat-lay
- Deliberate art direction: warm graphite void, chalk cream type, and brass as the one accent spanning both halves
How it is built
Built as a Vite single-page app with a Three.js 3D scene, warm exponential fog, and chapter transitions driven entirely by scroll.
How it evolved
- 2026Scoped
A conventional portfolio could not carry the story of someone who ran people before she ran numbers, so the site turns that arc into one unbroken 3D narrative.
- 2026Built
Built as a Vite single-page app with a Three.js 3D scene, warm exponential fog, and chapter transitions driven entirely by scroll.
- 2026Delivered
Delivered to the client.
Built by Syed Tasavour. More at syedtasavour.com.