Case: Emotive 3D Museum in WebGL (Three.js)

Turn your browser into an emotional 3D museum — powered by WebGL, driven by storytelling.

We teamed up with a food delivery brand to create an interactive WebGL museum that would emotionally connect visitors with the deep history and humanity of the courier profession. The main goal? To attract young talents through an immersive 3D storytelling experience.

Powered by WebGL & Three.js

A fully immersive 3D space where users explore museum halls with smooth animations, ambient lighting, and dynamic interactions.

Mobile-First Experience

Over 90% of the audience visits on mobile — so we optimized everything: from lightweight 3D models to gyroscope-based navigation for an emotional sense of presence.

Scroll-Based Journey + Gamification

Natural scroll mechanics guide users through exhibits, while interactive tasks like collecting artifacts keep engagement high and emotionally rewarding.

Brand Presence Without Intrusion

Brand storytelling is seamlessly woven into the experience, highlighting the client’s mission and values in dedicated zones of the museum.

Results:

More than 15 minutes average time spent on the site per user — a record-breaking metric for the client’s web campaigns.

Tech Stack:

React / WebGL / Three.js / GSAP / Framer Motion / Barba.js

Blender / After Effects / Stable Diffusion / Figma / Principle

Created as a part of Chipsa Design Studio.