Optimizing 360° Gigapixel Visuals
Deployment of 4 interactive 360° modules optimized for 7 languages with specific typographies.
The challenge
A partner agency asked our team to design a high-resolution interactive environment for the Balenciaga brand (Kering group). The major technical challenge was to manage the display of extremely heavy images while ensuring smooth and responsive navigation on mobile and desktop.
Our approach
Creation of 4 interactive 360° modules integrating precise hotspots (0.01 precision) and quiz modules. Integration of a multilingual system covering 7 languages (FR, EN, IT, CHS, CHT, JP, KO) with specific typography optimized in woff2 format. Drastic optimization of visual asset weight and advanced management of zoom levels.
The project
Designed for the Balenciaga brand in collaboration with a partner agency, this immersive 360° gigapixel experience plunges users into a high-resolution interactive environment. The system is structured around four interactive modules featuring macro images, cylindrical revolutions, quizzes, and points of interest positioned with a precision of 0.01. The primary technical challenge was to guarantee smooth and responsive navigation on both mobile and desktop devices despite the complexity of the visual assets. Through advanced optimization, the total file size was reduced from 596.4 MB to 362.1 MB, effectively supporting a multilingual system deployed in seven languages with specific typographies.
- 360° experience
- Interactive quiz
- Software / web dev
- WebGL / WebGPU
- Three.js
Results
Implementation of a functional environment with a significant reduction in file weight (from 596.4 MB to 362.1 MB). The experience offers smooth navigation, without unwanted text overlapping, with adapted zoom levels on all devices.
Results
- −40% lighter gigapixel assets (596.4 → 362.1 MB)
Let's talk about your project
A 30-minute call — no deck, no pitch, just your brief.
Start a conversation →