Optimisant l'affichage gigapixel 360°
Déploiement de 4 modules interactifs 360° multilingues optimisés pour 7 langues et typographies spécifiques.
Le défi
Une agence partenaire a sollicité notre équipe pour concevoir un environnement interactif haute résolution pour la marque Balenciaga (groupe Kering). L'enjeu technique majeur consistait à gérer l'affichage d'images extrêmement lourdes tout en garantissant une navigation fluide et responsive sur mobile et desktop.
Notre approche
Création de 4 modules 360° interactifs intégrant des hotspots précis (précision de 0.01) et des modules de quiz. Intégration d'un système multilingue couvrant 7 langues (FR, EN, IT, CHS, CHT, JP, KO) avec des typographies spécifiques et optimisées au format woff2. Optimisation drastique du poids des assets visuels et gestion avancée des niveaux de zoom.
Le projet
Conçue pour la marque Balenciaga en collaboration avec une agence partenaire, cette expérience immersive 360° gigapixel plonge l'utilisateur dans un environnement interactif haute résolution. Le dispositif s'articule autour de quatre modules interactifs intégrant des images macro, des révolutions cylindriques, des quiz et des points d'intérêt positionnés avec une précision de 0.01. L'enjeu technique majeur consistait à garantir une navigation fluide et responsive sur mobile et desktop malgré la complexité des assets visuels. Grâce à une optimisation avancée, le poids global des fichiers a été réduit de 596,4 Mo à 362,1 Mo, permettant de supporter efficacement un système multilingue déployé en sept langues avec des typographies spécifiques.
- Expérience 360°
- Quiz interactif
- Dév. logiciel / web
- WebGL / WebGPU
- Three.js
Résultats obtenus
Mise en place d'un environnement fonctionnel avec une réduction significative du poids des fichiers (de 596,4 Mo à 362,1 Mo). L'expérience offre une navigation fluide, sans superposition de texte indésirable, avec des niveaux de zoom adaptés sur tous les supports.
Résultats
- −40% de poids sur les visuels gigapixel (596,4 → 362,1 Mo)
Discutons de votre projet
Un appel de 30 minutes — sans deck, sans pitch, juste votre brief.
Démarrer la conversation →