Three hundred sixty degrees of zoom without lag
A 360 immersive exhibition handles heavy macro images while preserving display speed.
Gallery
The project
The team designed a gigapixel 360° experience dedicated to Balenciaga's creations for the luxury group Kering. Very heavy macro and gigapixel photographs had to load seamlessly on both desktop and mobile. The studio developed four 360° modules translated into seven languages and enriched with an interactive quiz. White masking of the background area reduced file sizes by 39%, from 596.4 to 362.1 MB. This intervention demonstrates the studio's ability to optimize high-resolution media without compromising visual quality.
- 360° experience
- Interactive quiz
- Software / web dev
- WebGL / WebGPU
- Three.js
The challenge
Gigapixel files and macro shots weigh heavily on a web browser. The slightest delay breaks the immersion. These dense textures had to be displayed, zoom levels adjusted according to resolutions, and any text overlap eliminated, all without degrading responsiveness.
Our approach
We structured four interactive modules combining macro images and cylindrical revolutions. We configured interaction points with precision brought to 0.01. An interactive quiz paces the discovery of the pieces. To lighten the load, we masked the off-screen rear area of each visual. The interface adapts to seven languages with dedicated typographies in woff2 format.
Results
Masking the non-visible rear area enabled a 39% reduction in standard asset weight, dropping from 596.4 MB to 362.1 MB. Advanced compressions reach 257.7 MB at 80% quality and 225.2 MB at 70%. The user-facing display speed remains untouched, with smooth navigation and no overlapping text on mobile.
Similar projects
Let's talk about your project
A 30-minute call — no deck, no pitch, just your brief.
Start a conversation →