Case study
DayNight Media
Video i foto materijali na prvom mjestu
Fotograf kojem smo njegov stil fotografije pretočili u dizajn weba velikih ali čistih elemenata.
Unaprijeđenje poslovanja mjerljivim brojkama
Vaša web stranica ne bi trebala samo biti lijepa, već bi trebala imati i svrhu.
0 s
Vrijeme učitavanja stranice
0 s
First Contentful Paint (FCP)
0 s
First Largest Paint (LCP)
0
Brojač događaja – U posljednjih 30 dana
Googleovo istraživanje iz 2019.
Poboljšanja brzine smanjila su stopu napuštanja za 20% globalno nakon što je brzina postala faktor rangiranja.
Google PageSpeed Insights ocjene
Google PageSpeed je mjera brzine učitavanja web stranice i njene upotrebe za posjetitelje. Važna je jer izravno utječe na korisničko iskustvo, što pak utječe na rangiranje na tražilicama, stopu napuštanja stranice i stopu konverzije.
Rezultati na mobilnim uređajima
Rezultati za mobilne uređaje često su nešto slabiji od rezultata za računala zbog razlike u brzinama interneta.
0
Performanse
0
Pristupačnost
0
Najbolji primjeri iz prakse
0
SEO
Rezultati na računalima
Brzina učitavanja stranice je ključna jer kašnjenje od 1 sekunde može dovesti do smanjenja konverzija za 7%.
0
Performanse
0
Pristupačnost
0
Najbolji primjeri iz prakse
0
SEO
Pregled projekta
Klijentu je bila potrebna internet stranica za predstavljanje njegovih fotografija i video radova te za poboljšanje online prisutnosti elegantnim dizajnom.
Cilj
Izradite jednu prilagođenu WordPress temu koja će raditi na dvije web-lokacije, imati vrlo slične izglede, ali se vizualno može razlikovati.
Izazov
Nakon što smo izradili plan koji uzima u obzir klijentov budžet i rok, dogovorili smo se za razvoj jedne prilagođene WordPress teme i stvaranje WordPress multisite okruženja.
Izazovi i rješenja
Ključni problemi i funkcionalnosti koje smo riješili tokom razvoja
Optimizacija fotografija
Optimiziranje prenesenih fotografija bez prevelikog gubitka kvalitete za veći dio internet stranice i korištenje HD fotografija u galerijama.
Rješenje
Postavili smo optimizaciju fotografija kako bismo uklonili nepotrebne podatke s fotografije i postigli najbolje rezultate učitavanja stranice. Uz to, implementirali smo odgođeno učitavanje slika ispod pregiba, koje se ne prikazuju u početnom prikazu.
U galerije prosljeđujemo poveznice na slike u punoj HD rezoluciji kako bi slike u galerijama bile što oštrije, jer je to mjesto gdje korisnici trebaju vidjeti najbolji rad našeg klijenta.
Kombinirajući sve ovo, razvili smo internet stranicu koja se brzo učitava i ima fotografije visoke kvalitete tamo gdje su nam najpotrebnije.
Korisnicima dati do znanja za video u portfoliu
Klijent snima i montira sjajne videozapise, ali kako posjetiteljima dati do znanja o njima bez korištenja video playera posvuda, a istovremeno brinuti o prostoru na serveru?
Rješenje
Automatski reproduciraj jedan videozapis po portfoliju kada se portfolio pojavi u zaslonu mobilnog uređaja i kada korisnik pređe pokazivačem miša iznad cijelog odjeljka portfolija na računalu. Jasan znak korisniku da imamo i videozapise.
Videozapisi se nalaze na YouTubeu kako bi se uštedio prostor na poslužiteljima klijenata.
Impresivno korištenje logotipa
– “Gle, logo mi je snažan, impresivan i lijep. Možemo li ga nekako iskoristiti na cool i moćan način?”
– “Naravno, let me cook!” (Engleski zbog jačeg dojma)
Rješenje
Logo u podnožju ogromno je istaknut s videom u pozadini, koristeći logo kao masku.
Nešto slično koristi se na više mjesta na internet stranici, koristeći teške fontove s invertiranim bojama pozadinske fotografije, kako bi privukli pažnju korisnika.
Nesvakidašnji kontakt obrazac
– “Nije li kontakt forma samo staromodni chat, malo sporija i putem e-pošte? Možemo li je učiniti manje dosadnom?”
– “Stvarno si u pravu, daj mi da istražim i pronađem nešto zanimljivo.”
Rješenje
Umjesto klasičnog kontakt obrasca, razvili smo nešto poput rečenice u koju korisnici unose podatke. Fluidnije je za korištenje, a i bolje izgleda.
One site to rule them all
– “Situacija je ovakva, svoj posao dijelim u dvije glavne kategorije, vjenčanja i sve ostalo. Koji je najpametniji način da ih podijelimo na web stranici i molim te da ostane u okviru budžeta ako može?”
– “Dajte mi dan da razmislim o tome.”
Rješenje
Nakon što smo razmotrili sve čimbenike, uključujući budžet, rok izrade i razlike u dizajnu koje je klijent želio između dvije “kategorije”, složili smo se da je najbolje rješenje problema izrada dvije odvojene web stranice, ali da se sve zadrži na jednom poslužitelju s istom prilagođenom WordPress temom zbog troškova razvoja, hostinga i održavanja.
Kako to radimo? WordPress multisite. Daje nam baš te mogućnosti i rješenja za sve naše probleme.
Na nadzornoj ploči kreirali smo stranicu s web opcijama gdje odabiremo glavni stil weba. Na temelju toga mijenjamo dizajn odjeljaka, zadržavajući isti wireframe, a istovremeno imamo drugačiji, ali povezujući dizajn.
0 s
Vrijeme učitavanja stranice
0 s
First Contentful Paint (FCP)
0 s
First Largest Paint (LCP)
Više studija slučaja
Tijekom godina smo stvarno puno toga razvili
DayNight Weddings
Na oko razbacani, ali poravnati wireframe. Automatska otpimizacija fotografija i prikaz videa s maksimalnim smanjenjem korištenja resursa servera.
KMG advisory
Za klijenta smo razvili web stranicu s automatskim uvozom poslova, automatskim prijevodima istih i složenim sustavom filtriranja.
Marie Fitoaromaterapija
Na ovoj simpatičnoj web stranici razvili smo prilagođene obrasce za prijavu posjetitelja na radionice. Obrasci imaju više koraka i omogućuju našim klijentima da prestanu koristiti vanjske usluge i imaju sve na svojoj web stranici. Također smo dizajnirali prekrasne predloške e-pošte. Prijavite se i provjerite ih u svojoj pristigloj pošti!
Pogledajte i kalkulatore.
Yacht Club Zagreb
Novi web s dozom ozbiljnosti i većim naglaskom na privlačenje mladih opuštajućim sportovima. Registracijom, posjetitelji će dobiti generirani pdf sa svim svojim podacima za prijave.