Combien coûte un site web 3D (Three.js / Spline) en 2026 ?
Vous avez vu un site « façon Apple » avec une scène 3D qui réagit au scroll, et vous vous demandez si c’est jouable pour votre budget. Réponse courte : une scène 3D hero démarre autour de 1 000 €, un configurateur produit 3D plutôt 3 000 à 8 000 €, et une expérience immersive complète au-delà. Le reste de cet article explique ce qui fait varier le prix, et surtout quand ça vaut le coup.
Ce que veut dire « un site web 3D » (3 niveaux)
Le mot « 3D » recouvre trois choses très différentes, et leur prix n’a rien à voir.
1. La scène 3D hero : un objet ou un décor 3D dans votre première section, qui bouge au scroll ou suit la souris. C’est l’effet « waouh » le plus accessible.
2. Le configurateur produit 3D : votre produit manipulable en 360°, avec options (couleurs, matériaux). Idéal en e-commerce ou en industrie.
3. L’expérience immersive (scrollytelling) : un parcours entier raconté en 3D au fil du scroll. Le plus spectaculaire, et le plus coûteux.
Combien ça coûte, par niveau
Scène 3D hero : à partir de 1 000 €. Un objet, une interaction (scroll ou hover), des exports HD. Délai : 5 à 10 jours.
Configurateur produit 3D : 3 000 à 8 000 €. Modélisation, options dynamiques, intégration sur votre site. Le prix monte avec le nombre de variantes et le réalisme des matériaux.
Expérience immersive : 8 000 € et plus. Plusieurs scènes, animations au scroll synchronisées, shaders sur-mesure, budget performance serré.
Ce qui fait grimper la facture : les shaders personnalisés, la connexion à un CMS, le nombre de variantes produit, et l’exigence de performance (60 fps sur mobile, ça se mérite).
Three.js, Spline ou no-code : lequel choisir
Spline : rapide, visuel, sans code. Parfait pour une scène simple livrée vite, modifiable par une équipe non technique.
Three.js : contrôle total, shaders, performance, interactions sur-mesure. C’est le choix quand l’expérience doit être unique et tenir la charge.
No-code (Webflow + embed) : possible pour intégrer une scène Spline dans un site existant sans toucher au code.
Règle simple : Spline pour aller vite, Three.js pour aller loin.
Quand un site 3D vaut le coup (et quand non)
La 3D n’est pas une fin en soi. Elle vaut le coup quand elle fait un travail :
- Démontrer un produit complexe (industrie, hardware, e-commerce) que des photos ne rendent pas.
- Marquer les esprits avant une levée : un site qui respire la maîtrise crédibilise l’équipe.
- Différencier un site B2B dans un secteur où tout le monde se ressemble.
À l’inverse, si votre priorité est de convertir vite sur une offre simple, une 3D lourde peut nuire. Mieux vaut alors un site rapide et clair.
Performance, SEO et mobile : les pièges
Une 3D mal intégrée plombe la performance, donc le SEO. Les bonnes pratiques : charger la scène après le texte, compresser les modèles (meshopt, LOD), prévoir un fallback statique pour `prefers-reduced-motion` et le mobile bas de gamme, et garder le contenu critique (titres, offre) en HTML pur. Bien fait, votre site 3D reste rapide et indexable.
Vous hésitez sur le niveau de 3D adapté à votre site et votre budget ? On en parle en 30 minutes, sans engagement : je vous dis franchement si ça vaut le coup pour vous, et à quel prix.