Sheaf Construction Ltd

Izvođač opremanja barova i restorana iz Sheffielda: obrti nacrtani sloj po sloj, karta deset projekata i planer koji upit slaže u jedan mail.

Sheaf Construction 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.

Sheaf Construction Ltd iz Handswortha u Sheffieldu oprema i obnavlja pubove, barove, restorane i hotele kao glavni izvođač: gradnja i stolarija, instalacije, dekoracija i ugradbeni namještaj. Vlasnik puba ili voditelj projekta za restoran dolazi s jednim pitanjem: možete li preuzeti cijeli posao, ili samo dio koji mi treba?

Što sam zatekao

Web ima tri stranice, Home, Projects i Contact. Prošao sam ih 14. studenoga 2026. na zaslonu od 1440 px i na mobitelu:

Prvi ekran je fotografija bara s krugom u kojem piše „Bar & restaurant fit out contractors” i gumbom „Contact us”, koji otvara mail. Na naslovnici nema telefona; brojevi 07984 801117 i 07802 175245 stoje tek na stranici Contact.
Najjači argument, da kao glavni izvođač rade sve obrte i vode cijeli posao ili samo gradilište, stoji ispod prvog ekrana, u odlomku „About Us”. Na mobitelu je ispod dvije fotografije.
Stranica Projects nabraja deset lokala s galerijama od ukupno 158 fotografija, bez ijedne rečenice o tome što su na kojem radili.
Obrazac traži ime, e-mail, telefon i poruku, uz kvačicu za prijavu na popis za „promotions”. Vrstu lokala, opseg radova, površinu i datum otvaranja kupac se mora sam sjetiti napisati.
U podnožju sve tri stranice piše „Copyright © 2019”.

Prvi ekran sadašnjeg weba Sheaf Construction: logotip u bijelom okviru, izbornik s tri stavke i fotografija bara s krugom „Bar & restaurant fit out contractors”

Odluke

Prvi ekran kaže što rade i kome

Njihov naslov sam zadržao, jer točno kaže što su: „Bar and restaurant fit-out contractors”. Ispod su obrti, telefon, gumb za upit te Constructionline Gold i SSIP, kao na njihovom webu. Desno je njihova fotografija pulta iz Banana Treeja u Salfordu, preko koje se jednom iscrta tehnički crtež pulta, back bara i panela. Zatim se crtež prigasi i sve miruje; na računalu se slojevi blago pomaknu za pokazivačem.

Četiri obrta kao crtež koji se slaže

Njihov popis obrta htio sam pokazati, a ne ponoviti. Precrtao sam pult puba The Greyhound u Nottinghamu s njihove fotografije. Dok se scrolla, kadar stoji, a crtež se slaže obrt po obrt: konstrukcija i stolarija, pa rasvjeta i instalacije u crvenoj, pa obloge, cigla i okviri, pa police i klupa. Na kraju se preko crteža otvori fotografija istog pulta, pa se vidi da crtež prati pravi pult. Ispod piše da je to skica, a ne njihov projektni crtež. Crvena je jedina boja, iz njihovog logotipa.

Priča o obrtima u petom koraku: fotografija pulta The Greyhound otvara se slijeva preko tehničkog crteža istog pulta

Projekti s mjestom na karti

Deset lokala ima filtar na pubove i restorane i galeriju za svaki. Dodao sam kartu s bazom u Handsworthu, krugovima svakih 25 milja i tablicom gradova sa zračnom udaljenošću, od Meadowhalla do Durhama. Redak tablice pod mišem istakne grad na karti.

Sekcija Area: shematska karta s istaknutom linijom do Nottinghama i tablica gradova s projektima i udaljenostima

Planer upita umjesto poruke

Obrazac s porukom zamijenio sam planerom u četiri koraka: lokal, radovi, površina i rokovi, kontakt. Kupac bira vrstu i stanje lokala, obrte, koliko posla predaje i postoje li nacrti. Desno se slaže list upita koji broji šest ključnih podataka i prelazi u „Ready to send”. Popis dokumenata za priložiti prati odgovore: za jedinicu u trgovačkom centru to su uvjeti najmodavca, a za postojeći lokal izvještaj o azbestu, ako postoji. Gumb otvara jedan mail na info@sheafconstruction.co.uk s popunjenim podacima.

Planer upita na zadnjem koraku: list upita za pub The Old Mill u Chesterfieldu, četiri obrta, 2.400 sq ft, otvaranje 14. svibnja 2027. i popis dokumenata, spremno za slanje

Mobitel

Na mobitelu crtež stoji na vrhu kadra, a ispod je samo korak koji se crta. Dok kupac ispunjava planer, traka na dnu pokazuje koliko je podataka unio i vodi do lista upita.

Tri ekrana novog weba na mobitelu: prvi ekran s crtežom pulta, treći korak priče o obrtima i list upita spreman za slanje

Usporedba prvog ekrana: lijevo sadašnji web Sheaf Construction, desno koncept

Kako je napravljen

Statični HTML, CSS i JavaScript bez frameworka. Priču o obrtima vode GSAP i ScrollTrigger: kadar je ljepljiv, a SVG se iscrtava preko stroke-dashoffseta koliko se scrolla. Ostalo su CSS prijelazi i IntersectionObserver. Planer nema server: mail se slaže u pregledniku i odlazi kroz mailto, tek kad kupac pritisne slanje. Prototip je noindex (meta oznaka, robots.txt i zaglavlje odgovora), a JSON-LD sadrži samo podatke s njihovog weba. Bez JavaScripta i uz smanjeno kretanje crtež je odmah cijeli, a fotografija stoji ispod njega. Fotografije ispod prvog ekrana učitavaju se tek kad zatrebaju.

Što bih sljedeće

S tvrtkom bih prvo provjerio vrijede li Constructionline Gold i SSIP, za koga su radili tih deset lokala i što su na kojem točno napravili. Pravi projekt dobio bi stranicu po projektu s opsegom radova i obrazac koji prima nacrte kao privitak i šalje bez kupčevog programa za poštu.