Staklo Iviček

Koncept weba za staklariju iz Šestina: kupac upiše mjere, vidi nacrt stakla s kotama i šalje upit koji je staklar inače morao izvući telefonom.

Staklo Iviček mi nije klijent i ovaj web nije naručio. Koncept sam napravio na vlastitu inicijativu, iz teksta i fotografija s njihovog javnog weba, pa su sve činjenice na njemu njihove.

Staklo Iviček je staklarija iz Šestina u Zagrebu, osnovana 1994. Režu, obrađuju i ugrađuju sve vrste stakla, od obloge zida iza kuhinjske ploče do staklenih vrata, ograda i stepenica. Njihov kupac obično ima zid ili otvor i jedno pitanje: koje staklo tu ide i što trebaju javiti da dobiju ponudu.

Što sam zatekao

Web sam pregledao 14. studenoga 2026. na laptopu i na mobitelu.

Stranice nemaju oznaku za mobitel, pa telefon prikaže računalnu verziju širine 980 px smanjenu na 40 %. Tekst od 12 px na ekranu je manji od 5 px.
Naslovnica je popis članaka. Prvi je predstavljanje tvrtke iz veljače 2011., drugi je staklo za kuhinje iz listopada 2013., a u podnožju piše 2011.
Telefon i e-mail stoje kao običan tekst na dnu stranice O nama. Na stranicama koje sam otvorio nijedan broj nije poveznica, a stranica Kontakt ima samo obrazac, bez telefona i adrese.
Savjet o tome što otvor mora imati prije ugradnje staklenih vrata jedan je dugi odlomak u članku „Vrata – razna”. U njemu je pet stvari koje kupac može provjeriti sam.

Prvi ekran sadašnjeg weba Staklo Iviček na laptopu: tamno zaglavlje s logotipom, izbornik s lijeve strane i prvi članci naslovnice, predstavljanje tvrtke i staklo za kuhinje

Odluke

Staklo po mjeri u prvoj rečenici

Naslov kaže ono što kupac traži: „Staklo po mjeri u Zagrebu, od rezanja do ugradnje.” Ispod su dva puta do upita, složiti staklo ili nazvati, a godina osnivanja i Šestine stoje iznad naslova.

Staklo nacrtano, a ne fotografirano

Fotografija njihovih radova nisam imao, a tuđa fotografija kuhinje ne bi rekla ništa o njima. Zato je prvi ekran ilustracija tri staklene ploče u prostoru, prozirne kaljene, satinato i bojane, s kotama, izrezom za okov, bušenom rupom i brušenim rubom. Iza njih se jednom iscrtaju ravnala i osi kao na stolu za crtanje, pa sve miruje. Boje sam uzeo iz loga: srebrnosivu i čelično plavu. Zelenkasti brid, boju ruba pravog stakla, ostavio sam kao jedini naglasak. Crteži su na stranici označeni kao ilustracije.

Alat koji pita ono što bi pitao staklar

„Složite svoje staklo” ima pet proizvoda: oblogu kuhinje, tuš stijenu, ogledalo, ogradu i ploču stola ili police. Kupac upiše mjere, odabere staklo, rub, rupe ili okove, a nacrt s kotama se mijenja s njim. Ispod nacrta su napomene iz njihovih članaka, na primjer da ograda mora biti laminirana i kaljena, najmanje 8 mm. Sažetak upita gradi se dok kupac bira, a promijenjena stavka se nakratko istakne. Jednim klikom opis ide u obrazac za upit, a odatle kao mail na info@staklo-ivicek.hr. Cijene nema, jer je ne objavljuju ni oni.

Alat za staklo po mjeri: tuš stijena 140 × 200 cm između dva zida, klizna vrata i satinirano staklo, nacrt s kotama i tlocrtom, napomene i sažetak upita s oznakom da je spreman za slanje

Redoslijed obrade kao jedna priča

Na starom webu postupci su popis riječi. Kupcu je važnije zašto idu tim redom: kaljeno staklo poslije se ne može ni bušiti ni rezati. Zato je obrada šest koraka, od mjera, rezanja i brušenja rubova do bušenja, kaljenja i ugradnje. Isti komad stakla putuje kroz crtež koji ostaje na mjestu dok se koraci pomiču.

Četvrti korak obrade, bušenje i izrezi: ilustracija stakla s rupama za utičnice i prihvatnik, uz opis zašto se buši prije kaljenja

Odlomak o vratima postao je provjera

Pet stvari iz članka „Vrata – razna” pretvorio sam u popis za kvačice uz nacrt otvora: pravilan pravokutnik, jednake dijagonale, ravno dno, mjesto za podnu pumpu i nosač u stropu. Svaka označena stavka pozeleni na crtežu, a stanje otvora može se poslati u upitu. Staklarski rječnik sada se može pretražiti.

Provjera otvora za staklena vrata: nacrt otvora s pet označenih točaka i popis s tri stavke označene kao riješene

Mobitel

Na mobitelu crtež obrade ostaje pri vrhu dok se koraci pomiču ispod njega, a u alatu nacrt dolazi prije polja, pa kupac vidi što slaže dok upisuje mjere.

Tri ekrana novog weba na mobitelu: prvi ekran s naslovom i staklenim pločama, korak kaljenja i nacrt ogledala u alatu

Prvi ekran na laptopu, lijevo sadašnji web Staklo Iviček, desno koncept

Kako je napravljen

Statični HTML, CSS i JavaScript, bez frameworka. Ploče u uvodu su CSS 3D, crteži su ručno pisani SVG, a nacrt u alatu JavaScript slaže iz upisanih mjera. Sekcije ulaze uz IntersectionObserver. Skrivena početna stanja postavljaju se tek kad se JavaScript učita, pa je bez njega stranica cijela vidljiva, a uz smanjeno kretanje animacija nema. Alat nema server: upit odlazi kroz mailto. Stranica ima noindex, JSON-LD sadrži samo podatke s njihovog weba, a stare adrese članaka preusmjerene su na odgovarajuće dijelove nove stranice.

Što bih sljedeće

S tvrtkom bih prvo provjerio vrijedi li popis referenci iz 2011., radi li fiksni broj i kale li i laminiraju staklo sami. Pravi projekt dobio bi fotografije njihovih radova umjesto dijela ilustracija, obrazac koji šalje upit i prima fotografije zida bez kupčevog programa za e-poštu, te radno vrijeme koje danas na webu ne stoji.