Saznajte kako smo smanjili stopu napuštanja stranice za više od 40% — i što smo još razvili kako bismo klijentu olakšali korištenje web stranice.
Vaša web stranica ne bi trebala samo biti lijepa, već bi trebala imati i svrhu.
0%
Poboljšanje stope odlazaka (bounce rate)
0 s
First Contentful Paint (FCP)
0 s
First Largest Paint (LCP)
47% potrošača očekuje da će se stranica učitati za 2 sekunde ili manje, a 40% će otići ako to traje dulje od 3 sekunde.
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 za mobilne uređaje često su nešto slabiji od rezultata za računala zbog razlike u brzinama interneta.
Performanse
Pristupačnost
Najbolji primjeri iz prakse
SEO
Brzina učitavanja stranice je ključna jer kašnjenje od 1 sekunde može dovesti do smanjenja konverzija za 7%.
Performanse
Pristupačnost
Najbolji primjeri iz prakse
SEO
Trebali smo razviti oglasnik, player za radijske emisije i sekciju za organiziranje dobrotvornih akcija u gradu — sve na postojećoj web stranici. Budući da je stari dizajn nastao prije više godina, odlučili smo usput osvježiti cijelu stranicu.
Dok smo osvježavali dizajn, poboljšavali korisničko iskustvo te razvijali nove funkcionalnosti i sekcije, cilj nam je bio postići i bolje rezultate u Google Analyticsu.
Klijent se složio isprobati poboljšanja vezana uz Google Analytics. Također je odobrio dodavanje nenametljivih promotivnih pozicija kako bi mogli monetizirati svoju vrlo posjećenu web stranicu.
Ključni problemi i funkcionalnosti koje smo riješili tokom razvoja
Radio player za emisije
Želimo objavljivati neke od emisija koje se emitiraju u radio programu.
Kako je to najbolje napraviti a da si ne zakompliciramo upload emisija i vijesti?
Rješenje
Najjednostavnije je da Vi kreirate jednostavan Youtube video te ga objavite na svoj kanal. Na taj način Vama štedimo mjesto na serveru a sigurni smo da su nam emisije uvijek dostupne online.
Isprogramirat ćemo mini player i prikazivati i omogućiti ga samo na stranici kategorije emisija. Tokom programiranja moramo pokriti sve slučajeve korisnikovih klikova kako ne bi došlo do duplog reproduciranja različitih emisija, a opet korisniku moramo olakšati korištenje da klika na svaku emisiju.
Organiziranje dobrotvornih akcija
Tražila nas je jedna vrbovečka udruga da im pomognemo u organiziranju dobrotvorne akcije. Što možemo napraviti da to vidi što više ljudi?
Rješenje
Kreirat ćemo sekciju s brojačem skupljenog iznosa do određenog cilja, stavit ćemo kratki opis i barkod za uplatu i povezati to s člankom u kojem će pisati baš svi detalji o akciji.
I naravno da ćemo sve animirati.
Oglasnik
Htjeli bi imati i oglasnik na svojim internet stranicama. Možemo mi nekako dati posjetiteljima mogućnost da objave nešto što prodaju?
Rješenje
Možemo.
Najjeftinije i najefikasnije je da pronađemo neku sredinu između unosa podataka posjetitelja i Vas.
Kontakt forma gdje će vam se oni javiti sa svim detaljima i fotografijama, tražit ćete ih uplatu i onda ručno objaviti oglas.
Možemo to automatizirati, ali trebat će nam više vremena što će više i koštati, a svejedno ćete zbog kontrole sadržaja i naplata sami morati provjeriti svaki oglas.
Da Vam ne bude naporno svaki dan pratiti je li neki oglas istekao, napisat ćemo funkciju koja će sakriti oglas onog trenutka kada se datum za isticanje podudara s trenutnim datumom i tako Vam smanjiti napore oko vođenja oglasnika.
Stopa napuštanja
Gledajući analitiku vidjeli smo da nam je bounce rate oko 70 posto, što možemo učiniti po tom pitanju?
Rješenje
Vaše poslovanje i privlačenje pogleda temelji se na dijeljenju svakog članka na društvenim mrežama. To nije krivo, ali onda imate ovaj problem s visokom stopom napuštanja stranice nakon prvog posjeta.
Ne želimo biti naporni kao neki drugi, puno veći portali na našim prostorima, pa na tipku unatrag korisniku učitavati još jedan članak, ali možemo napraviti nešto slično.
Kada korisnik dođe do dna članka, umjesto povezanih vijesti i podnožda stranice učitat ćemo mu idući članak iz iste kategorije i prikazati ga bez ponovnog učitavanja stranice. Samo ćemo nakon toga ažurirati poveznicu i pokrenuti funkciju koja prati analitiku.
Monetizacija
Gle nam brojke u analitici, pa mi imamo dosta pregleda, možemo li mi to nekako unovčiti?
Rješenje
Može može, oćemo staviti pozicije za marketing tvrtki pa možete prodavati, onako diskretno između članaka, ne zauzima puno mjesta a može biti korisno i donijeti koji euro?
Hero sekcija vijesti
Na vijestima su nam glavne fotografije najčešće reda radi, što ako želimo da fotografija bude dobro vidlijva a da opet vizualno ne naglašavamo baš svaku fotografiju?
Rješenje
Ok, imat ćemo dvije vrste hero sekcije i sami ćete moći birati koju koristimo pritiskom na jedan gumb kada objavljujete nove vijesti.
Galerije
Mogu li sve fotografije na jednoj vijesti biti povezane u jednu galeriju, a ne da je svaka skupina posebna galerija za sebe kao što to rade svi? Želimo između fotografija dodavati tekstove, a kada korisnik gleda uvećanu galeriju, da mu ne prekidamo tok.
Rješenje
Može naravno, skeniramo sve, povezujemo ih međusobno i prikazujemo jednu galeriju sa svim fotografijama jednog članka. To će definitivno povećati zadovoljstvo i iskustvo korisnika.
Stilska navigacija naslovnice
Imamo dizajnericu koja nam je dizajnirala navigaciju, možemo li to iskoristiti? Navigaciju je realizirala na način da je povezala logotip i radio stupce signala iz njega, različitih visina, sa sadržajem navigacije.
Rješenje
Može, ne bih preporučio da je stalno u tom stanju jer nije baš pregledno, ali možemo animirati stupce na prelazak miša i efekt će biti odličan.
0%
Poboljšanje stope odlazaka (bounce rate)
0 s
First Contentful Paint (FCP)
0 s
First Largest Paint (LCP)
Tijekom godina smo stvarno puno toga razvili
Fotograf kojem smo njegov stil fotografije pretočili u dizajn weba velikih ali čistih elemenata.
Za klijenta smo razvili web stranicu s automatskim uvozom poslova, automatskim prijevodima istih i složenim sustavom filtriranja.
Na oko razbacani, ali poravnati wireframe. Automatska otpimizacija fotografija i prikaz videa s maksimalnim smanjenjem korištenja resursa servera.
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.