Top Guma d.o.o.

TOP GUMA d.o.o. uvozi i prodaje na veliko i malo gume, zračnice i potrošni materijal za vulkanizere, sa skladištem i prodajnim centrom u Vrbovcu i sjedištem u Zagrebu. Prodaju gume za sva vozila, od bicikla i viličara do kamiona i traktora. Njihov kupac, bio to vulkanizer ili poljoprivrednik, dolazi s nizom znakova prepisanim s boka stare gume i pita imaju li to.

Što sam zatekao

Web sam pregledao 14. studenoga 2026. na laptopu od 1440 px i na mobitelu:

• Prvi ekran zauzimaju zaglavlje s fotografijom terenca i blok akcija s gumama datiranim 27. 1. i 5. 2. 2011. Opis tvrtke i popis marki počinju tek na samom dnu ekrana.
• Stranica nema oznaku za prikaz na mobitelu, pa telefon prikazuje cijelu računalnu stranicu od 980 px smanjenu na širinu ekrana, sa sitnim tekstom.
• Upita na webu nema. Jedina forma je tražilica po kategoriji, pa dimenziju i količinu kupac mora javiti telefonom ili e-poštom.
• Adresa e-pošte piše na dva načina: u podnožju info@top-guma.hr, na stranici Kontakt top.guma@zg.t-com.hr.
• Zračnice, jedan od njihovih jačih argumenata, stoje kao rečenica s 24 promjera traktorskih zračnica nabrojana redom.

Odluke

Raspon robe kao prvi argument

Naslov kaže ono što njihov web govori u dugom popisu: gume i zračnice od bicikla do traktora, veleprodaja i maloprodaja u Vrbovcu, s dostavom po Hrvatskoj. Ispod njega se jednom dokotrlja pet guma, od bicikla do traktora, a dok se stranica pomiče, okreću se dalje. Na računalu se slojevi blago pomaknu prema pokazivaču. Crtež je označen kao ilustracija, jer to nisu fotografije njihove robe.

Oznaka s boka gume kao ulaz u upit

Kupac ne zna ime modela, ali zna prepisati oznaku. Zato je središte weba čitač: upiše se niz poput 205/55 R16 91H, a čitač ga raščlani, nacrta gumu s kotama i složi sažetak upita s količinom. Visina boka i vanjski promjer računaju se iz oznake i na webu su označeni kao približni, a nosivost i brzina čitaju se iz međunarodne tablice indeksa. Kad je oznaka prepoznata, sažetak kaže da je upit spreman za slanje. Ako nije, svejedno ga pušta, uz napomenu da će je pročitati prodaja.

Prije čitača je kratka priča: kartica s crtežom ostaje na mjestu, a dok se stranica pomiče, istakne se jedan po jedan dio oznake, od širine do indeksa brzine.

Zračnice i ventili kao popis za odabir

Promjere zračnica složio sam na ravnalo od 4″ do 42″, po vrsti vozila. Svaki promjer je gumb, a odabrani idu u upit. Isto vrijedi za ventile TR-412 do TR-425, utege i klinasto remenje: vulkanizer označi što mu treba i pošalje sve jednim upitom.

Jedan upit, jedna adresa

Svi putovi vode u istu formu: čitač, ravnalo, ventili i kartice kategorija. Forma pita kupuje li se za radnju ili za svoje vozilo, a dok kupac piše, pokazuje predmet e-pošte i što još nedostaje. Gumb otvara e-poštu prema adresi iz podnožja njihova weba.

Boje i mobitel

Pozadina je tamna kao guma, sporedni detalji u čelično plavoj iz njihova loga, a jedini naglasak je žuta. Na mobitelu se niz guma preslaže, crtež priče ostaje gore dok koraci prolaze ispod, a ravnalo zračnica postaje niz tipki.

Kako je napravljen

Statični HTML, CSS i JavaScript, bez frameworka. Lenis daje glatko pomicanje, a animacije su CSS prijelazi, IntersectionObserver i requestAnimationFrame. Gume i crteži su SVG iz jednog JavaScript modula: isti modul ih crta u pregledniku i u skripti koja ih unaprijed ugradi u HTML, pa je stranica cijela vidljiva i bez JavaScripta. Uz smanjeno kretanje animacija nema. Alat nema server: računa preglednik, a upit odlazi kroz mailto. Tri fotografije su s njihova weba, kao optimizirani JPEG s dimenzijama. Stranica ima noindex, a JSON-LD sadrži samo podatke s njihova weba.

Što bih sljedeće

S tvrtkom bih prvo provjerio koja je adresa e-pošte točna, radno vrijeme u Vrbovcu, montiraju li gume ondje i je li popis marki aktualan. Pravi projekt dobio bi formu koja šalje upit bez kupčeva programa za e-poštu, preusmjerenja starih stranica i fotografije robe sa skladišta.