ELPRO

Koncept weba za izradu transformatora: crtež koji se sklopi, namot koji se mota dok se stranica pomiče i alat koji složi specifikaciju za upit.

ELPRO 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.

ELPRO iz Gornjeg Desinca kraj Jastrebarskog od 1998. izrađuje jednofazne, trofazne i specijalne transformatore i prigušnice po narudžbi, a uz njih ispitne stanice za transformatore i elektromotore te elektroinstalacije za pogone. Kupac im dolazi s brojevima, ulaznim i izlaznim naponom, snagom u VA i brojem komada, i s jednim pitanjem: do kada?

Što sam zatekao

Web sam pregledao 14. studenoga 2026. na računalu i na mobitelu.

Na računalu prvi ekran čine izbornik, kolaž fotografija transformatora i odlomak „O nama”. Stranica nema glavni naslov (H1), a prvo što se pročita je godina osnivanja obrta.
Rok od 2 radna dana, za kupca vjerojatno najjači argument, stoji samo na stranici Proizvodi i usluge, uz jednofazne i trofazne transformatore. Naslovnica ga ne spominje.
Upit ide samo telefonom ili mailom. Obrasca nema, a telefon i e-mail na webu za računalo nisu poveznice, pa ih treba prepisati.
Mobitel otvara zasebnu mobilnu verziju s pozdravom i izbornikom. Tablica okvirnih mjera po snazi, od 20 do 2.500 VA, postoji samo u njezinu cjeniku, a na webu za računalo je nema.

Prvi ekran sadašnjeg weba ELPRO na računalu: logotip i izbornik, kolaž fotografija transformatora sa žutom izolacijom i ispod njega odlomak „O nama”

Odluke

Prvi ekran kaže što rade i koliko traje

Naslov je „Transformatori i prigušnice po narudžbi, namotani za vaš napon.”, a u uvodu odmah stoje vlastita radionica i 2 radna dana. Ispod su gumb za alat i telefon. Brojke na dnu ekrana (1998., 2 radna dana, 20–2.500 VA, IP 45, više od 30 paralelnih žica) sve su s njihovog weba.

Transformator kao crtež

Glavni vizual je sam proizvod. Desno od naslova sklopi se izometrijski crtež jednofaznog transformatora na EI jezgri: limovi, namot sa žutom trakom, priključnice, a iznad njih dvije sinusoide, 230 V na ulazu i 24 V na izlazu. Uz crtež je aluminijska natpisna pločica s četiri pozicije koje se pri prijelazu mišem povežu s crtežom. Plavu sam uzeo iz logotipa, a bakrenu iz samog namota. Svaki crtež nosi oznaku „Ilustracija”, a fotografije na stranici su njihove.

Namot koji se mota dok se stranica pomiče

Šest koraka od upita do isporuke prati prikvačen crtež. Jezgra se slaže odozdo, a u trećem koraku žica s kalema mota namot red po red, točno onoliko koliko je stranica pomaknuta. Slijede izolacija klase B, kućište IP 45 s opremom i pečat s rokom. Tekst koraka složen je iz njihovih opisa.

Treći korak priče „Namot primara i sekundara”: crtež transformatora sprijeda s napola namotanim bakrenim namotom i žicom koja dolazi s kalema, uz kote od oko 100 mm

Alat koji govori jezikom upita

„Složite svoj transformator” pita isto što bi pitao i njihov tehničar: izvedbu, napone (česti parovi poput 230/24 V ili vlastite vrijednosti, uz dodatne izlaze na sekundaru), snagu po njihovoj tablici mjera, jezgru, izolaciju, kućište s opremom i količinu. Crtež i pločica prate izbor. Pločica pokazuje i struju sekundara, ali kao približan izračun (I₂ ≈ S / U₂, kod trofaznog S / (√3 · U₂)), i to piše uz nju. Kad su naponi upisani, alat javlja da je upit spreman, a klik prenosi specifikaciju u obrazac, koji otvara gotov mail za elpro@elpro.hr. Cijenu i točne mjere kupac dobiva u ponudi.

Alat za upit: odabran trofazni transformator 400 V na 230 i 24 V, 1.000 VA, u kućištu s voltmetrom, utičnicom i kukama, uz crtež kućišta i natpisnu pločicu sa specifikacijom

Specijalne izvedbe zasebno

Specijalni transformatori i prigušnice dobili su tamnu sekciju: crtež zračne prigušnice iscrta se dok sekcija ulazi u ekran, uz njihove fotografije iz radionice.

Tamna sekcija o specijalnim transformatorima i prigušnicama: popis zračnih prigušnica, namota od folije i paralelnih žica, crtež bakrenog namota bez jezgre i dvije fotografije iz radionice

Jedan web i za mobitel

Umjesto dvije verzije jedna stranica: crtež ispod naslova, priča s crtežom prikvačenim gore, a u alatu crtež ostaje na vrhu dok se ispunjavaju polja.

Tri ekrana koncepta na mobitelu: naslov s crtežom transformatora, treći korak priče s namotom koji se mota i natpisna pločica s oznakom da je upit spreman

Prvi ekran na računalu: lijevo sadašnji web ELPRO, desno koncept

Kako je napravljen

Statični HTML, CSS i JavaScript, bez frameworka. Crteže transformatora generira skripta u SVG: isti kod crta statične crteže u HTML-u i živi crtež u alatu. Pokrete vezane uz pomicanje stranice radi vlastiti kod (requestAnimationFrame i IntersectionObserver), bez GSAP-a, a Lenis zaglađuje skrolanje. Bez JavaScripta je sve vidljivo, a crteži su gotovi. Uz smanjeno kretanje animacija nema. Alat i obrazac rade u pregledniku, bez servera. Stranica ima noindex, a JSON-LD samo adresu, kontakte i pitanja s njihovog weba. Fotografije imaju zadanu veličinu i učitavaju se tek kad zatrebaju.

Što bih sljedeće

S ELPRO-om bih prvo provjerio vrijedi li rok od 2 radna dana i danas i za koje snage, koji je od dva broja mobitela s weba ispravan i izrađuju li još upravljačke ormare i odvojne transformatore 230/110 V. Pravi projekt dobio bi obrazac koji šalje bez kupčevog programa za e-poštu i preusmjerenja starih adresa, i onih mobilne verzije.