Svi projekti
Koncept redizajnaKoncept, nije naručen2026

Morris Fabrications Ltd

Otvori koncept

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

Morris Fabrications Ltd
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.

Prvi ekran sadašnjeg weba Morris Fabrications na laptopu: tamna traka s logom, telefonom i izbornikom, redak s popularnim pretragama i mreža od šest fotografija projekata s crvenim natpisima

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.

Sekcija o postupku: lijevo fotografija zavarivanja čelične grede u njihovoj radionici, desno korak 02, izrada u Birminghamu, s crvenom crtom napretka uz korake

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.

List upita za zavojito stubište: visina kata 3600 mm, širina 1200 mm, tri kata, plastificirano u RAL 9005, gradilište Leicester, s oznakom spremno za slanje

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.

Sekcija Work with us: lijevo oznaka da trenutno nema otvorenih mjesta i četiri razloga za rad kod njih, desno fotografija čelične konstrukcije na kamionu i obrazac za prijavu

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.

Tri ekrana novog weba na mobitelu: prvi ekran s naslovom, fotografijom i tlocrtom, kartica stubišta iz ponude i list upita za staklenu ogradu spreman za slanje

Prvi ekran na laptopu, lijevo sadašnji web, desno novi koncept

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.

Imam slobodno mjesto, javi se za suradnju

Ako imaš ideju koju vrijedi napraviti kako treba, prvi korak je razgovor od 30 minuta.

Bez ponude i bez pritiska. Ispričaš mi što gradiš, ja postavim pitanja koja ti vjerojatno još nitko nije, i na kraju znaš je li izvedivo, koliko okvirno košta i što je sljedeći korak. Bez obzira radimo li zajedno.

Jurica Stublić u radu na projektu