Technique · Configurateur 3D
La vraie 3D plutôt qu’une suite d’images : comment fonctionne notre configurateur
Chez Surprise for Business, les entreprises conçoivent leurs articles publicitaires sur un vrai modèle 3D, directement dans le navigateur. Le logo se place en direct sur la surface, et le bon à tirer est généré à partir du même modèle. Cette page explique la technique et la situe sur le marché.
L’essentiel en bref
- WebGL dans le navigateurFonctionne sans app ni plug-in sur ordinateur, tablette et smartphone (three.js).
- 8'500–33'000 trianglespar article : de vrais modèles 3D, compressés pour peser de 0.2 à 2.3 Mo.
- Logo sur la surfaceLe motif téléversé se place sur le modèle via des coordonnées de texture (UV) et en épouse la forme.
- Matériaux PBRPlastique, métal, aluminium anodisé et tissu réagissent à la lumière lorsque l’article tourne.
- Bon à tirer issu du modèleChaque surface imprimée vue de face, avec la position et la taille du motif en centimètres.
- Un seul processusConcevoir, valider, commander et payer (carte, TWINT, QR-facture) sans changer d’outil.
Vraie 3D et vue 360° : la différence
Dans le commerce en ligne, beaucoup de choses s’appellent « 3D » sans en être. Il faut distinguer deux procédés :
Vue 360° (suite d’images)
L’article est photographié ou pré-rendu sous généralement 24 à 72 angles de vue. Lorsque vous faites glisser, la page affiche ces images l’une après l’autre. L’article ne tourne qu’autour d’un axe fixe ; le dessus et le dessous, l’inclinaison ou le zoom n’existent que si des images ont été réalisées spécialement pour cela. Le logo du client est le plus souvent posé sur la photo comme une image plate, ou déformé en perspective.
3D en temps réel (notre configurateur)
Le navigateur charge un modèle composé de triangles dans la carte graphique et recalcule chaque image, environ 60 fois par seconde. Vous faites pivoter l’article tout autour, vous l’inclinez (pour la plupart des articles, presque à la verticale par le haut et par le bas), vous zoomez, et la lumière et les reflets suivent le mouvement. La couleur et le logo ne sont pas des images, mais des propriétés du modèle : un changement de couleur ou un nouveau logo est immédiatement visible sur tous les côtés de l’article.
D’où viennent les modèles 3D
Tous les modèles 3D proviennent de notre propre production. Nous les construisons d’après les articles originaux et leurs dimensions, et les décomposons en leurs différentes pièces : pour le briquet, par exemple, le corps, le capuchon et la molette ; pour la sonnette de vélo, l’anneau, le collier et le levier. Chaque pièce peut ainsi être colorée séparément, et chaque matériau se comporte à la lumière comme sur l’article réel.
Les modèles sont optimisés pour le web : aussi peu de triangles que nécessaire, géométrie compressée (glTF avec KHR_mesh_quantization). Tant que la 3D n’est pas chargée, la page affiche une image fixe rendue à partir du même modèle.
À essayer sur chaque article : double-mètre Hultafors personnalisé, briquets BIC personnalisés, sacs cabas PP avec logo, porte-clés mini pare-battage et sonnette de vélo gravée au laser.
Comment le logo arrive sur l’article
- Téléverser : SVG, PDF, AI, EPS, JPG ou PNG. La boutique détoure le motif et le vectorise sur demande.
- Sur la surface d’impression : chaque surface imprimable possède sa propre toile d’impression. Celle-ci est posée sur la surface du modèle via des coordonnées de texture (UV mapping) ; le logo suit donc la courbure d’un briquet ou l’anneau d’une sonnette. La position, la taille et la rotation sont ajustables, et l’aperçu montre immédiatement le résultat sur l’article.
- Couleurs : les couleurs d’impression se choisissent en Pantone. La sonnette est gravée au laser plutôt qu’imprimée : la gravure apparaît telle qu’elle sera réellement, en aluminium brut.
- Plusieurs faces : les briquets ont un recto et un verso, les sacs cabas en PP cinq faces. Chacune est conçue et validée séparément.
Lumière et matériaux
Les matériaux sont basés sur la physique (PBR) : la rugosité, la part métallique et une couche de vernis transparent déterminent la manière dont une surface renvoie la lumière. Un environnement de studio fournit les reflets ; plusieurs sources lumineuses et des ombres douces font ressortir la forme. Le plastique mat, le métal brillant et l’aluminium anodisé ont donc chacun leur propre aspect et changent lorsque l’article tourne.
Important : chaque écran affiche les couleurs un peu différemment. L’aperçu 3D montre la forme, la position, la taille et le rendu des couleurs ; pour l’impression, c’est la couleur Pantone choisie qui fait foi.
De l’aperçu au bon à tirer
Habituellement, un « bon à tirer » se fait ainsi : une graphiste crée une maquette dans un logiciel de graphisme, l’envoie par e-mail, le client la corrige, et la maquette repart pour un nouvel aller-retour. Chez nous, le bon à tirer est généré directement à partir du modèle 3D : pour chaque surface imprimée, la boutique calcule une vue de face et y ajoute le fichier, le nombre de couleurs, la position et la taille du motif en centimètres. Le client le valide en ligne et commande dans le même processus.
Cela raccourcit nettement les échanges, sans remplacer le soin : chaque bon à tirer est en outre vérifié à la main avant la production, sans supplément.
Comparaison
| Critère | Vue 360° (suite d’images) | 3D en temps réel chez Surprise for Business |
|---|---|---|
| Rotation | Autour d’un axe fixe, autant de positions que d’images | Tout autour et en continu, avec inclinaison et zoom |
| Logo | Image plate posée sur la photo ou déformée en perspective | Sur la surface du modèle (UV mapping), sur chaque face |
| Lumière et matériaux | Figés dans la photo | Calculés en direct (PBR), les reflets suivent le mouvement |
| Variantes de couleur | Une suite d’images par couleur | Un seul modèle, la couleur change en direct |
| Volume de données | Des dizaines d’images par vue et par couleur | Un modèle de 0.2 à 2.3 Mo, chargé une seule fois |
| Bon à tirer | Généralement créé à part et ajusté par e-mail | Généré à partir du modèle, validé en ligne, commandé dans le même processus |
Où cela se situe sur le marché
En octobre 2026, nous avons examiné des fournisseurs suisses et européens. Le résultat, aussi honnêtement que possible :
- La plupart des boutiques suisses d’articles publicitaires montrent le logo sur des photos de produit, soit posé à plat par-dessus, soit déformé en perspective. Certaines proposent des configurateurs 2D ou des vues pré-rendues.
- Quelques fabricants de marque, par exemple de couteaux de poche et d’instruments d’écriture, montrent déjà leurs propres produits en 3D interactive avec logo. En Europe, des éditeurs de logiciels vendent en outre de tels aperçus 3D aux distributeurs.
- Lors de cet examen, nous n’avons pas trouvé de boutique suisse d’articles publicitaires qui, avec des articles de plusieurs marques, relie directement la 3D en temps réel avec logo en direct à la commande et à un bon à tirer généré automatiquement.
Questions fréquentes
Le configurateur 3D nécessite-t-il une app ou un plug-in ?
Non. Il fonctionne dans tout navigateur récent, sur ordinateur, tablette et smartphone. L’affichage 3D utilise WebGL, qui est intégré à tous les navigateurs courants.
Quelle est la différence entre la vraie 3D et une vue 360° ?
Une vue 360° est une suite de photos ou d’images, généralement 24 à 72 ; l’article ne tourne qu’autour d’un axe fixe, et un logo y est le plus souvent posé comme une image plate. La vraie 3D est un modèle composé de triangles : vous le faites pivoter tout autour, l’inclinez et zoomez, et le logo se place sur la surface bombée.
Les couleurs à l’écran font-elles foi ?
Non. Chaque écran affiche les couleurs un peu différemment. C’est la couleur Pantone choisie qui fait foi ; l’aperçu 3D montre la forme, la position et la taille du logo ainsi que le rendu des couleurs.
Quelle est la précision de la position du logo ?
Pour chaque surface imprimée, le bon à tirer indique la position et la taille du motif en centimètres. Avant la production, une personne vérifie en outre chaque bon à tirer, sans supplément.
Que se passe-t-il si un appareil ne peut pas afficher la 3D ?
La page affiche alors des images fixes rendues à partir des mêmes modèles 3D, et vous pouvez tout de même concevoir et commander.
État au 11 octobre 2026 · Surprise for Business, Bottighofen