Turner Gear & Engineering Ltd

Turner Gear & Engineering Ltd od 1990. izrađuje zupčanike po narudžbi u Bilstonu, u West Midlandsu, za kupce u Ujedinjenom Kraljevstvu i Europi: čelnike do 1473 mm, pužne parove, stožnike, zupčaste letve, ožljebljenja i brušene zupčanike. Kupac koji im se javlja obično pita jedno: mogu li napraviti baš ovaj zupčanik. Ponekad i drugo, jer mu stroj stoji.

Što sam zatekao

Web ima dvije stranice, naslovnicu i kontakt. Pregledao sam ga 14. studenoga 2026. na laptopu od 1440 px i na mobitelu:

• Na laptopu logo počinje 97 px lijevo od ruba ekrana, a znak ISO 9001 završava 75 px desno od njega, pa su oba odrezana.
• Najjači argument tvrtke, popis veličina (čelnici do 58 inča, pužni parovi do 30, brušenje do 680 mm), stoji kao popis s točkama na trećem ekranu laptopa.
• Radno vrijeme piše dvaput, različito: u podnožju „7.00am – 4.00pm”, na stranici kontakta „7.30am – 4.30pm”.
• Na mobitelu prvi ekran zauzimaju logo, telefon, e-pošta i znak ISO 9001, a naslov počinje tek pri dnu.
• Upit ide telefonom, e-poštom ili kroz opću formu s porukom. Nema mjesta za modul ili broj zubi, pa kupac ne zna je li njegov zupčanik u njihovim veličinama dok ne pita.

Odluke

Veličine odmah ispod naslova

Naslov sam ostavio njihovim riječima, „Bespoke precision gears, made in the UK since 1990”, jer točno kaže što rade. Odmah ispod ide ono što na starom webu čeka na trećem ekranu: vrste zupčanika s najvećim promjerom, a ispod prvog ekrana traka s pet najvećih veličina. Tko traži izrađivača zupčanika, prvo provjerava veličinu.

Crtež umjesto fotografije

Fotografija iz njihove radionice nisam imao, a generička fotografija zupčanika ne bi rekla ništa o njima. Zato je vizualni jezik tehnički crtež, onaj na kojem kupac i radionica ionako razgovaraju: okvir, osi, kote i zaglavlje. Profili zubi računati su kao evolvente, ne precrtani. Na prvom ekranu crtež se iscrta jednom i miruje, a na računalu se list blago nagne prema pokazivaču. Boja je tamnoplava iz njihova loga, uz tople neutralne tonove.

Šest vrsta, jedna po jedna

Vrste zupčanika idu redom: lijevo list s crtežom koji se mijenja, desno opis, najveća veličina i poveznica koja otvara upit za tu vrstu. Ispod su najveći promjeri nacrtani u istom mjerilu. Kad pokazivač prijeđe preko retka, istakne se njegov krug, pa se vidi da je čelnik od 1473 mm gotovo dvaput veći od najvećeg pužnog kola.

List upita

Kupac odabere vrstu, upiše modul ili DP i broj zubi, a list izračuna približni vanjski promjer i usporedi ga s njihovim popisom. Ako je zupčanik veći, to kaže i svejedno nudi slanje. Bilježi i količinu, materijal, ima li kupac crtež i je li riječ o kvaru, a kvar ide na početak predmeta maila. List se puni dok kupac piše, promijenjeni retci kratko zasvijetle, a kad je sve upisano, piše da je spreman za slanje. Gumb otvara mail na sales@turnergear.co.uk sa svime upisanim.

Mobitel

Na mobitelu svaka vrsta ima crtež iznad teksta. List upita dolazi ispod obrasca, pa dok kupac ispunjava polja, na dnu ekrana stoji traka sa sažetkom: procijenjeni promjer, je li u njihovim veličinama i koliko je podataka upisano.

Kako je napravljen

Statični HTML, CSS i JavaScript, bez frameworka i bez biblioteka za animaciju. Crteže generira Python skripta iz geometrije i ugrađuje ih kao SVG, pa na stranici nema fotografija. Animacije su CSS prijelazi i 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: računa preglednik, a upit odlazi kroz mailto. Formule su u kodu označene kao približne (d = m · z / cos β, da = d + 2m). Stranica ima noindex, a JSON-LD sadrži samo podatke s njihova weba.

Što bih sljedeće

S tvrtkom bih prvo provjerio koje je radno vrijeme točno i jesu li veličine s popisa i dalje aktualne. Pravi projekt dobio bi fotografije iz radionice, formu koja prima crtež kao privitak i šalje upit bez kupčeva programa za e-poštu te preusmjerenje stare stranice kontakta.