La 3D sur un site web : quand elle sert le projet, et quand elle le dessertLa 3D sur un site web : quand elle sert le projet, et quand elle le dessert

Je fais de la 3D sur le web parce que j'aime ça. C'est justement pour cette raison que je la déconseille souvent. Un effet spectaculaire qui ne sert pas le propos coûte du temps de chargement, de l'attention, et parfois des clients.Je faisfais de la 3D sursur le web parce queque j'aime ça. C'est justementjustement pour cette raison queque je la déconseille souvent.souvent. Un effet spectaculaire quiqui ne sert pas lele propos coûte du tempstemps de chargement, de l'attention,l'attention, et parfois des clients.clients.

Quatre questions avant d'ajouter de la 3DQuatre questions avant d'ajouter de la 3D

• Montre-t-elle quelque chose qu'une photo ne montre pas ? Un produit sous tous ses angles, un mécanisme, une matière.Montre-t-elle quelquequelque chose qu'une photo nene montre pas ? UnUn produit sous tous sesses angles, un mécanisme, uneune matière.
• Raconte-t-elle la marque ? Un objet ou une matière qui lui appartient, pas un effet vu ailleurs.Raconte-t-elle lala marque ? Un objetobjet ou une matière quiqui lui appartient, pas unun effet vu ailleurs.
• Le visiteur comprend-il l'offre sans elle ? Si la réponse est non, le problème est ailleurs.Le visiteurvisiteur comprend-il l'offre sans elleelle ? Si la réponseréponse est non, le problèmeproblème est ailleurs.
• A-t-on le budget pour la version mobile ? Sur téléphone, la 3D se conçoit à part.A-t-on lele budget pour la versionversion mobile ? Sur téléphone,téléphone, la 3D se conçoitconçoit à part.

Quand elle sert le projetQuand elle sert le projet

Un lancement de produit, une marque qui veut marquer les esprits, un portfolio créatif : la 3D y est un argument. Sur les concepts KNTC Vector et HYALO, elle sert à mettre en scène un produit comme le ferait une campagne de lancement.Un lancementlancement de produit, une marquemarque qui veut marquer lesles esprits, un portfolio créatifcréatif : la 3D yy est un argument. SurSur les concepts KNTC VectorVector et HYALO, elle sertsert à mettre en scènescène un produit comme lele ferait une campagne dede lancement.

Quand elle dessertQuand elle dessert

Un plombier, un cabinet comptable ou un restaurant n'ont généralement pas besoin d'une scène en 3D. Leurs clients veulent un numéro, des horaires, des avis et une preuve de sérieux. Un site rapide et clair les servira mieux.Un plombier,plombier, un cabinet comptable ouou un restaurant n'ont généralementgénéralement pas besoin d'une scènescène en 3D. Leurs clientsclients veulent un numéro, desdes horaires, des avis etet une preuve de sérieux.sérieux. Un site rapide etet clair les servira mieux.mieux.

Les précautions qui ne se négocient pasLes précautions qui ne se négocient pas

• Le texte s'affiche avant la 3D. La scène se charge ensuite, sans bloquer la lecture.Le textetexte s'affiche avant la 3D.3D. La scène se chargecharge ensuite, sans bloquer lala lecture.
• La boucle de rendu s'arrête quand la scène n'est plus à l'écran.La boucleboucle de rendu s'arrête quandquand la scène n'est plusplus à l'écran.
• Une image de repli s'affiche si l'appareil ne peut pas afficher la 3D.Une imageimage de repli s'affiche sisi l'appareil ne peut paspas afficher la 3D.
• Le réglage « réduire les animations » du visiteur est respecté.Le réglageréglage « réduire les animationsanimations » du visiteur estest respecté.
• Le titre reste un vrai titre HTML, lisible par Google et par les lecteurs d'écran.Le titretitre reste un vrai titretitre HTML, lisible par GoogleGoogle et par les lecteurslecteurs d'écran.

La bonne 3D est celle qu'on remarque d'abord, et qu'on oublie ensuite parce qu'on est occupé à lire.La bonnebonne 3D est celle qu'onqu'on remarque d'abord, et qu'onqu'on oublie ensuite parce qu'onqu'on est occupé à lire.lire.

Sur ce site, la lentille de l'accueil suit ces règles : elle se charge après le texte, s'arrête hors de l'écran, s'allège sur mobile, et laisse place à une image fixe si nécessaire.Sur cece site, la lentille dede l'accueil suit ces règlesrègles : elle se chargecharge après le texte, s'arrêtes'arrête hors de l'écran, s'allèges'allège sur mobile, et laisselaisse place à une imageimage fixe si nécessaire.