Morris Fabrications Ltd
Otvori konceptKoncept weba za izrađivača stubišta i ograda: tlocrt koji se sam nacrta, EXC2 na prvom ekranu i upit koji slaže gotov mail.
Morris Fabrications Ltd 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.

- Težina stranice
- 1,62 MB → 0,89 MB
- Zahtjeva pri učitavanju
- 64 → 17
- Prilagođen mobitelu
- Ne → Da
Izmjereno u Chromeu 14. 11. 2026.: mobitel, usporena 4G mreža i procesor, bez predmemorije, medijan tri mjerenja. Lijevo stari web, desno koncept.
- Tvrtka
- Morris Fabrications Ltd
- Usluga
- Koncept novog weba, list upita i prijava za posao
Morris Fabrications Ltd je obiteljska tvrtka iz Birminghama koja od 1980. crta, izrađuje i ugrađuje arhitektonske metalne konstrukcije: zavojita i reprezentativna stubišta, požarne stube, ograde, balkone i sekundarnu čeličnu konstrukciju, po cijelom Ujedinjenom Kraljevstvu. Rade i za glavne izvođače, a takav kupac dolazi s nacrtom i dva pitanja: mogu li ovo napraviti i ugraditi, i imaju li papire koje gradilište traži.
Što sam zatekao
Web sam pregledao 14. studenoga 2026. na laptopu od 1440 px i na mobitelu širine 390 px:
- Stranica nema oznaku za prikaz na mobitelu, pa se na telefonu slaže na širinu od 1010 px i smanjuje na oko 39 posto. Tekst od 14 px tada je visok oko pet piksela.
- Na laptopu prvi ekran zauzimaju izbornik, redak „Popular searches” i šest fotografija projekata. Rečenica o tome što rade počinje tek pri samom dnu ekrana.
- Oznaka EXC2, dokaz da njihova čelična konstrukcija nosi UKCA oznaku, na naslovnici se pojavljuje jednom: na kraju vijesti „UKCA Marking of Steel”, oko 1200 px niže, slovima od 14 px.
- Upit ide kroz opću formu s imenom, e-poštom, predmetom i porukom. Mjesta za vrstu stubišta, mjere, obradu ili gradilište nema, pa kupac to piše sam ili zove.
- Stranica Jobs kaže da trenutno nema otvorenih mjesta i da se zainteresirani jave. Obrasca ni popisa onoga što bi kandidat trebao poslati nema.

Odluke
Prvi ekran: proizvod, mjesto i certifikat
Naslov kaže što rade i gdje: „Staircases, balustrades and steelwork. Made in Birmingham, fitted across the UK.” Uz njega je njihovo zavojito stubište sa Sveučilišta Staffordshire, a ispod traka s četiri činjenice s njihova weba: 1980, EXC2, Constructionline Gold i vlastiti monteri. Preko ugla fotografije stoji list s tlocrtom zavojitog stubišta, jer imaju vlastitog crtača i rade CAD crteže i 3D prikaze. Tlocrt se jednom iscrta, stuba po stuba, i onda miruje. Boja je crvena iz njihova loga, uz tamni antracit i tople sive tonove, a naslovi su u uskom sansu sličnom slovima loga.
Od crteža do predaje
Njihov najjači argument je da cijeli posao ostaje u jednoj kući: crtež, izrada u Birminghamu, obrada i montaža. Zato je to jedna priča u četiri koraka. Lijevo se slika mijenja dok se čita, od 3D modela stubišta iz Manchestera koji se sklopi iz dijelova do montaže, a desno se uz korake puni crvena crta.

List upita
Kupac odabere jednu od sedam vrsta proizvoda, mjere koje zna, materijal, obradu, isporuku sa ili bez montaže, gradilište i rok. List desno puni se dok piše. Ispod su napomene s njihova weba za taj odabir, na primjer razmak od 100 mm kod ograde koju koriste djeca ili nehrđajući čelik 316 za vanjsku upotrebu. Traka napretka pokazuje koliko je podataka upisano, a kad je sve tu, list piše da je spreman za slanje. Gumb otvara mail na info@morrisfabrications.co.uk sa svime upisanim, a crteže kupac priloži sam.

Work with us
Sekcija „Work with us” kaže isto što i njihova stranica Jobs, da otvorenih mjesta trenutno nema, ali nudi kratku prijavu: područje rada (radionica, montaža, crtaći ured, ured), iskustvo, kartice i ovlaštenja (CSCS, SSSTS, PASMA, IPAF, prva pomoć) i vozačka dozvola. I ona otvara gotov mail, uz podsjetnik da se priloži životopis.

Mobitel
Na mobitelu je redoslijed isti, a manji tlocrt stoji preko ugla fotografije. List upita je ispod obrasca, pa dok kupac ispunjava polja, na dnu ekrana stoji traka s proizvodom, brojem upisanih podataka i gumbom do lista.


Kako je napravljen
Statični HTML, CSS i JavaScript, bez frameworka i biblioteka za animaciju: CSS prijelazi i IntersectionObserver. Tlocrt generira Python skripta iz geometrije kao SVG. Skrivena početna stanja postavlja tek JavaScript, pa je bez njega stranica cijela vidljiva, a uz smanjeno kretanje animacija nema. Alati nemaju server: upit i prijava odlaze kroz mailto. Fotografije su njihove, smanjene i s upisanim dimenzijama, a niže na stranici učitavaju se tek kad zatrebaju. Stranica ima noindex, a JSON-LD sadrži samo podatke s njihova weba.
Što bih sljedeće
S tvrtkom bih prvo provjerio vrijede li i dalje UKCA certifikat do 2027., Constructionline Gold i CHAS te primaju li opće prijave za posao. Pravi projekt dobio bi formu koja prima crteže kao privitak i šalje upit bez kupčeva programa za e-poštu, uređivanje projekata i oglasa bez programera te preusmjerenja postojećih stranica usluga.
