Three.js, WebGL, animacija i priča kroz skrol

3D i interaktivna web iskustva

Neki sajtovi se čitaju. Drugi se doživljavaju — materijal se okreće na svjetlu, zgrada se otvara lamelu po lamelu, priča se pomjera sa skrolom.

Longi — mermerna ploča postaje ostrvo, konzola i sto dok se stranica pomjera
Longi — mermerna ploča postaje ostrvo, konzola i sto dok se stranica pomjera

Art direkcija i programiranje zajedno

Osmišljavam iskustvo i pišem kod koji ga prikazuje: Three.js i WebGL za 3D, shadere za teksturu i svjetlo, GSAP i glatko skrolovanje za pokret. Ideja i izvedba ostaju u istim rukama, pa se ništa ne izgubi između dizajna i browsera.

Materijal u glavnoj ulozi

Na naslovnoj Longija jedna mermerna ploča postaje kuhinjsko ostrvo, konzola i radni sto dok se stranica pomjera, a zatim se nastavlja u katalog i korpu. Drvex sklapa kuhinju dok skrolate i pokazuje fronte u stvarnim dekorima.

Prostor prije prve posjete

Grand Trade predstavlja stambeni kompleks u centru Banje Luke lamelu po lamelu i omogućava kupcu da prošeta kroz stan prije nego što je izgrađen.

Priča ispričana skrolom

Ovaj sajt je moj primjer: uvod sa maskom od mastila, šest poglavlja koja se odvijaju skrolom, shaderi za filmsko zrno i hromatsku aberaciju i muzika koja prati poglavlja u oba smjera.

Upečatljivo i brzo

Iskustvo koje niko ne može da otvori nije iskustvo. Scene se učitavaju postepeno, uređaj se procijeni, slabiji telefoni dobijaju lakšu verziju, a ključne informacije ostaju čitljive i bez efekata.

Saradnja

Pošaljite brend, proizvod ili prostor koji želite da ljudi zapamte i jednu ili dvije reference koje vam se dopadaju. Rad za klijente ide kroz Studio Blink u Banjoj Luci, a kao creative developer radim i sa međunarodnim timovima.

Primjeri iz rada

Longi — 3D trgovina

3D trgovina · Pregled projekta

Longi

Dizajnirao sam i razvio sajt i prodavnicu za Longi, atelje koji kamen, masiv i namještaj bira po zrnu. Na naslovnoj jedna mermerna ploča postaje kuhinjsko ostrvo, konzola i radni sto tokom skrolovanja. Iza scene je katalog zasnovan na Medusi, sa cijenama u KM, korpom i putem do plaćanja.

Pročitaj priču o projektu ↗
Drvex — Sajt i 3D konfigurator

Sajt i 3D konfigurator · Pregled projekta

Drvex

Novi sajt za Drvex iz Trna kod Laktaša, koji od 1991. prodaje pločasti materijal i okove. Na naslovnoj se kuhinja sklapa dok skrolate, 3D vizualizator pokazuje fronte u dekorima iz ponude, a krojna lista stiže online, već izračunata.

Pročitaj priču o projektu ↗
Nova Forma — Svjetlo, identitet i digitalni koncept

Svjetlo, identitet i digitalni koncept · Koncept

Nova Forma

Svjetlosni atelje zamišljen kroz predmete, materijale i pokret. Novi identitet, kobaltna paleta i sajt u kojem fotografija iz jedne sekcije nastavlja priču u sljedećoj.

Pročitaj priču o projektu ↗
Lana Zrnić — Autorski portfolio

Autorski portfolio · Objavljeno

Lana Zrnić

Fotografski portfolio postavljen kao galerijsko iskustvo, ne kao katalog. Fokus je na velikim fotografijama, mirnom tempu, kuriranim sekcijama i kontaktu koji klijenta vodi prema portretnoj sesiji.

Pročitaj priču o projektu ↗

Započnimo razgovor

Prednost dajem mirnoj prepisci. Za sve što je hitno — telefonski razgovor je brži od niza poruka.

contact@jjovan.com

Banja Luka, Bosna i Hercegovina · Otvoren za projektne angažmane i stalne pozicije.

+387 65 461 922Preuzmi CV ↓LinkedIn ↗