Comment intégrer des modèles 3D dans votre site pour augmenter l’expérience utilisateur

Un modèle animé et enrichi de la ville de San Francisco, développé par le studio TheHouse, et visualisée sous SketchFab – Utiliser la souris (clic, molette et déplacement) ou les doigts pour se déplacer et zoomer dans le modèle 3D

Entrez dans une nouvelle dimension

Publiez, partagez et découvrez des modèle 3D en ligne

Plus besoin d’installer d’extensions (plugins) pour visualiser et manipuler les modèles 3D directement sur les sites web, comme on devait le faire avec la technologie Flash ! Les standards du HTML5 ont permis de développer des moteurs 3D directement dans les navigateurs web, rendant leur diffusion et leur utilisation facilitée.

On peut imaginer de nombreux scénarios ou la visualisation 3D apporte une expérience utilisateur enrichie, aide à la décision d’achat ou à la validation de concept par exemple. Les modèles peuvent être basiques (wireframes), ou évolués avec des textures, des éclairages et des ombres portées, voire même être animés.

Intégration facilitée

La majorité des navigateurs récents supportent désormais la visualisation d’objets en 3 dimensions, manipulables facilement avec la souris sur les fixes ou au doigt sur les mobiles.

Il existe plusieurs moteurs 3D intégrables aux pages web : on citera SketchFab, 3dwarehouse de Sketchup, Tinkercad…

Intégrez la visualisation d’objets en 3D sur votre site !

Quelques autres exemples de modèles 3D :

• Circuit électronique / Sketchup
• Scooter Piaggio / Tinkercad
• Bague / Tinkercad