Aller au contenu
Essayer la démo

Visuels & intégration

Vue 360°, vidéo ou modèle 3D : que choisir pour votre produit ?

« Montrer mon produit à 360° » peut désigner trois expériences très différentes. Une suite de photos, une vidéo de rotation et un modèle 3D ne demandent pas les mêmes fichiers et ne laissent pas la même liberté au client.

L’essentiel

Choisissez une photo 360° pour parcourir des vues photographiques, une vidéo pour une séquence guidée et une 3D interactive pour laisser le client explorer les volumes.

Comparer les formats avant de produire les visuels

Trois façons de montrer un produit sous plusieurs angles
FormatCe que le client peut faireCe qu’il faut préparer
Photo 360°Parcourir une série d’angles capturés.Des photos cohérentes et un lecteur de séquence.
Vidéo de rotationRegarder, mettre en pause et reprendre la séquence.Un fichier vidéo compatible avec le canal.
3D interactiveTourner et observer le modèle selon les commandes disponibles.Un modèle 3D et un lecteur compatible.

Une photo 360° reste une collection de prises de vue : le lecteur ne montre que les angles disponibles. Une vidéo impose son parcours. Un modèle 3D permet d’afficher d’autres points de vue, mais exige un contrôle de la géométrie et des textures.

Partir de la question d’achat

Pour un sac, l’acheteur veut peut-être voir le dos et les poches. Pour une lampe, il veut comprendre la forme du pied. Pour un vêtement, il peut chercher le tombé du tissu en mouvement. Le format se choisit selon la question à résoudre.

Une vidéo réelle d’utilisation peut mieux expliquer un mécanisme qu’une rotation. Des photos rapprochées peuvent être plus utiles pour une matière très brillante. À l’inverse, un objet dont les volumes comptent se prête à une exploration 3D.

Évitez d’ajouter une interaction uniquement pour son effet visuel. Gardez le prix, les variantes et l’achat faciles d’accès pendant l’exploration.

Intégrer un modèle 3D à un site sur mesure

Le kit web OBJEL contient le modèle GLB, le lecteur, une page de visualisation et un exemple de code d’intégration. Le lecteur repose sur Google model-viewer, qui permet d’afficher des modèles 3D interactifs sur le web.

  1. Exportez le kit depuis le studio, puis décompressez-le.
  2. Placez le dossier forma-produit sur votre hébergement HTTPS.
  3. Vérifiez que /forma-produit/viewer.html s’ouvre depuis votre domaine.
  4. Insérez le contenu d’integration.html dans la page produit, puis adaptez la hauteur et le titre du lecteur.

Le modèle et le lecteur doivent être servis par votre site. Ouvrir le fichier directement depuis votre ordinateur ou copier une URL privée de OBJEL n’équivaut pas à une intégration publique.

Pour plusieurs produits, utilisez un dossier et une URL distincts par modèle. Remplacez le titre générique de l’iframe par un libellé descriptif, comme « Explorer la lampe Alba en 3D ».

Sur Shopify, utiliser les médias du produit

Pour une fiche produit Shopify, privilégiez le parcours d’import du modèle dans les médias et la prise en charge de votre thème. Suivez le guide d’intégration Shopify pour les formats, les étapes et les vérifications.

Le kit web vise principalement les sites sur mesure. Une intégration personnalisée dans un thème Shopify peut demander du développement et ne doit pas être confondue avec une application installable.

Garder une page rapide et facile à utiliser

Prévoyez une place stable pour le lecteur et une image d’aperçu. Chargez les scènes situées plus bas seulement à l’approche de leur affichage. Une page contenant plusieurs gros modèles actifs en même temps consomme inutilement des ressources.

Proposez une pause pour les rotations automatiques et respectez les personnes qui préfèrent limiter les animations. Sur téléphone, assurez-vous que le geste de rotation ne bloque pas le défilement de la fiche.

Testez le modèle sur plusieurs appareils et gardez une alternative photographique. La 3D ne doit pas empêcher un client de comprendre le produit ou de commander si son appareil ne peut pas afficher le lecteur.

Évaluer le format sur un premier produit

Choisissez une fiche assez consultée et notez les questions qui lui sont associées. Ajoutez le visuel qui y répond, puis observez les interactions, les ajouts au panier et les commandes sans changer simultanément le prix et l’offre.

La méthode pour améliorer les ventes de sa boutique aide à distinguer une interaction intéressante d’un effet commercial mesuré. Une rotation lancée ne garantit pas qu’un visiteur achètera.

Questions fréquentes

Une animation 360° est-elle un modèle 3D ?

Pas nécessairement. Une vidéo peut montrer un tour complet sans permettre de changer l’angle. Un modèle 3D contient une géométrie que le lecteur peut afficher depuis différents points de vue.

Les fichiers peuvent-ils être réutilisés sur mon propre site ?

Le kit OBJEL inclut le lecteur et le modèle à héberger. Vous pouvez essayer ce parcours avec les produits de démonstration. La génération de votre propre produit depuis des photos n’est pas encore activée.

À vous d’explorer

Votre prochaine présentation
commence ici.

Découvrez la 3D interactive et les exports sur le modèle de démonstration OBJEL.

Explorer le studio La génération depuis vos photos et les achats de crédits sont encore désactivés.