Architecture Bureau — An editorial showcase for a Medellín architecture practice, with tactile SVG plan reveals and synchronized scroll physics.
Client
Architecture Bureau
Role
Frontend engineering
Stack
Next.js 16, TypeScript, GSAP ScrollTrigger, Lenis
Year
2026

01Challenge

The practice's work is technical: CAD line drawings, material specifications, and forest photography. A standard agency template would have flattened it into high-contrast banners and lost what makes the work distinctive.

The site needed to present that detail with zero visual clutter, and without paying for it in performance.

02Approach

We animated technical CAD line drawings as custom SVG stroke reveals, triggered cleanly through ScrollTrigger as each drawing enters view.

Lenis momentum scroll was synced with header behaviour, with reduced-motion fallbacks throughout. The build is split into small, isolated components — plan SVGs, image reveals, an inquiry modal — so the system stays easy to extend.

03Outcome

An editorial architecture showcase that communicates spatial precision on a slow, deliberate pace.

Visitors move from a drawing to an inquiry without leaving the mood of the site.