Présentations 3D : sept decks qui s’ouvrent par un lien et font voler une caméra en direct

Une présentation est souvent la première chose qu’un acheteur, un investisseur ou un sponsor ouvre vraiment, et la plupart sont des PDF qui ressemblent à tous les autres PDF. VITON¹³ a conçu les présentations 3D comme un concept, afin de montrer un autre format pour les missions que les clients lui confient le plus souvent : vendre une offre de sponsoring, lever des fonds, lancer un produit, vendre les logements d’une nouvelle tour, présenter une entreprise technologique, attirer des partenaires sur un festival et expliquer un service médical.

La commande que nous nous sommes donnée : une présentation qui s’ouvre par un lien sur n’importe quel écran et dont on se souvient comme d’un film, tout en se comportant comme une présentation, avec des diapositives, les touches fléchées, une télécommande de présentation, un lien vers une seule diapositive et un PDF à joindre à un e-mail. Toutes les marques de l’ensemble sont fictives, et la dernière diapositive de chaque deck le dit.

Sept decks et une page d’index, 78 diapositives en russe : le club de football Avrora (sponsoring, 11 diapositives), le pitch de série A de NEXORA (12), le lancement de la bague NOVA Ring (11), la tour résidentielle NORD 81 (11), l’entreprise spatiale ORBITA (11), le festival PULSE 2027 (11) et la clinique génomique HELIX (11). Chaque deck a sa propre scène, sa palette, ses polices et l’une des sept transitions 3D choisies pour la marque : un sprint avec traînées de vitesse, un cube, une traversée, une page de livre, une orbite, un retournement glitch et une montée en douceur.

Dans les scènes : un stade de nuit d’environ 43 000 places avec ses supporters, une tour de 324 mètres qui se reconstruit étage par étage sur la diapositive du chantier, une bague qui se décompose en six pièces légendées, un satellite qui déploie ses panneaux au-dessus d’une Terre générée par shaders, une scène et une foule qui bougent à 124 BPM et une hélice d’ADN brillante. À l’ouverture d’une diapositive, les chiffres défilent, les graphiques grandissent et des légendes 3D s’accrochent à des parties de la scène.

Un seul moteur fait tourner les sept decks. Chaque diapositive est du texte HTML posé sur un canevas, qui reste donc lisible et sélectionnable, et chaque diapositive a une position de caméra dans la scène : passer à la suivante, c’est un vol de caméra. Les commandes suivent les habitudes des présentations : touches fléchées, barre d’espace, molette de la souris et balayage ; O ouvre une vue d’ensemble 3D de toutes les diapositives, F passe en plein écran, A lance la lecture automatique, et chaque diapositive a son propre lien. Sur téléphone, le texte passe dans un panneau défilant sous la scène.

Les scènes sont entièrement construites en code, sans modèles 3D, photos ni vidéo : des maillages instanciés pour les objets répétés comme les sièges et les fenêtres, le bloom pour seul post-traitement et des textures procédurales. Chaque deck est un dossier statique aux adresses relatives, qui fonctionne donc depuis n’importe quel chemin, et un script rend chaque deck en PDF 16:9 pour l’envoi par e-mail. La démo est marquée noindex, nofollow.

L’ensemble est en ligne à l’adresse tarasovvitalii.com/demos/presentations/ : une page d’index, sept decks, 78 diapositives, sept versions PDF et sept transitions 3D, réalisés le 28 septembre 2026. Ce jour-là, nous avons compté les images avec requestAnimationFrame pendant trois secondes sur deux diapositives de chaque deck, dans Chrome en mode headless avec ANGLE Metal, sur un MacBook doté d’une puce Apple M5, en 1600 × 1000 à l’échelle Retina : les 14 relevés étaient à 60 fps (60,1–60,2). Chaque deck charge de 235 à 252 Ko de JavaScript en gzip, three.js et GSAP compris ; l’ensemble du build pèse 27 Mo, dont 14 Mo de PDF.

Sur l’adresse en ligne, le même jour, Lighthouse a donné à la page d’index une performance de 92 sur mobile et de 99 sur ordinateur, et au deck NORD 81 des scores de 86 et de 98 (médianes de trois passages), avec les bonnes pratiques à 100 sur les deux pages. Chaque deck a un seul H1 et tient sur un écran de 390 px ; la page d’index est la seule à défiler horizontalement sur téléphone, ce que la revue ci-dessous place en tête des corrections.

Les présentations 3D sont un concept réalisé par VITON¹³ pour montrer le format, pas une commande de client. Le club de football, la startup, la bague, la tour, l’entreprise spatiale, le festival et la clinique sont fictifs, tout comme leurs chiffres, leurs prix, leurs personnages et leurs numéros de téléphone ; les decks ne prouvent aucune levée de fonds bouclée, aucune vente de sponsoring ni de logement.

Il n’y a ni photo ni vidéo à l’intérieur : chaque image est dessinée par le code. La fréquence d’images a été mesurée sur une seule machine équipée d’une puce Apple récente, dans Chrome en mode headless, et ne dit rien des téléphones plus anciens ni des ordinateurs portables d’entreprise ; Lighthouse mesure le chargement, pas la fluidité d’une scène. Les decks sont uniquement en russe et volontairement tenus à l’écart des moteurs de recherche.

Comment vérifier le portfolio d’une agence web →