Interactive Web Experience

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

lighthouse

Technology stack

Next.js

Framer Motion

Tailwind CSS

Radix UI

TypeScript

Live Preview

Open in new tab

https://blackstonearchitects.pages.dev/

Interactive Preview

View Live Projecthttps://blackstonearchitects.pages.dev/

Ready to build something like this?

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

Get in touch