RAGNA

Le contexte du projet RAGNA

Cette page n’a pas été commandée par la marque RAGNA : c’est une démonstration que nous avons construite pour éprouver une question précise, celle de la présentation d’un produit physique en trois dimensions dans un navigateur. Un site de boisson se juge sur l’envie qu’il donne, et la photographie de packaging atteint vite sa limite : elle montre une face, sous une lumière, sous un angle. Nous voulions vérifier ce que coûte réellement l’alternative, et ce qu’elle apporte.

Ce que nous avons construit pour RAGNA

• Modèle de la canette rendu en temps réel avec Three.js, éclairé et animé au défilement : le produit tourne, change de saveur et reste manipulable à la souris, sans visionneuse externe ni plugin.

• Scène montée dans une page Next.js ordinaire, de sorte que le texte, les valeurs nutritionnelles et les prix restent du HTML lisible par un moteur de recherche, et non des pixels dans un canevas.

• Sélecteur de saveurs qui pilote la même scène plutôt que de charger quatre images : une seule ressource 3D sert les quatre déclinaisons du produit.

• Chargement différé de la scène derrière une image de repli, pour que le premier affichage ne dépende pas du rendu 3D.

Ce que le dispositif RAGNA fait aujourd’hui

• Le produit se regarde sous tous les angles, ce qu’aucune photographie de packaging ne permet.

• Une seule ressource 3D remplace les quatre séries de visuels qu’il aurait fallu produire et retoucher pour quatre saveurs.

• Le contenu éditorial reste en HTML : la page demeure indexable malgré la scène interactive.

• La démonstration sert de repère de coût interne : elle dit à quel type de projet la 3D apporte vraiment quelque chose, et à quel type elle ne fait qu’alourdir la page.