Qu’est-ce qu’un configurateur 3D de produits ? Avantages, exemples et quand l’adopter
Un configurateur 3D de produits est un outil interactif, intégré à une page web, qui permet aux clients de changer les couleurs, les matériaux et les variantes d’un produit sur un modèle 3D, et de voir chaque modification en temps réel. Chez BASE BROS, les configurateurs 3D sont des projets sur mesure : l’équipe conçoit et développe chaque configurateur pour la marque concernée, avec un aperçu AR qui s’ouvre dans le navigateur mobile, sans application. Ce guide explique comment fonctionne un configurateur, ce qu’il apporte, quelles marques l’utilisent et dans quels cas le 3D Viewer en libre-service de BASE 3D-AR Studio suffit.
À retenir
- Un configurateur 3D de produits, aussi appelé outil de personnalisation 3D de produits, affiche sur le modèle 3D chaque choix de couleur, de matériau ou de variante dès que le client le fait.
- Il convient aux produits proposés en de nombreuses combinaisons de tissu, de couleur, de taille ou de motif, lorsqu’il serait trop lourd de photographier chaque option.
- Chez BASE BROS, les configurateurs sont des projets sur mesure réalisés par l’équipe. Ils ne sont pas une fonctionnalité du Studio.
- Si un seul rendu final par produit vous suffit, le 3D Viewer en libre-service du Studio répond au besoin : vous modifiez les matériaux, cliquez sur Save et partagez la page.
- Pour lancer un projet de configurateur, contactez l’équipe commerciale de BASE BROS en lui adressant une courte description de votre projet.
Qu’est-ce qu’un configurateur 3D de produits ?
Un configurateur 3D de produits est une expérience web dans laquelle les clients composent leur propre version d’un produit. Ils choisissent des options comme la couleur, le matériau, le tissu, la finition ou la taille dans un panneau, et le modèle 3D placé à côté se met à jour en temps réel. Ils peuvent faire pivoter le résultat et zoomer pour l’examiner sous tous les angles, puis, sur un téléphone, placer le produit dans leur propre intérieur grâce à la réalité augmentée.
Visionneuse 3D et configurateur 3D sont deux outils très proches. Une visionneuse 3D présente un produit sous forme de modèle 3D interactif que l’on peut faire pivoter, agrandir et ouvrir en AR. Un configurateur 3D offre les mêmes possibilités et permet en plus de changer soi-même les couleurs, les matériaux et les variantes. Chez BASE BROS, la visionneuse est en libre-service dans BASE 3D-AR Studio, tandis que les configurateurs sont des projets sur mesure.
Comment fonctionne un configurateur 3D de produits ?
Tous les configurateurs reposent sur le même principe : le client choisit une option, le modèle 3D l’affiche immédiatement, puis le client peut voir le résultat en AR, en faire une capture ou le partager.
- Choisir les options : le produit est divisé en parties, et chaque partie propose ses propres couleurs ou matériaux. Dans la démo du fauteuil lounge présentée sur la page 3D Configurator de BASE, un sélecteur Leather ou Fabric (cuir ou tissu) définit le matériau du revêtement, et six parties (Back Upholstery, Front Upholstery, Back Wood, Front Wood, Metals et Legs) proposent chacune cinq options, avec un bouton Reset pour l’ensemble.
- Voir le résultat en temps réel : le configurateur BASE s’appuie sur le rendu WebGPU, bascule automatiquement vers WebGL si nécessaire et applique instantanément au modèle 3D chaque nouvelle couleur ou chaque nouveau matériau PBR.
- Voir, capturer et partager : les clients placent le produit dans leur propre intérieur en AR sur iOS et Android, directement depuis le navigateur. Un seul clic suffit pour capturer le produit configuré, dont ils peuvent ensuite partager le rendu exact.
La même page présente aussi une démo de montre de poche Nacar, détaillée plus bas.
Que peut inclure un configurateur 3D BASE ?
BASE BROS construit chaque configurateur autour du produit qu’il présente : les fonctionnalités varient donc d’un projet à l’autre. La page 3D Configurator recense les briques suivantes :
- Rendu WebGPU : une qualité visuelle élevée dans le navigateur, avec basculement automatique vers WebGL.
- Éditeur de matériaux et de textures : un système de matériaux avec textures PBR, finitions personnalisées et aperçu en temps réel.
- Personnalisation des couleurs : le client choisit une couleur et la voit appliquée instantanément sur le modèle 3D.
- Éclairage dynamique : direction, élévation et intensité de la lumière réglables.
- Système de variantes : plusieurs variantes d’un produit, avec des matériaux, des tailles et des configurations différents.
- Aperçu AR : le client place le produit dans son propre intérieur sur iOS et Android, depuis le navigateur, sans application.
- Lecture d’animations : les animations intégrées au modèle, ainsi qu’une rotation automatique en plateau tournant.
- Annotations par hotspots : des repères légendés qui mettent en avant les matériaux, les parties et les caractéristiques clés.
- Capture d’écran instantanée : un seul clic capture le produit configuré, prêt à être partagé.
Quels sont les avantages d’un configurateur 3D de produits ?
- Toutes les combinaisons, sans avoir à les photographier une à une. Un seul modèle 3D montre toutes les options, un atout précieux lorsqu’un produit existe en trop de combinaisons pour qu’on puisse toutes les photographier.
- Les clients voient ce qu’ils choisissent. Chaque modification apparaît aussitôt sur le modèle, et le client peut la vérifier sous tous les angles au lieu de l’imaginer à partir d’un échantillon.
- La taille et l’encombrement dans une vraie pièce. L’aperçu AR utilise le suivi de surfaces pour poser le produit sur un vrai sol ou une vraie table, à l’échelle réelle.
- Un résultat facile à partager. La capture d’écran instantanée immortalise le produit configuré : le client peut envoyer le rendu exact à un collègue, à un associé ou à un designer.
- Les informations techniques sur le modèle lui-même. Les annotations par hotspots signalent les matériaux, les parties et les caractéristiques clés directement sur le modèle 3D.
- Disponible là où se trouvent déjà vos clients. Vous intégrez le configurateur finalisé à votre site web ou à votre boutique en ligne grâce à un code d’intégration, sans aucun plugin.
Un exemple concret : le configurateur de la montre de poche Nacar
La page 3D Configurator présente un configurateur conçu autour d’une montre de poche Nacar, maison horlogère d’origine suisse dont l’histoire remonte à 1929. Un seul écran suffit pour voir ce qu’un configurateur met entre les mains de vos clients : un panneau Customize à droite et la montre en 3D temps réel à gauche.
Ce que les clients peuvent modifier
La montre se divise en sept parties, chacune dotée de son propre curseur de couleur :
- Inner Case et Outer Case (boîtier intérieur et boîtier extérieur)
- Inner Stripes (rayures intérieures)
- Numerals (chiffres)
- Inner Mechanism, le mouvement visible à travers le cadran squelette
- Dial Pattern (motif du cadran)
- Watch Hands (aiguilles)
Un clic suffit pour ouvrir chaque partie. Dès que le client déplace le curseur, la nouvelle couleur s’affiche aussitôt sur la montre, et la pastille placée à côté du nom de la partie indique le choix en cours. Le bouton Reset redonne à toutes les parties les couleurs d’origine du modèle.
Comment les clients explorent le résultat
| Commande | Rôle |
|---|---|
| Open Live Page, View in AR, Take Screenshot, Toggle Light/Dark, Fullscreen | La barre d’outils située au-dessus du modèle ouvre la page en ligne, lance l’AR, capture la montre configurée, bascule l’arrière-plan entre clair et sombre et agrandit la visionneuse |
| Vitesse de rotation et zoom | Le curseur vertical de gauche règle la vitesse du plateau tournant et permet de le mettre en pause, tandis que celui de droite sert à zoomer et dézoomer |
| Shadows, Rotate, Pan | Des interrupteurs qui activent ou désactivent les ombres, la rotation et le déplacement panoramique |
| Environment, Light, Horizontal, Vertical | Des curseurs qui règlent l’intensité de l’environnement, l’intensité de la lumière ainsi que l’orientation horizontale et verticale de la lumière |
L’aperçu AR affiche la montre dans sa finition par défaut. Chaque projet est conçu spécifiquement pour la marque : les parties, les options et les commandes s’adaptent donc au produit. Pour découvrir d’autres projets, consultez le Showcase BASE BROS et les cas d’usage BASE.
Visionneuse 3D ou configurateur 3D : de quoi avez-vous besoin ?
Tous les produits n’ont pas besoin d’un configurateur. Tout dépend de qui fait le choix : vous, avant la publication, ou votre client, directement sur la page.
Avec le 3D Viewer du Studio, c’est vous qui définissez le rendu. Dans l’onglet Material du Model Editor, vous sélectionnez une partie à la pipette et modifiez Base Color, Roughness, Metalness, Normal, Emissive, Occlusion et Alpha. Ces modifications sont enregistrées dans une couche non destructive : le fichier GLB d’origine reste intact, et rien n’est rendu public tant que vous n’avez pas cliqué sur Save. Les visiteurs voient ensuite ce rendu enregistré sur la page 3D-AR en ligne et peuvent l’ouvrir en AR. Si un produit existe en quelques coloris, vous pouvez publier chacun d’eux comme un modèle distinct, avec sa propre page.
Avec un 3D Configurator, c’est le client qui définit le rendu. L’équipe BASE BROS développe pour votre produit le panneau d’options, les variantes et la logique qui les relie.
| Votre situation | Solution la plus adaptée | Comment l’obtenir |
|---|---|---|
| Présenter chaque produit dans un seul rendu final, en 3D et en AR | 3D Viewer | En libre-service dans le Studio |
| Ajuster vous-même les couleurs et les matériaux avant la publication | 3D Viewer avec l’onglet Material du Model Editor | En libre-service dans le Studio |
| Présenter quelques coloris, chacun sur sa propre page | Un modèle Studio par variante | En libre-service dans le Studio |
| Permettre aux clients de choisir les couleurs, les matériaux ou les parties sur la page | 3D Configurator | Projet sur mesure |
| Proposer de nombreuses combinaisons de tissu, de couleur, de taille ou de motif | 3D Configurator | Projet sur mesure |
| Proposer des options comme les dimensions, les modules ou les panneaux de toit | 3D Configurator | Projet sur mesure |
| Publier plus de 2 000 modèles ou obtenir une modélisation 3D sur mesure | Enterprise | Contacter l’équipe commerciale |
Pour tester d’abord la voie du libre-service, lisez Comment créer une page produit 3D et AR avec BASE 3D-AR Studio. Pour créer le modèle à partir de photos produits, consultez Image en 3D. Pour placer la page sur votre site, découvrez comment ajouter la 3D et l’AR à votre site web sans application. L’offre Free ne demande aucune carte bancaire et comprend jusqu’à 3 modèles en ligne et 3 nouveaux modèles par mois.
Comment lancer un projet de configurateur 3D avec BASE BROS ?
- Listez vos produits et leurs options. Notez quelles parties de chaque produit changent et quelles options (couleurs, matériaux, tailles ou modules) les clients peuvent choisir.
- Rassemblez vos fichiers 3D. Si vous disposez déjà de modèles 3D, transmettez-les à l’équipe. Pour prévisualiser d’abord un fichier .GLB, ouvrez-le dans Quick View, qui l’affiche dans la visionneuse du Studio sans l’envoyer sur un serveur. Si vous n’avez pas encore de fichiers 3D, BASE BROS propose aussi la modélisation 3D sur mesure et peut créer les modèles de votre projet.
- Contactez l’équipe commerciale. Les boutons Start Your Project et Schedule Demo de la page 3D Configurator mènent tous deux à la page Contact. Envoyez une courte description de votre projet via le formulaire, en choisissant Request Demo ou Enterprise Inquiry comme objet, ou écrivez à info@basebros.com.
- Intégrez le configurateur finalisé. Collez son code d’intégration dans votre site web ou votre boutique en ligne. Il ne nécessite ni plugin ni dépendance.
Pour un panorama de toutes les solutions BASE BROS, lisez Solutions BASE BROS : visionneuse 3D, configurateur, IA et AR. Pour préparer vos modèles pour le web et l’AR, consultez GLB ou USDZ.
Questions fréquentes
Qu’est-ce qu’un configurateur 3D de produits ?
Un configurateur 3D de produits est un outil interactif, intégré à une page web, qui permet aux clients de changer les couleurs, les matériaux et les variantes d’un produit sur un modèle 3D et de voir chaque modification en temps réel. On parle aussi d’outil de personnalisation 3D de produits.
Quelle est la différence entre une visionneuse 3D et un configurateur 3D ?
Une visionneuse 3D présente un produit sous forme de modèle 3D interactif que l’on peut faire pivoter, agrandir et ouvrir en AR. Un configurateur 3D permet en plus de changer soi-même les couleurs, les matériaux et les variantes. Chez BASE BROS, la visionneuse est en libre-service dans BASE 3D-AR Studio, tandis que les configurateurs sont des projets sur mesure.
Le 3D Configurator fait-il partie de BASE 3D-AR Studio ?
Non. BASE BROS conçoit et développe chaque configurateur 3D sous forme de projet sur mesure. Dans le Studio, vous pouvez modifier les matériaux d’un modèle dans le Model Editor et publier chaque variante comme un modèle distinct. Chaque page en ligne affiche alors le rendu que vous avez enregistré.
Les clients ont-ils besoin d’une application pour voir le produit en AR ?
Non. L’AR de BASE fonctionne dans le navigateur mobile : l’iPhone et l’iPad ouvrent Apple AR Quick Look avec un fichier USDZ, et Android ouvre WebXR dans Chrome. Le suivi de surfaces pose le produit sur une vraie surface, à l’échelle réelle. Sur ordinateur, les visiteurs scannent un QR code pour ouvrir la page sur leur téléphone.
Puis-je ajouter un configurateur 3D à mon site web ?
Oui. Collez le code d’intégration du configurateur finalisé dans votre site web ou votre boutique en ligne. Aucun plugin ni aucune dépendance ne sont nécessaires.
Comment lancer un projet de configurateur 3D avec BASE BROS ?
Contactez l’équipe commerciale de BASE BROS via la page Contact ou à l’adresse info@basebros.com, avec une courte description de vos produits et des options que les clients doivent pouvoir choisir.
Lancez votre projet de configurateur 3D
Si vous souhaitez que vos clients composent leur propre version de votre produit, un configurateur 3D affiche chaque choix en temps réel, avec un aperçu AR directement dans le navigateur mobile. Contactez notre équipe commerciale pour concevoir le vôtre avec BASE BROS, ou commencez gratuitement dans le Studio et publiez dès aujourd’hui vos propres pages produits en 3D et en AR.