Jovana Preković.
Jovana Preković: dvojezični sajt olimpijske šampionke u karateu. Šest usluga na jednoj strani, jedna forma sa sedam vrsta upita i statički Next.js build.
O klijentu
Jovana Preković je srpska karatistkinja u disciplini kumite: olimpijska šampionka iz Tokija 2020, dvostruka svetska i dvostruka evropska šampionka, kao i profesionalna sportska trenerka i mentorka. Sa sportistima radi širom sveta, pa je engleski glavni jezik sajta, a srpski drugi.
Ponuda ima šest delova: individualni trening, Masterclass (kampovi i seminari za klubove, timove i saveze, uz edukaciju trenera), online program od deset treninga za kumite, video analizu, predavanja i saradnju sa brendovima. Za sajt je to značilo da svaka usluga mora da dobije svoje mesto na strani i svoj put do upita.
Izazov
Jovana nudi šest usluga različitim kupcima: sportista traži individualni trening, klub ili savez Masterclass, organizator događaja predavanje, a brend saradnju. Sve je trebalo da stane na jednu stranu, na engleskom i srpskom, sa mnogo velikih fotografija. Uz to, sajt je rađen u Next.js-u, a hosting na kom radi ne podržava Node.js, pa uobičajeno pokretanje Next.js-a na serveru nije dolazilo u obzir.
Rešenje
Sajt smo napravili u Next.js-u i izvezli kao statički build: strane se generišu unapred, sve što traži server svedeno je na skriptu za formu i pravila u konfiguraciji servera, a fotografije naša skripta pretvara u WebP u više širina. Početna ima 13 sekcija po jeziku, a svako od 11 dugmadi za upit unapred bira jednu od sedam vrsta upita u formi. Vidljivi tekstovi sekcija stoje u po jednom fajlu za svaki jezik, pa raspored postoji samo jednom, a srpska verzija ima ženske oblike titula i pun hreflang set. Promena jezika zadržava sekciju koju posetilac čita. Testiranje na pravom iPhone-u pokazalo je ono što emulacija na desktopu nije: jedan CSS blur na dekorativnom sjaju blokirao je Safari na oko osam sekundi. Uklonili smo ga i dodali test koji javlja grešku ako se veliki blur vrati.
Rezultat
Upit stiže mejlom već razvrstan po vrsti, bez baze i bez kopije poruka na serveru, a sajt nema analitiku ni kolačiće za praćenje, što stoji i u politici privatnosti. Kada smo veličine slika izračunali prema izmerenim širinama prikaza i dodali varijante za ekrane telefona, ukupna težina fotografija na celoj strani na iPhone-u 13 smanjena je sa 883 na 587 KB. Lighthouse beleži 100 u sve četiri kategorije na desktopu, a na telefonu 90 do 92 za performanse i 100 za ostale tri.
Želite ovakav sajt za svoj biznis?
Zatražite besplatnu ponudu. Recite nam šta vam treba i predložićemo rešenje po meri.
Besplatna procena · Bez obaveza · Garantujemo dogovoreni rok