Trois Cent Soixante Degrés de Zoom sans Ralentissement
Une exposition immersive 360° gère des images macro lourdes tout en préservant la vitesse.
Galerie
Le projet
L'équipe a conçu une expérience 360° gigapixel dédiée aux créations de Balenciaga pour le groupe de luxe Kering. Des photographies macro et gigapixel très lourdes devaient se charger sans ralentissement sur desktop comme sur mobile. Le studio a développé quatre modules 360° traduits en sept langues et enrichis par un quiz interactif. Le masquage blanc de la zone arrière a réduit le poids des fichiers de 39 %, de 596,4 à 362,1 Mo. Cette intervention démontre la capacité du studio à alléger des médias haute résolution sans altérer la qualité visuelle.
- Expérience 360°
- Quiz interactif
- Dév. logiciel / web
- WebGL / WebGPU
- Three.js
Le défi
Des fichiers gigapixel et des prises de vue macro pèsent lourd sur un navigateur web. Le moindre temps d'attente brise l'immersion. Il fallait afficher ces textures denses, adapter les niveaux de zoom selon les résolutions et éliminer tout chevauchement de texte, sans dégrader la réactivité.
Notre approche
Nous avons structuré quatre modules interactifs combinant images macro et révolutions cylindriques. Nous avons configuré des points d'interaction avec une précision portée à 0.01. Un quiz interactif rythme la découverte des pièces. Pour alléger la charge, nous avons masqué la zone arrière hors champ de chaque visuel. L'interface s'adapte en sept langues avec des typographies dédiées au format woff2.
Résultats obtenus
Le masquage de la zone arrière non visible a permis une réduction de 39 % du poids des assets standard, passant de 596,4 Mo à 362,1 Mo. Des compressions poussées atteignent 257,7 Mo à 80 % de qualité et 225,2 Mo à 70 %. La vitesse d'affichage face utilisateur reste intacte, avec une navigation fluide et sans texte superposé sur mobile.
Projets similaires
Discutons de votre projet
Un appel de 30 minutes — sans deck, sans pitch, juste votre brief.
Démarrer la conversation →