Fustis d.o.o.

Fustis d.o.o. je zagrebačka tvrtka koja pčelarima šalje krpe oksalne kiseline za tretman protiv varoe, hladno valjane radiličke i trutovske satne osnove i betonske higijenske pojilice. I sami pčelare, s FR košnicama podno Sljemena i na Bilogori. Pčelar koji im se javlja zna struku i pita dvije stvari: koliko mu treba za njegov pčelinjak i kada to staviti u košnicu.

Što sam zatekao

Pregledao sam ga 14. studenoga 2026. na laptopu i mobitelu.

• Na laptopu prvi ekran čine logotip, izbornik i fotografija pčelinjaka. Naslovi tri proizvoda počinju 896 px od vrha, odmah ispod ruba ekrana visokog 900 px, a glavni naslov (H1) je prazan.
• Cijene stoje na zasebnoj stranici Proizvodi, maloprodajna i veleprodajna. Kod satnih osnova umjesto iznosa piše „____€ kg”.
• Narudžba ide samo telefonom ili e-poštom. Obrasca nema, a broj telefona nije poveznica ni na jednoj stranici, pa ga na mobitelu treba prepisati.
• Devet stručnih tekstova o varoi, vosku i vodi najbolji je dokaz da znaju o čemu govore. Pet ih otvara grešku 404, jer naziv datoteke sadrži č ili đ.
• Na mobitelu je web 6 px širi od ekrana, pa se pomiče i vodoravno.

Odluke

Proizvodi u naslovu, cijene na naslovnici

Naslov kaže samo ono što prodaju: „Krpe oksalne kiseline, satne osnove i pojilice za pčele”. Ispod su dva gumba, izračun i cijene, i dostava žurnom službom na vrata, koju danas spominju tek uz cjenik. Svaki proizvod na naslovnici ima maloprodajnu i veleprodajnu cijenu, a satne osnove „cijenu na upit” umjesto praznog mjesta.

Crtež saća umjesto općenite slike

Desno od naslova iscrta se LR okvir s trutovskom osnovom i kotama iz njihovog teksta: okvir od oko 40 × 20 cm i stanica od 6,4 mm. Saće se popuni jednom, pčela sleti i crtež miruje. Zelenu i medenu žutu uzeo sam iz njihovog logotipa. Svaki crtež ima oznaku „Ilustracija”, a fotografije su njihove, s postojećeg weba.

Trutovski okvir u četiri koraka

Njihov najjači argument, trutovsku osnovu kao biološku borbu protiv varoe, iz PDF-a sam pretvorio u crtež koji prati pomicanje stranice: okvir ulazi u sredinu plodišta, zajednica ga izgradi i matica zaleže, varoa uđe u trutovske stanice, leglo se poklopi i okvir izlazi iz zajednice. Tekst koraka složen je iz njihovih uputa, a odmah ispod brojčanik po mjesecima pokazuje kada ide pojilica, kada krpe, a kada trutovski okvir.

Kalkulator koji složi narudžbu

Pčelar upiše broj zajednica, odabere proizvode, broj tretmana i okvir te naručuje li kao pčelar ili udruga. Po njihovim uputama računa pakiranja krpa, iznos po cjeniku i plan tretmana. Kad je odabran barem jedan proizvod, javlja da je upit spreman, a klik ga prepiše u obrazac, odakle odlazi mailom na info@fustis.hr.

Uz krpe je crtež lista od 24 × 25 cm izrezanog u osam traka za dvije zajednice: to objašnjava zašto 12 listova pokriva 24 zajednice.

Mobitel

Na mobitelu crtež saća stoji odmah ispod naslova, priča o trutovskom okviru ostaje prikvačena s crtežom gore i tekstom dolje, a izračun dolazi ispod polja. Broj telefona je poveznica, od zaglavlja do podnožja.

Kako je napravljen

Statični HTML, CSS i JavaScript, bez frameworka. Crteži su SVG, a saće u njima složio sam skriptom, da stanice budu jednake. Prvi ekran i sekcije animira GSAP, priču o trutovskom okviru ScrollTrigger prikvači i veže uz pomicanje stranice, a Lenis zaglađuje skrolanje. Skrivena početna stanja postavljaju se tek kad se JavaScript učita, pa je bez njega stranica cijela vidljiva, a priča je popis četiri koraka s gotovim crtežom. Uz smanjeno kretanje animacija nema. Kalkulator i obrazac rade u pregledniku, bez servera: narudžba se otvara kao gotov mail. Poveznice na njihovih devet tekstova vode na iste PDF-ove i sve se otvaraju. Stranica ima noindex, a JSON-LD samo podatke s njihovog weba i adresu s Google karte. Fotografije su WebP sa zadanom veličinom i učitavaju se tek kad dođu na ekran.

Što bih sljedeće

S tvrtkom bih prvo provjerio koja je adresa točna, jer web navodi Okrugljak 10, a Google karta Ulicu Huga Badalića 26c, kolika je cijena satnih osnova po kilogramu i je li garancija na pojilicu višegodišnja, kako piše na webu, ili cjeloživotna, kako piše u jednom tekstu. Pravi projekt dobio bi obrazac koji šalje bez kupčevog programa za e-poštu, stranicu za svaki proizvod i preusmjerenja starih adresa, pa i za pet tekstova koji danas ne rade.