BRUME : un parfum en cinq couleurs, dans du vrai verre.
BRUME est une marque de parfum inventée : cinq fragrances, chacune avec sa propre couleur, dans une capsule de verre rechargeable. DTB WEB a conçu et réalisé le site en tant que concept. Une seule capsule porte toute la page, dans un studio photo dessiné en temps réel dans votre navigateur.
La question
Comment montrer un parfum sur un écran ? Les sites de parfum s’appuient d’habitude sur la photographie. Nous voulions que le produit lui-même porte la page, assez réel pour donner envie de toucher le verre, et que seule la couleur hausse le ton.
L’idée
Chaque fragrance a sa propre couleur, et seul le liquide la porte. Au fil du défilement, la capsule met en scène quatre raisons : une brume fine, un extrait, la recharge et une formule végane. Puis les ingrédients sortent de la brume, et vous composez vous-même un coffret découverte de trois couleurs.
La technique
La capsule a été modélisée une seule fois dans Blender, avec une lourde base en verre, un tube plongeur, une pompe chromée et une bague gravée. three.js reconstruit exactement la même forme dans le navigateur. Le verre est dessiné en dernier et réfracte l’image derrière lui, liquide compris. Le studio, avec ses boîtes à lumière et son éclairage de contour, est dessiné en code, et toute la page se tient dans un seul studio qui prend la couleur de la fragrance à l’écran.
Un concept, pas un projet client
BRUME n’existe pas et rien n’est à vendre. Les visiteurs qui composent un coffret lisent à la fin qu’il s’agit d’un concept et que rien n’est envoyé ni enregistré. Les fragrances, la capsule et la campagne ont été inventées pour ce design.
Extraits du site en ligne
