Three.js, WebGL, animation et narration au défilement
Certains sites se lisent. D’autres se vivent : une matière tourne dans la lumière, un bâtiment s’ouvre aile par aile, une histoire avance avec le défilement.
Je conçois l’expérience et j’écris le code qui l’affiche : Three.js et WebGL pour la 3D, des shaders pour la texture et la lumière, GSAP et un défilement fluide pour le mouvement. L’idée et son exécution restent entre les mêmes mains, si bien que rien ne se perd entre la maquette et le navigateur.
Sur la page d’accueil de Longi, une seule plaque de marbre devient îlot de cuisine, console puis bureau au fil de la page, avant de mener au catalogue et au panier. Drvex assemble une cuisine pendant le défilement et montre ses façades dans des finitions réelles.
Grand Trade présente une résidence du centre de Banja Luka aile par aile et permet à l’acheteur de parcourir un appartement avant même qu’il n’existe.
Ce site est mon propre exemple : une ouverture en masque d’encre, six chapitres pilotés par le défilement, des shaders de grain argentique et d’aberration chromatique, et une bande-son qui suit les chapitres dans les deux sens.
Une expérience que personne ne peut ouvrir n’en est pas une. Les scènes se chargent progressivement, l’appareil est évalué, les téléphones moins puissants reçoivent une version plus légère et l’information essentielle reste lisible sans aucun effet.
Envoyez-moi une marque, un produit ou un lieu dont vous voulez qu’on se souvienne, avec une ou deux références que vous admirez. Les projets clients passent par Studio Blink à Banja Luka ; je rejoins aussi des équipes internationales en tant que développeur créatif.
Commerce en 3D · Préversion du projet
J’ai conçu et développé une vitrine dans laquelle une plaque de marbre devient îlot, console et bureau au fil de la page. L’expérience se prolonge dans un catalogue de produits, des prix en KM, un panier et un paiement, avec Medusa derrière le catalogue.
Lire l’étude de cas (en anglais) ↗
Site de matériaux et configurateur 3D · Préversion du projet
J’ai conçu et réalisé le nouveau site, sa présentation de cuisine en 3D, le visualiseur de matériaux et une liste de découpe en ligne. La préversion est hébergée sur le domaine du studio ; l’ancien site reste sur le domaine principal de l’entreprise.
Lire l’étude de cas (en anglais) ↗
Expérience immobilière en 3D · Préversion du projet
J’ai conçu et réalisé le site d’une résidence du centre de Banja Luka. L’expérience présente le bâtiment aile par aile, relie le choix de l’appartement à son plan et propose une visite à travers un appartement.
Lire l’étude de cas (en anglais) ↗
Identité et concept numérique pour l’éclairage · Concept
J’ai créé l’identité, la direction artistique, les visuels générés et le site d’un concept d’atelier de luminaires indépendant. Un langage visuel cobalt relie les objets et les transitions de page. Il s’agit d’un concept personnel, avec des produits et des espaces imaginés.
Lire l’étude de cas (en anglais) ↗
Portfolio d’artiste · En ligne
J’ai dirigé, conçu et développé un portfolio centré sur l’œuvre elle-même : de grandes images, des galeries au rythme soigné et un mouvement qui relie les sections. Le parcours de contact offre au visiteur un moyen clair de lancer une commande ou une collaboration.
Lire l’étude de cas (en anglais) ↗Je privilégie une correspondance posée. Pour toute urgence, un appel est plus rapide qu’un long échange de messages.
contact@jjovan.com