Work/3D / WebXR experience

Magical Reflections

A virtual gallery for the Nationalgalerie, Staatliche Museen zu Berlin. Visitors step inside a Johann Erdmann Hummel painting on phone, desktop, or VR headset.

Open live site↗

magische-spiegelungen.de

Built by Webxela, the engineering team behind Yatri Cloud.

Client

Nationalgalerie, Staatliche Museen zu Berlin

Industry

Museum & cultural heritage

Location

Berlin, Germany

Year

2021

Engagement

Immersive web experience, supported by Meta

Timeline

Concept to public launch

Live capture

Magical Reflections — magische-spiegelungen.de
The brief

Challenge

Hummel's reflection paintings reward slow looking, and most people will never stand in front of them in Berlin. The museum wanted the painting to open up as a space you can walk through, without an app install, on any device a visitor already owns.

How we worked

Approach

We staged the experience in the browser. A cinematic entry through the gallery hall leads to the painting, then the scene opens into a navigable space. GSAP drives the scroll and camera choreography, and WebXR takes over when a headset is present. The same build serves mobile, desktop, and VR, with English and German copy.

AudienceMuseum visitors, art students, and remote audiences with a phone or VR headset

Scope

What we shipped

01

Cinematic gallery entry

02

Walkable 3D painting scene

03

WebXR headset mode

04

Scroll & camera choreography

05

English / German content

06

Ambient audio controls

Method

How we ran it

  1. 01

    Study

    Work with curators on what the painting hides and what a visitor should find.

  2. 02

    Stage

    Block the camera path from the gallery hall into the canvas.

  3. 03

    Build

    Ship one WebGL build for phone, desktop, and WebXR headsets.

  4. 04

    Launch

    Tune load time and frame rate on mid-range phones before going public.

Result

Outcome

Anyone with the link can walk into the painting without installing an app.

Stack

Tools for this build

VueWebGLWebXRGSAPScrollTrigger
Next

Want a site that works this clearly?