Revenir sur les cas clients
Web Design3DExpérience immersiveThree.js

Praline : un site vitrine 3D immersif qui retient les visiteurs 85 % plus longtemps

Mission livrée··mis à jour

  • 60 fpsPerformance 3D maintenue
  • +85%Temps passé sur le site
  • < 3sTemps de chargement
Praline : un site vitrine 3D immersif qui retient les visiteurs 85 % plus longtemps
Client
Praline
Secteur
Marque créative
Périmètre
Site vitrine immersif avec composants 3D interactifs en Three.js
Équipe
Alexandre Hachet, web designer et développeur 3D
Durée
8 semaines, sprints de 2 semaines

Le défi

Concevoir un site web intégrant des éléments 3D interactifs sans compromettre les performances ni l'accessibilité. Le site devait offrir une expérience fluide à 60 fps sur desktop tout en restant fonctionnel sur mobile, avec un temps de chargement inférieur à 3 secondes malgré les assets 3D lourds.

L'approche

JUWA a conçu et développé le site avec une architecture technique optimisée pour la 3D web : composants Three.js avec chargement progressif des modèles, LOD (Level of Detail) adaptatif selon l'appareil, compression des textures et des géométries, et animations pilotées par le scroll. L'approche mobile-first a guidé les choix de fallback pour garantir une expérience dégradée gracieuse sur les appareils moins puissants.

Cap de la mission

Objectifs de la mission

  1. Traduire l'identité visuelle audacieuse de Praline dans une expérience digitale interactive.

  2. Maintenir une fluidité de 60 fps sur desktop tout en restant fonctionnel sur mobile.

  3. Garantir un temps de chargement inférieur à 3 secondes malgré les assets 3D lourds.

  4. Renforcer l'engagement des visiteurs par rapport à l'ancien site.

Les résultats

Le site atteint 60 fps de manière constante sur desktop avec un temps de chargement initial inférieur à 3 secondes. Le temps passé sur le site a augmenté de 85% par rapport à l'ancien site, témoignant de l'engagement généré par l'expérience immersive. Le taux de rebond a diminué de 40% et les conversions (demandes de contact) ont augmenté de 35%.

Résultats mesurés

Des performances à la hauteur des attentes.

  • 60 fpsPerformance 3D maintenue
  • +85%Temps passé sur le site
  • < 3sTemps de chargement

Zoom sur le consultant JUWA responsable du projet

Alexandre Hachet

Web Designer & Développeur 3D

La 3D sur le web ne doit pas être un gadget mais un vecteur d'émotion et d'engagement. L'enjeu technique est de rendre l'expérience fluide et accessible, sans sacrifier l'ambition créative.

Questions fréquentes

Ce qu'il faut savoir sur cette mission.

L'architecture a été pensée pour la 3D dès le départ : composants Three.js avec chargement progressif des modèles, LOD adaptatif selon l'appareil, compression des textures et des géométries. Résultat, le site tient 60 fps de manière constante sur desktop avec un chargement initial sous les 3 secondes.
Oui. L'approche mobile-first a guidé les choix de fallback pour offrir une expérience dégradée gracieuse sur les appareils moins puissants. Le LOD adaptatif ajuste le niveau de détail des modèles 3D en fonction de l'appareil utilisé.
Le temps passé sur le site a augmenté de 85 % par rapport à l'ancien site. Le taux de rebond a diminué de 40 % et les demandes de contact ont progressé de 35 %. Ces chiffres traduisent l'engagement généré par l'expérience immersive.
La mission s'est déroulée sur 8 semaines, en sprints de 2 semaines, avec des revues de design hebdomadaires et des tests de performance continus. Les livrables incluent le site avec ses composants 3D interactifs, les animations pilotées par le scroll, l'optimisation multi-device et la documentation technique.
Heineken
BlaBlaCar
DataBird
HelloSafe

Vos prochaines solutions IA intégrées dès demain