// Tehnologija

Barba.js page transitions za multi-page 3D sajtove

Barba presreće page navigation i zamenjuje hard reload glatkim animiranim prelazima — 3D scena ostaje upaljena.

Barba.js je biblioteka koja simulira SPA ponašanje na klasičnom multi-page sajtu — presretne klik na link, učita novu stranicu kroz fetch, animira tranziciju, zamenjuje DOM. Ključna prednost za 3D sajtove: WebGL canvas i scena ne moraju da se uništavaju i ponovo prave između stranica. Hero scena nastavlja da se vrti, kamera se animira ka novom uglu, novi content slide-uje preko. Korisnici osećaju jedan kontinuiran sajt umesto skupa odvojenih stranica. Manje koristan kada je ceo sajt jedna scroll-driven stranica (gde Barba ničemu ne služi), ali odlično pojačanje kad imate 5+ stranica sa zajedničkim 3D background-om.

Performance budget

Lighthouse mobile cilj: 85+ u svim kategorijama. Merim na realnim uređajima, ne samo emulatoru. Asset kompresija: glTF + Draco za mesh-eve, KTX2 za teksture, Brotli za shaderse. Lazy-load svake barba page transitions scene koja nije above-the-fold da prvi paint ostane ispod 1.5s.

Kada nije isplativo

Ako je cilj jednostavan e-commerce katalog ili sadržajni blog, pun barba page transitions setup je prevelik — CSS hero plus statičke slike konvertuju jednako dobro za 1/10 cene. barba page transitions se isplati kada brand zahteva memorabilan vizuelni momenat, ili kada 3D zaista pomaže razumevanju proizvoda (konfiguratori, ture, demoi).

Šta dobijate na predaji

Posle isporuke: kompletan izvorni kod (komentarisan) i dokumentovan asset pipeline — sve ostaje u vašem vlasništvu. Prva godina hostinga i sitnih izmena je uključena. Posle toga dogovaramo plan održavanja ako bude potrebno.

Šta dobijate

Konkretan deliverable: barba page transitions integrisan u realan produkcijski sajt, ne demo. Integracija ima device-tier detekciju, slabi telefoni dobiju lakšu verziju automatski. Izvorni fajlovi se predaju u originalnim formatima — Blender, GLSL, glTF — pa svaki budući developer može da nastavi tamo gde sam stao.

Često postavljana pitanja

Zašto baš ova tehnologija?

Ima najveći produkcijski ekosistem, najviše dokumentacije, i najviše iskusnih developera. Za sajt koji treba da traje 3+ godine, zrelost ekosistema je važnija od pojedinačnih feature-a.

Šta ako sledeće godine izađe nešto novo?

Pratim novi tooling i migriram kada ima smisla, ali tek pošto novi alat ima 6-9 meseci stable produkcijskih izdanja. Ne pišem klijentske sajtove na bleeding-edge alatima — to je put ka pokvarenim sajtovima.

Koliko traje izrada?

Standardni rok: 4-6 nedelja od potpisa ugovora do live sajta. Veći opseg (konfigurator, multi-scene scrollytelling) ide na 8-12 nedelja. Hitne projekte (2-3 nedelje) primam uz povećanje cene od 30-40%.

Koliko košta?

Zavisi od obima — hero nadogradnja, multi-scene sajt i konfigurator sa custom shaderima su različite klase posla. Konkretan iznos stiže u pisanoj fiksnoj ponudi posle kratkog brief-a, izvorni kod uključen.

Šta sa korisnicima na slabim telefonima?

Sajt detektuje device tier pre prve scene i servira lakšu verziju na slabom hardveru (manje čestica, jednostavniji shaderi). Uređaji bez WebGL-a dobiju statičan fallback koji čuva vizuelni jezik i konverzioni put.

Spremni za 3D iskustvo na vašem sajtu?

Recite mi šta vam treba — jasan dogovor unapred, bez iznenađenja.

Pošalji upit +381 61 224 8989