// Proces

Od Figme do 3D sajta — kako se prelazi sa flat dizajna na 3D

Figma mockup je ground truth, 3D sloj se dograđuje iznad — flat layout ostaje, 3D dodaje dubinu na ključnim mestima.

Većina dizajnera radi u Figmi (rare i Sketch, Penpot za open-source ekipu) i to je apsolutno OK za 3D sajt — pitanje je samo kako se Figma mapira na 3D. Moj pristup: Figma drži flat layout (tipografiju, raspored, color palette, content blokove), a 3D sloj se dograđuje iznad ili iza — kao "dubina" koja vam dodaje weight tipičnim 2D komponentama. Ne pokušavam da napravim Figmu u Three.js (taj approach pravi sajtove koji izgledaju kao igre, ne kao web). Tipičan workflow: Figma fajl ima jasno označene sekcije gde 3D ulazi (hero, product showcase, contact). Razvojni tim radi te sekcije zasebno u Three.js-u i pita dizajnera da approve-uje pre integracije.

Korak 3 — Razvoj

Nedelje 3-5: pravi razvoj. Three.js scena, GSAP timeline, GLSL shaderi gde treba. Šaljem nedeljni progres uz live link na staging. Testiranje na realnim uređajima ide paralelno — ne čeka kraj. od figme do a se lazy-loaduje, optimizovan glTF + Draco asset pipeline, Lighthouse skor se prati od prvog dana.

Korak 4 — Integracija

Nedelja 6: integracija sa vašim sistemima — hosting, CDN, analytics, kontakt forma, plus QA na 5+ uređaja. Final sweep za pristupačnost (a11y), SEO meta tagovi, og-slike, schema.org markup. Sve ide u GitHub repo i prolazi kroz Lighthouse + WAVE accessibility check pre nego što vam pokažem.

Korak 5 — Lansiranje + 30 dana support

Lansiranje za 1 dan. Posle toga 30 dana podrške uračunato u ceni — ako se nešto otkrije u live okruženju, ispravljam bez naplate. Posle 30 dana, ako želite kontinuirano održavanje, dogovaramo paket. Bez obaveze — možete da prebacite hosting i nastavite samostalno u svakom trenutku.

Korak 1 — Discovery

Prva nedelja je discovery. Razgovor o vašem cilju, ko je publika, šta već imate (brand, sadržaj, postojeći sajt), kakvi su KPI-jevi. Iz toga pravim brief koji vi potpisujete. Bez ovog koraka, projekat ulazi u maglu — discovery je najjeftinija nedelja koja štedi mesece.

Često postavljana pitanja

Da li mogu da menjam scope tokom projekta?

Da, ali pre svake veće izmene dogovaramo cenu i rok. Sitne izmene unutar dogovorenog opsega ulaze bez dodatne naplate. Veće izmene (nova funkcija, nova scena) se kotiraju zasebno pre nego što ih implementiram.

Šta ako ja kasnim sa materijalom?

Rok zavisi od toga da li dobijam materijal na vreme. Ako kasnite, rok se pomeri za odgovarajući broj dana. Sve to pišemo u ugovoru u prvoj nedelji — koji materijal, kada, ko šalje. Bez iznenađenja na kraju projekta.

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?

Hero 3D nadogradnja: 800-1.200 EUR. Kompletan multi-scene 3D sajt: 2.500-4.000 EUR. Konfigurator sa custom shaderima: 4.000-10.000 EUR. Sve fiksne cene, izvorni kod uključen. Plaćanje preko firme sa PDV-om.

Š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 — fiksna cena, fiksan rok, bez iznenađenja.

Pošalji upit +381 61 224 8989