← Back to all work
Interactive Web Experience

Blackstone Architects

Blackstone Architects

+300%Session Duration
97Lighthouse Score
45%Bounce Rate Drop
+180%Lead Conversion

Standard templates were suffocating the brand

Blackstone Architects needed a digital presence that matched their physical creativity — not another generic portfolio. The site had to prove their design philosophy the moment a user landed.

Scroll-driven animation architecture

Next.js App Router with heavy Framer Motion integration for scroll-triggered sketch animations. Custom multi-step booking flow built with state-driven React forms replacing standard contact pages.

2024-11-12

feat: implement sketch-style scroll animations

SVG path animations triggered by scroll position via Framer Motion. Each section reveals hand-drawn architectural elements that feel organic and tactile.

Tripled engagement, doubled conversions

Average session duration increased by 300%, bounce rate dropped 45%, and the interactive booking flow converted 180% more leads than the previous static contact form.

+300%
session Increase
45%
bounce Reduction
+180%
lead Conversion
97
lighthouse

Technology stack

Next.js
Framer Motion
Tailwind CSS
Radix UI
TypeScript

Live Preview

Open in new tab

Ready to build something like this?

Let's talk about your project and see how we can help.