Hann Builders · Direction set · Round 2 — the cutting-edge cut

Three directions, zero templates.

Same real copy, photography, and routes underneath — three genuinely different motion languages on top. Open each full-screen and scroll (direction 2: scroll or drag sideways). Every page in the site blueprint has a home in all three.

Direction 1Preview of Plan & Section
01 — Editorial paper

Plan & Section

The architect's monograph.

A paper-grain canvas where "HANN" is set solid and "BUILT" in pure outline. A cross-section of a custom home literally draws itself as you reach it, line by line, with a live 0→100% counter. The portfolio is a tabular index — rows flood with ink on hover while a thumbnail chases your cursor.

Signature moves: self-drawing SVG blueprint · ink-fill table rows · cursor-chasing preview · feTurbulence paper grain · type "hann" for the easter egg
Open full homepage →
Direction 2Preview of The Houston Collection
02 — Horizontal lookbook

The Houston Collection

Homes, presented like couture.

The whole site turns sideways: a physics-driven horizontal lookbook you scroll, drag, and flick through with real momentum. Each home is a "Look" behind a veil that wipes away as it enters. Giant expanded-grotesk type, a bone-and-ink palette, one deep-blue finale panel.

Signature moves: lerp-smoothed horizontal engine · inertial drag/flick · clip-path veil reveals · velocity parallax inside frames · deep-linkable panels · vertical mobile fallback
Open full homepage →
Direction 3Preview of The Quiet Ledger
03 — Radical restraint

The Quiet Ledger

Thirty years, kept like a register.

The most daring of the three: an almost-empty opening viewport where a line drawing of a house sketches itself over a persistent hairline grid — everything set in a single mono typeface, like a surveyor's ledger. Projects are numbered entries with dotted-leader specs; a fixed "IN VIEW 03/05" counter tracks you through the archive.

Signature moves: self-drawing hero house · full-viewport hairline grid · sticky in-view counter · dotted-leader ledgers · marquee ticker · scrim cards over full-bleed photo
Open full homepage →