Three.js, WebGL, animazione e narrazione allo scroll
Alcuni siti si leggono. Altri si vivono: un materiale ruota nella luce, un edificio si apre ala dopo ala, una storia si muove con lo scroll.
Progetto l’esperienza e scrivo il codice che la rende: Three.js e WebGL per il 3D, shader per texture e luce, GSAP e scroll fluido per il movimento. L’idea e la sua esecuzione restano nelle stesse mani, così nulla si perde tra il file di design e il browser.
Nella homepage di Longi una sola lastra di marmo diventa un’isola da cucina, una consolle e una scrivania mentre la pagina scorre, per poi proseguire nel catalogo e nel carrello. Drvex compone una cucina durante lo scroll e ne mostra le ante nelle finiture reali.
Grand Trade presenta un complesso residenziale nel centro di Banja Luka ala dopo ala e permette all’acquirente di attraversare un appartamento prima che esista.
Questo sito è il mio esempio: un’apertura con maschera d’inchiostro, sei capitoli guidati dallo scroll, shader di grana pellicola e aberrazione cromatica e una colonna sonora che segue i capitoli in entrambe le direzioni.
Un’esperienza che nessuno riesce ad aprire non è un’esperienza. Le scene si caricano progressivamente, il dispositivo viene valutato, i telefoni meno potenti ricevono una versione più leggera e le informazioni essenziali restano leggibili anche senza effetti.
Mi scriva il marchio, il prodotto o lo spazio che vuole far ricordare, insieme a uno o due riferimenti che apprezza. Il lavoro per i clienti passa attraverso Studio Blink a Banja Luka; collaboro anche con team internazionali come sviluppatore creativo.
E-commerce 3D · Anteprima del progetto
Ho progettato e sviluppato una vetrina in cui una lastra di marmo diventa isola, consolle e scrivania mentre la pagina scorre. L’esperienza prosegue in un catalogo prodotti con prezzi in KM, carrello e pagamento, con Medusa alla base del catalogo.
Leggi il caso studio (in inglese) ↗
Sito per materiali e configuratore 3D · Anteprima del progetto
Ho progettato e realizzato il nuovo sito, la presentazione 3D della cucina, il visualizzatore dei materiali e una distinta di taglio online. L’anteprima è ospitata sul dominio dello studio; il sito precedente resta sul dominio principale dell’azienda.
Leggi il caso studio (in inglese) ↗
Esperienza immobiliare in 3D · Anteprima del progetto
Ho progettato e realizzato il sito di un complesso residenziale nel centro di Banja Luka. L’esperienza presenta l’edificio ala dopo ala, collega la scelta dell’appartamento alla planimetria e offre una passeggiata all’interno di un appartamento.
Leggi il caso studio (in inglese) ↗
Identità e concept digitale per l’illuminazione · Concept
Ho creato l’identità, la direzione artistica, le immagini generate e il sito per il concept di un atelier indipendente di illuminazione. Un linguaggio visivo blu cobalto collega gli oggetti e le transizioni di pagina. È un concept di mia iniziativa, con prodotti e spazi immaginari.
Leggi il caso studio (in inglese) ↗
Portfolio d’artista · Online
Ho curato la direzione artistica, il design e lo sviluppo di un portfolio costruito attorno al lavoro stesso: grandi immagini, gallerie dal ritmo misurato e un movimento che collega le sezioni. Il percorso di contatto offre al visitatore un modo chiaro per avviare una commissione o una collaborazione.
Leggi il caso studio (in inglese) ↗Preferisco una corrispondenza tranquilla. Per qualcosa di urgente, una telefonata arriva prima di una lunga serie di messaggi.
contact@jjovan.com