Maintenant que la 3D est disponible sur tous les navigateurs et qu'elle est facile à coder, plus rien ne nous empêche de rendre le web à nouveau cool ! Voici pourquoi nous prédisons un avenir où l'internet sera entièrement en 3D !
Commençons par un peu d'histoire : la technologie qui permet la 3D en ligne(WebGL) a été lancée en 2009 et pourtant, presque 10 ans plus tard, la 3D n'est pas très répandue en ligne.
Tout d'abord, parce que les navigateurs ont mis du temps à supporter l'API WebGL dans leur logiciel (Firefox en 2011, Chrome/Safari en 2012 et IE en 2013).
Aussi parce que, comme elle était nouvelle, l'API n'était pas encore la meilleure à utiliser et vous ne pouviez pas faire grand-chose avec elle à l'époque. Mais l'API WebGL ne cesse de s'améliorer. Des bibliothèques utilisant WebGL sont apparues pour faciliter son utilisation : c'est le cas de BABYLONJS que Naker adore !
N'êtes-vous pas un peu triste lorsque vous naviguez sur l'internet d'aujourd'hui ? Moi, je le suis ! La cause de ma tristesse est que la plupart des sites web suivent les mêmes schémas et la même logique : une couche plane qui monte quand on scrolle, quelques images qui illustrent ce qu'on lit, presque toujours une barre de navigation en haut de page, etc, etc.
Je comprends que c'est efficace parce que tout le monde est habitué à ça et qu'on ne peut pas se perdre ! Mais c'est parfois tellement ennuyeux !
Je suis sûr que vous avez tous déjà vu ce fond de codepen utilisé pour refléter la complexité d'une solution ou les connaissances d'une équipe. À chaque fois, je me sens comme : " Oh non, pas encore ce truc-là ! ". 😂 Et on ne peut pas leur en vouloir car on n'a pas toujours le temps ou les compétences alors on se contente de copier ce qui fonctionne en ligne.
C'est là que la 3D intervient. Une nouvelle dimension signifie beaucoup de nouvelles possibilités: des matériaux détaillés, des effets de lumière, des modèles, des animations et des mouvements, des particules. Tout ce dont vous pouvez avoir besoin pour créer un monde entier qui correspondra au produit ou à l'idée que vous souhaitez promouvoir. La 3D rendra l'image si immersive par rapport à la 2D classique que les utilisateurs s'en souviendront à coup sûr.
Si vous avez lancé un site web il y a 15 ans, vous n'avez pas entendu parler des sites web adaptatifs. Et aujourd'hui, votre site web ne sera pas pris en considération s'il n'est pas "responsive". Eh bien, n'ayez plus peur ! L'un des avantages de l'utilisation d'une scène 3D sur votre site web est qu'elle sera automatiquement adaptée. Comme nous l'avons dit, les dernières API web 3D fonctionnent désormais sur tous les navigateurs (voir ce sujet), donc peu importe que vous soyez sur votre smartphone ou votre ordinateur, la scène fonctionnera toujours.
Encore mieux ! Sur quel support les mondes en 3D sont-ils aussi formidables ? La réalité virtuelle ! Même si elle n'est pas encore très répandue(Apple y travaille), la création d'un site web en 3D vous permet d'être immédiatement prêt pour la réalité virtuelle.
Et on peut imaginer aller encore plus loin avec le développement des récentes PWA (Progressive Web App) qui visent à faire fonctionner n'importe quel site web comme une application de bureau ou mobile. Ainsi, votre expérience 3D ne fonctionnera pas seulement en ligne mais aussi sur toutes vos machines et sans aucune connexion internet. Imaginez que vous créez un site/scène 3D une seule fois et qu'il fonctionne automatiquement partout ! Sympa hein ?!
Une bonne façon d'illustrer l'expérience 3D est de faire imaginer un jeu, mais dans votre navigateur. Ce n'est pas encore la même chose, car on ne peut pas encore faire autant que sur un vrai moteur de jeu (mais nous y arriverons). Cependant, vous pouvez déjà rendre votre site web en 3D très interactif. Il ne s'agit pas de créer une ville entière ou de grimper sur des bâtiments, mais plutôt d'explorer un environnement et d'interagir avec les objets de la scène.
Un bon exemple est l'expérience Pottermore décrite ici, où vous découvrez des endroits dans le château de Poudlard et cherchez des bougies pour tout explorer.
De plus, comme nous ne sommes pas encore habitués à voir des sites web en 3D, vous créez immédiatement un effet de surprise. Comme les utilisateurs associent généralement la 3D aux jeux, ce type de site web leur donnera envie de jouer avec. Et il a raison ! Ainsi, l'utilisateur apprécie le temps qu'il passe à naviguer sur ce type d'expérience et il en parlera.
Une nouvelle expression que l'on retrouve de plus en plus souvent en ligne : L'expérience numérique. C'est le nouveau nom donné aux sites web qui proposent une interaction avec l'utilisateur pour améliorer son expérience et ainsi mieux répondre à ses besoins.
La 3D est le moyen idéal de créer une expérience numérique. Qu'il s'agisse de promouvoir le dernier produit connu, un portefeuille, une nouvelle technologie de démarrage ou même un événement annuel, une interaction est toujours plus puissante sur un design 3D parce qu'elle peut aller plus loin.
Vous pourrez faire voyager le visiteur dans votre création et lui faire vivre quelque chose de nouveau qu'il n'a pas vu auparavant ! (# retour au premier paragraphe). Créer des émotions et de la joie, c'est créer de l'Engagement et de l'Empowerment. Plus vous ferez rêver et voler votre visiteur, plus il vous suivra.
Nous pouvons voir qu'il y a beaucoup de raisons qui montrent que la 3D en ligne a d'excellents jours, mois et années à venir. C'est déjà le cas si vous allez aux awwwards et que vous regardez les dernières récompenses, les expériences en 3D sont en train de devenir une nouvelle tendance. 📈
Si vous êtes maintenant convaincu mais que vous ne savez pas comment avoir un site web en 3D, Naker a créé un éditeur 3D très simple à utiliser pour vous permettre de faire partie de ce futur. Contactez nous !