Quand un site web a-t-il besoin de 3D ?
Une scène en temps réel se justifie lorsque l'action du visiteur change ce qu'il apprend : faire pivoter un produit pour comprendre comment il s'assemble, se déplacer dans un bâtiment ou un paysage, comparer des lieux côte à côte, ou explorer un système plus facile à saisir dans l'espace. Si le point de vue et l'ordre sont fixes, un film ou une séquence d'images de synthèse est plus simple à produire et à tester, et peut tout de même offrir un rendu cinématographique.
La 3D convient généralement aux vitrines de produits, au récit spatial et architectural, à la communication scientifique et de recherche, ainsi qu'aux univers de marque immersifs pour un lancement. Si l'animation et le scrollytelling suffisent sans scène navigable, le creative development est la voie la plus légère ; les cartes et tableaux de bord reposant sur des données relèvent de la data visualisation.
Ce que comprend un projet de site web 3D
La proposition précise quels livrables sont inclus, qui crée ou fournit les assets 3D et comment chaque élément est validé.
- Brief de narration et d'interaction : ce que les visiteurs explorent, dans quel ordre et ce qu'ils font ensuite
- Plan des assets 3D : modèles que vous fournissez, assets sous licence ou nouvelle modélisation, préparés en fichiers glTF compressés
- Prototype navigateur avec commandes souris, tactiles et clavier sur un téléphone et un ordinateur convenus
- Contenu HTML lisible et parcours à animation réduite à travers la même histoire
- Validation des performances, des appareils et des solutions de repli, ainsi que remise des fichiers sources et des licences des assets
Janus Observatory : une interface 3D pour dix futurs possibles
Janus Observatory est un projet réalisé avec Blue Marble Space, dans lequel Dardo a transformé une structure de recherche spéculative en un parcours cinématographique dans le navigateur. Dix futurs posent d'emblée un problème de navigation : une simple liste perdrait le principe spatial, et une longue séquence 3D rendrait la comparaison difficile. L'expérience est donc construite en couches. Une ouverture cinématographique installe l'ambiance, un atlas présente l'ensemble et un observatoire permet une lecture plus approfondie, avec des chemins de retour qui ne rejouent pas l'introduction.
La couche 3D établit l'échelle et les différences entre les mondes, tandis que les libellés, l'état de navigation et les explications écrites portent les faits en dehors de la scène rendue. La validation vérifie si un visiteur peut nommer le monde en cours, revenir à l'atlas et poursuivre après une solution de repli du rendu ; la fréquence d'images seule ne peut pas y répondre. Le build respecte des budgets de bundle et une QA navigateur, et chaque version est contrôlée pour détecter les régressions visuelles. Les scénarios sont exploratoires et non des prévisions, et aucun apprentissage ni engagement mesuré n'est revendiqué.
Performance et SEO des sites web 3D
Les moteurs de recherche ne peuvent pas lire ce qui est dessiné dans un canvas : le titre, le texte, les liens et les métadonnées sont donc rendus en HTML avant le chargement de la scène. Une image d'attente tient lieu de scène, son espace est réservé pour que rien ne bouge, et le code 3D se charge après l'apparition du premier contenu. Lorsqu'un état de l'expérience mérite d'être trouvé dans les résultats de recherche, il reçoit sa propre URL.
La performance est mesurée sur les assets réels et les appareils cibles, plutôt que promise sous la forme d'une fréquence d'images universelle. Nous relevons la séquence de chargement, une interaction représentative, l'usage mémoire si pertinent et toute dégradation visuelle acceptable sur les téléphones moins puissants, en visant les seuils des Core Web Vitals de Google. Nous ne garantissons pas de positionnement ; nous veillons à ce que la couche 3D ne se dresse jamais entre votre contenu et le robot d'indexation.
Solutions de repli, animation réduite et accessibilité
Un visiteur doit comprendre l'offre même lorsque les animations sont réduites, que le contexte graphique est perdu ou qu'un appareil ne peut pas faire tourner la scène. La solution de repli peut être une image fixe, une courte vidéo ou une mise en page de contenu classique, et elle doit laisser la décision possible plutôt qu'afficher une erreur. Avec l'animation réduite, les mouvements de caméra deviennent des coupes ou des étapes contrôlées par le visiteur, et les éléments interactifs disposent de commandes clavier et d'un focus visible.
Qu'est-ce qui détermine le coût d'un site web 3D ?
Le coût d'un site 3D dépend de la production d'assets originaux, du nombre de scènes et d'états d'interaction distincts, de l'animation, de la programmation graphique, de la prise en charge des appareils et des tests. Un modèle de produit fourni et un environnement sur mesure sont deux points de départ très différents, même s'ils finissent sur une même page ; le devis distingue donc la direction artistique, la modélisation ou les assets sous licence, l'animation, la programmation, le contenu, l'audio et l'accompagnement au lancement.
Le premier jalon est une petite tranche fonctionnelle sur un téléphone et un navigateur de bureau convenus, avec un vrai texte, un asset représentatif et l'interaction réelle. Il révèle les problèmes de navigation, de poids des fichiers et de temps de rendu avant la production du reste. La proposition indique aussi qui peut remplacer le contenu et les modèles après le lancement. Dardo est une équipe de trois personnes à Bogotá, dirigée par son fondateur Nicolás Cerón, qui travaille en anglais ou en espagnol sur les horaires de l'Est et du Centre des États-Unis.
Vos questions avant de choisir
Combien coûte un site web 3D ?
Cela dépend surtout de la production des assets et du nombre de scènes. Le périmètre d'un projet 3D est chiffré une fois que nous savons si des modèles existent, combien de scènes distinctes et d'états d'interaction sont nécessaires et quels appareils doivent être pris en charge. Les tranches de budget du formulaire de contact, de moins de 5 000 USD à 60 000 USD et plus, aident à dimensionner la première proposition.
Les sites web 3D sont-ils mauvais pour le SEO ?
Pas lorsque le contenu est en HTML. Les moteurs de recherche ne peuvent pas lire ce qui est dessiné dans un canvas WebGL : le titre, les textes, les liens et les métadonnées doivent donc être rendus comme du contenu de page classique, la scène se chargeant ensuite. Conçue ainsi, une page 3D est explorée comme n'importe quelle autre ; les risques restants sont la lenteur de chargement et les décalages de mise en page, que nous testons avant le lancement.
Les sites Three.js fonctionnent-ils sur mobile ?
Oui, lorsque la scène est conçue pour les téléphones plutôt que réduite à partir d'une démo pour ordinateur. Cela suppose des modèles et des textures compressés, une résolution de rendu plafonnée, un rendu uniquement lorsque quelque chose change et une version allégée pour les appareils moins puissants. Nous testons sur un téléphone convenu dès la première tranche fonctionnelle : les limites du mobile façonnent ainsi la conception au lieu de vous surprendre au lancement.
Un site web 3D interactif a-t-il toujours besoin de WebGL ?
Non. La technique dépend de l'objectif. Si les utilisateurs doivent changer de point de vue ou manipuler un objet, les graphismes WebGL en temps réel sont généralement le bon choix. Un récit fixe peut recourir à des images de rendu ou à de la vidéo avec une couche de contenu plus légère, ce qui est moins cher à produire et plus facile à garder rapide. Parfois, des images superposées et un mouvement soigné suffisent.
Qui crée les modèles 3D ?
L'une ou l'autre partie, et la proposition précise laquelle. Vous pouvez fournir des modèles de produits existants à préparer pour le web, nous pouvons utiliser des assets sous licence, ou le périmètre peut inclure de la nouvelle modélisation. Chaque option change le coût et les délais. Quelle que soit la source, nous convenons des formats de fichier, des budgets de polygones et de textures, et de qui détient les fichiers sources finaux et les licences.
Combien de temps faut-il pour créer un site web 3D ?
Il n'y a pas de durée fixe ; cela dépend de la production des assets, du nombre de scènes et des cycles de relecture. Nous fixons le calendrier dans la proposition après avoir cadré la première tranche fonctionnelle, car elle révèle ce qui décale habituellement les dates, comme des modèles lourds ou des interactions à repenser pour le tactile. Indiquez dès le départ toute date de lancement afin que le travail puisse être phasé en conséquence.
Pouvez-vous ajouter une scène 3D à notre site existant ?
Souvent, oui. Une seule section 3D, comme un visualiseur de produit ou une scène d'ouverture, peut être ajoutée à un site existant si sa stack permet de charger la scène après le contenu de la page. Nous examinons d'abord la version actuelle, puis nous cadrons la scène, sa solution de repli et son budget de performance comme un lot de travail autonome pouvant être validé séparément.
