Museum
A digital archive of modern art and culture.
Visit Live Site ↗Museum is an experimental web experience that reimagines how art collections are browsed online. Instead of static grids, artworks are presented through spatial navigation — scroll, drag, and explore pieces in a virtual gallery. The design draws from brutalist architecture and editorial print layouts.
Traditional gallery websites treat art as thumbnails in a grid. The goal was to create a sense of physical space and discovery, where each artwork feels like a deliberate encounter rather than an item in a list. WebGL integration needed to feel seamless, not gimmicky, and the experience had to degrade gracefully on mobile.
Locomotive Scroll provides the smooth, inertia-based scrolling that gives the site its physical weight. GSAP handles parallax and reveal animations tied to scroll position. A lightweight WebGL layer adds depth to featured pieces without blocking the main thread. On mobile, the experience simplifies to a curated vertical flow that preserves the editorial feel.
Treated the browser as a gallery room. Scrolling is walking. Each artwork deserves space, not a thumbnail.
Abandoned the grid. Artworks are offset, overlapping, breathing — arranged like a physical curation.
A subtle distortion shader on featured pieces. Mouse movement warps the image slightly — like light on canvas.
Removed WebGL and Locomotive on touch devices. Clean vertical scroll, full-bleed images, editorial typography.
Art deserves more than a grid. It deserves space, weight, and a reason to stop.
Spatial navigation with Locomotive Scroll inertia
WebGL distortion effects on featured artworks
Graceful mobile fallback with curated vertical layout