Onboard Corrugated Limited

Onboard Corrugated Limited iz Wolverhamptona je specijalizirani dobavljač ploča (sheet feeder): od 2010. na dva BHS valovna stroja radi valoviti karton i isporučuje ga u pločama tvornicama kutija. Njihov kupac je tehnički pismen i nema vremena. Zanima ga rade li val i format koji mu treba i kad roba stiže.

Što sam zatekao

Web sam prošao 14. studenoga 2026. na zaslonu laptopa širokom 1440 px i na mobitelu:

• Na laptopu je stranica široka 1714 px. Logo počinje 175 px lijevo od ruba ekrana, a prve dvije stavke izbornika, Home i About Us, ostaju izvan njega.
• Na naslovnici nema telefona. Činjenice koje kupac traži (95 ljudi, dva BHS stroja, deset valova) počinju odmah ispod prvog ekrana, a podatak da 66 % proizvodnje stiže sutradan stoji samo na stranici Products & Service, oko 2.000 px niže.
• Obrazac za ponudu traži širinu, duljinu, kvalitetu kartona i količinu, ali nema polje za val.
• Stranica Vacancies je slika i gumb prema njihovoj stranici na Indeedu, a stranica ISO 14001 prikazuje sliku „Under Construction”.

Odluke

Prvo strojevi i dostava

Prvi ekran kaže što rade, za koga i gdje, preko njihove fotografije BHS valovnog stroja. Ispod se jednom iscrta presjek BC dvoslojnog kartona u pravoj debljini od 6,11 mm i onda miruje. Pod njim je traka sa šest brojki s njihovih stranica, od 150 milijuna m² godišnje do pogona od 144.000 četvornih stopa. Telefon je u zaglavlju i na prvom ekranu.

Valovi nacrtani u pravoj debljini

Na stranici Products & Service navode devet debljina, od 1,16 mm za E val do 6,11 mm za BC, i broj valova po stopi za B, C i E. Python skripta od tih brojki crta presjeke, pa je svaki na webu točne debljine. Dok kupac scrolla kroz valove, ploča s crtežom stoji na mjestu i pokazuje na kojem od dva stroja se taj val radi.

Upit koji poznaje strojeve

Alat traži ono što treba planeru: val, duljinu (chop) i širinu (deckle), kvalitetu ili molbu da je predlože, po želji ciljni ECT i burst, količinu, poštanski broj i želi li kupac naručivati preko EDI-ja. Sažetak crta ploču u mjerilu, računa površinu i stavlja širinu uz 2,5 m i 2,8 m; ako je ploča šira od stroja na kojem se taj val radi, to i kaže. Kratki popis pokazuje što još fali, a kad je sve upisano, okvir prelazi u stanje „Ready to send” i gumb otvara popunjen mail prema sales@onboardcorrugated.com.

Od role do utovarne rampe

Njihovih pet koraka, papir, valoviranje, ispitivanje, skladište i dostava, pretvorio sam u linijski crtež valovnog stroja. Dok posjetitelj scrolla, sekcija stoji, a karton putuje po crtežu od rola preko single facera i double backera do slagača i kamiona, uz tekst i fotografiju koraka koji se mijenjaju.

Zapošljavanje i mobitel

Tri pozicije s njihove stranice na Indeedu, s plaćom kako je oglašena, stoje u vlastitoj sekciji s gumbom za prijavu mailom, a napomena da agencije ne šalju kandidate je ostala. Na mobitelu crtež stroja klizi u stranu i prati karton, a dok kupac ispunjava upit, traka na dnu ekrana pokazuje val, format i koliko je podataka upisano.

Kako je napravljen

Statični HTML, CSS i JavaScript bez frameworka. Sekcije se otkrivaju CSS prijelazima uz IntersectionObserver, a priču o stroju vodi kratka skripta koja položaj scrolla preslikava na SVG putanju. Servera nema: upit, prijave za posao i kontakt obrazac odlaze preko mailto poveznica. Početna skrivena stanja vrijede tek kad se JavaScript učita, pa se cijela stranica čita i bez njega, a uz smanjeno kretanje priča postaje običan popis od pet koraka. Prototip je noindex, JSON-LD sadrži samo podatke s njihovog weba, a fotografije su smanjene i ispod prvog ekrana se učitavaju tek kad zatrebaju.

Što bih sljedeće

S tvrtkom bih prvo provjerio jesu li tri pozicije još otvorene i kamo trebaju ići prijave, je li najmanja narudžba 200 m² (na webu piše „200m3”) i smiju li ostati preporuke Pakforma i Geddes Packaginga. Pravi projekt bi upit slao bez kupčevog mail programa, preusmjerio stare stranice za ponudu i oglase i popunio stranicu ISO 14001.