Back to ProjectsHalvorsen Bureau

00
100
Live Site

Project Overview

A Nuxt 4 + Vue 3 reconstruction of an architecture bureau site: three.js-driven image surfaces with KTX2 textures, GSAP 3 page transitions, Lenis scroll, per-route stylesheets generated from the capture, and sixteen routes prerendered from a frozen content snapshot with no CMS at runtime. Fresh-load and client-navigated states were compared separately because the two differ on the original.
View Showcase
  • PROJECT_TYPEArchitecture Studio Site
  • ENTRY_YEAR2026
  • TARGET_PLATFORMWeb
  • PRIMARY_ROLEFront-end Reconstruction
DEPLOYED_TECHNOLOGIES
nuxtvuethree Js
gsaplenis
nuxtvuethree Jsgsaplenis
COLOR_PALETTE

A Nuxt 4 + Vue 3 reconstruction of an architecture bureau site: three.js-driven image surfaces with KTX2 textures, GSAP 3 page transitions, Lenis scroll, per-route stylesheets generated from the capture, and sixteen routes prerendered from a frozen content snapshot with no CMS at runtime. Fresh-load and client-navigated states were compared separately because the two differ on the original.

[ PAGE_INDEX ]
  • 01 // The Rebuild
  • 02 // Interface Gallery
  • 03 // Technical Execution

Geometry exact at three widths

Every tracked section matches the reference position and height within a pixel at 768, 808 and 1440; the worst page-height delta across routes is two hundredths of a percent.

Transitions measured on a clock

The page transition and first paint were frame-traced rather than screenshotted, because a static comparison cannot see jank, and each turned out to hide a defect that the trace exposed.
Halvorsen Bureau responsive viewHalvorsen Bureau responsive viewHalvorsen Bureau responsive view
  • Energy Company Site
  • Front-end Reconstruction

Gridline Energy

Scroll-scrubbed image sequences, two WebGL scenes and a glTF model port — a hyperscale-power site rebuilt at 99.8% pixel match.

Gridline Energy preview

A Nuxt 4 + Vue 3 reconstruction of an architecture bureau site: three.js-driven image surfaces with KTX2 textures, GSAP 3 page transitions, Lenis scroll, per-route stylesheets generated from the capture, and sixteen routes prerendered from a frozen content snapshot with no CMS at runtime. Fresh-load and client-navigated states were compared separately because the two differ on the original.

Project
Halvorsen Bureau
Type
Architecture Studio Site
Role
Front-end Reconstruction

Wanna Say Hello?

hello@erkamdemirci.comWhatsApp · +90 539 877 9339
Get a quotePrivacy & data protection