PROJECT

THE SILENCE

THE SILENCE hero image

PROJECT OVERVIEW

The Silence is an immersive 3D web experience built to present a curated cubist exhibition as a cinematic, navigable journey. The site uses high-quality Blender renders, refined night-time lighting, and elegant camera animations to create a museum-like atmosphere online.

WebGL (three.js) powers interactive scene navigation, image/video galleries and geometric motion transitions evoking cubist aesthetics. The design prioritizes a premium, editorial presentation that feels theatrical and contemplative, guiding visitors from dramatic entry to focused artwork moments and ticketing interactions.

The Challenge

The Silence is an immersive 3D web experience presenting a curated cubist exhibition as a cinematic, navigable journey. Part of the BOTW series, it needed to feel like walking into a museum online — contemplative, theatrical and premium — while remaining performant.

Translating the mood of a physical exhibition into a browser is hard: it demands atmosphere, pacing and restraint, not just assets.

Our Approach

We opened with a soft preloader and an animated camera reveal to set a contemplative museum mood, then guided visitors through layered 3D scenes and hero compositions emphasising materiality and light. Geometric motion transitions echo cubist aesthetics, and an editorial layout balances large visuals with readable typography and structured storytelling.

Design & Build

The build combined 3D environment creation and Blender rendering, WebGL (Three.js) development with camera animation, interaction and motion design, editorial UI/UX, a media gallery with video integration and a service/ticketing module. Progressive loading and graceful fallbacks keep the experience performant.

The Outcome

The Silence delivers a BOTW‑quality showcase that reads as both an exhibition microsite and a premium brand experience — an immersive 3D museum that feels theatrical, refined and alive.

PROJECT DETAILS

DATE

April 14, 2025

DURATION

1 Week

CLIENT

Undream Collaborative Production

INDUSTRY

Culture & Museums / Exhibitions / Immersive Web / Arts & Media

LOCATION

Paris, France

SERVICES

  • 3D Environment Creation & Blender Rendering
  • WebGL Development (three.js) & Camera Animation
  • Interaction & Motion Design (preloader, scroll transitions)
  • UI/UX Design & Editorial Layout
  • Media Gallery & Video Integration
  • Service/Ticketing Module Design
  • Art Direction & Visual Storytelling

PROJECT OBJECTIVE

Create a cinematic online entrance that sets a contemplative museum mood using a soft preloader and animated camera reveal.

  • Present cubist exhibition through layered 3D scenes and hero compositions emphasizing materiality and light
  • Provide immersive gallery sections with interactive image/video sliders and geometric overlays inspired by Cubism
  • Include promotional and ticketing modules for event discovery and reservation
  • Maintain an editorial layout balancing large visuals, readable typography, and structured storytelling
  • Ensure performative WebGL delivery with progressive loading and graceful fallbacks
  • Deliver a BOTW-quality showcase that reads as both an exhibition microsite and a premium brand experience

Successfully delivered an immersive 3D museum experience.

THE SILENCE — design view 1 THE SILENCE — design view 2 THE SILENCE — design view 3
NEXT PROJECT

Next Project