Diamond Group3D website demo
scroll vadīta produkta pieredze
DIAMOND GROUP / 3D MĀJASLAPAS DEMO

Produkts var kļūt par visas lapas stāstu.

Šī ir Diamond Group veidota 3D mājaslapas parauga versija. Ritinot, viens un tas pats objekts lēni pārvietojas cauri visai pieredzei — bez nejaušas lidošanas un bez kadru pārslēgšanas.

Pirmajā ekrānā karte viegli reaģē arī uz kursoru.
01 / KONTROLĒTA KUSTĪBA

Mazāk kustības. Vairāk nozīmes.

Objekts lēni nokrīt uz nākamo kompozīciju, veic vienu saprotamu pagriezienu un nostājas. Pēc tam ir mierīgs posms, lai skatītājs var uztvert saturu.

Kustības amplitūdu, tempu un trajektoriju pielāgojam konkrētam produktam.
02 / PERSPEKTĪVA

Priekšpuse. Mala. Aizmugure.

Pārejā uz nākamo sadaļu karte pagriežas vertikāli un parāda aizmuguri. Tā nav nepārtraukta griešanās — viena kustība, kas izskaidro objekta formu.

Ar GLB vai Blender modeli var kontrolēt arī materiālus, refleksijas un gaismu.
03 / VARIĀCIJAS UN SLĀŅI

Viens produkts var atvērt vairākas versijas.

Karte nostājas vietā, un tikai tad aiz tās izplešas papildu slāņi. Pirms nākamās pārejas tie pilnībā saliekas atpakaļ.

Šādi var demonstrēt krāsas, komplektācijas, materiālus vai produkta konstrukciju.
04 / MIJIEDARBĪBA

Objekts var reaģēt uz visu lapu.

Kustība var aktivizēt fonu, tekstu, gaismu, skaitļus vai citus interfeisa elementus. Efekts kalpo produkta stāstam, nevis vienkārši demonstrē tehnoloģiju.

Scroll kļūst par prezentācijas vadību.
05 / VIENS NEPĀRTRAUKTS STĀSTS

No pirmā ekrāna līdz pēdējam.

Lietotājs visu laiku seko tam pašam produktam. Tas rada daudz spēcīgāku atmiņu nekā standarta lapas ar atsevišķām bildēm un efektiem katrā sekcijā.

Diamond Group šādu scenāriju veido individuāli Jūsu produktam un pārdošanas mērķim.
Ritiniet, lai vadītu objektu
Diamond Group / individuāla 3D web izstrāde

Karte šeit ir tikai demonstrācijas objekts.

Tās vietā var būt automašīna, pudele, apavs, mēbele, rotaslieta, tehnoloģiju ierīce vai pilnīgi individuāls 3D modelis. Mērķis ir izveidot kustības režiju, kas palīdz klientam saprast un atcerēties produktu.

Izstrādes pieeja

Atkarībā no projekta izmantojam WebGL / Three.js vai Spline, GLB modeļus, Blender materiālus, scroll kontrolētu animāciju un custom interaction loģiku. Mobilajai versijai efekti tiek optimizēti atsevišķi.