USLUGA
3D i animirane web stranice
Animacija na stranici ima smisla kad nešto objašnjava, vodi pažnju ili ostavlja dojam koji statična slika ne može. Kad je ima previše, usporava stranicu i smeta. Radimo prvu vrstu.
Kome je namijenjeno
Namijenjeno je tvrtkama kojima je vizualni dojam dio ponude — studijima, proizvođačima, brendovima i tvrtkama koje se predstavljaju partnerima i investitorima.
Ima smisla i kad proizvod ili uslugu treba pokazati, a ne opisati: prikaz proizvoda iz više kutova, faze procesa ili prostor koji se teško prenosi fotografijom.
Što izrada uključuje
Svaki animirani element ima zadatak. Prije izrade dogovaramo što treba postići, pa tek onda kako će izgledati.
- Animacije vezane uz skrolanje — otkrivanje sadržaja i vođenje kroz priču stranice
- Interaktivni 3D elementi izrađeni u WebGL-u, s kontroliranom težinom scene
- Mikrointerakcije: stanja gumba, prijelazi, reakcije na dodir i pokazivač
- Optimizacija za mobitel — manji broj čestica, ograničen broj sličica i rezolucija
- Statična zamjena kada uređaj ne podržava WebGL ili je slabiji
- Poštovanje postavke "smanji animacije" na razini operativnog sustava
Kako izgleda proces
Animacije se rade nakon što stoji struktura i sadržaj. Obrnuti redoslijed vodi do stranice koja izgleda zanimljivo, a ne komunicira ništa.
- Dogovor o tome što animacija treba postići i gdje ima smisla
- Izrada statične osnove stranice — sadržaj mora raditi i bez animacije
- Postupno dodavanje animacija uz mjerenje utjecaja na brzinu
- Testiranje na slabijim uređajima i sporijim vezama
- Fino podešavanje trajanja i intenziteta prema stvarnom dojmu, ne prema specifikaciji
Što dobivate na kraju
Dobivate stranicu koja ostavlja dojam, ali se i dalje brzo otvara. To je cijela poanta — efekt koji košta nekoliko sekundi učitavanja radi protiv vas.
Svaka animirana stranica koju izradimo ima i svoje mirno stanje: bez JavaScripta, na slabom uređaju ili uz uključeno smanjenje animacija sadržaj ostaje potpuno dostupan.
Česta pitanja
Hoće li animacije usporiti stranicu?
Ne bi smjele. Animacije se učitavaju odvojeno od osnovnog sadržaja i tek kad su potrebne, a na slabijim uređajima se automatski pojednostavljuju ili isključuju.
Rade li animacije na starijim mobitelima?
Osnovni sadržaj radi svugdje. Teže 3D scene pokreću se samo ako uređaj i preglednik to podnose; inače se prikazuje statična verzija istog sadržaja.
Što ako korisnik ne želi animacije?
Ako u postavkama uređaja ima uključeno smanjenje animacija, stranica to poštuje i prikazuje mirnu verziju bez pokretnih efekata.
Trebate stranicu koja radi svoj posao?
Javite nam nekoliko osnovnih informacija o tvrtki i onome što želite postići. Odgovaramo s prijedlogom smjera i sljedećih koraka.