K&K Services Ltd

K&K Services Ltd je cestovni prijevoznik iz Milton Keynesa: cijeli i djelomični tereti po Ujedinjenom Kraljevstvu i Europi, rasuti teret u kiper-cisternama od 60 m³ s vlastitim puhalom i skladištenje u svom depou u West Ashlandu. Njihov kupac ima robu na jednom mjestu, rok na drugom i jedno pitanje: možete li ovo prevesti, kada i za koliko.

Što sam zatekao

• Adresa s https:// se ne otvara (provjereno 14. studenoga 2026.), pa web radi samo preko nezaštićenog http://.
• Na naslovnici nema telefona ni gumba za upit. Prvi ekran kaže „Welcome to K&K Services”, a broj 01908 587 193 pojavljuje se tek na podstranicama.
• Odjel s cisternama spominje se tek na stranici usluga, a 30 kamiona i 50 prikolica na naslovnici stoje samo unutar vijesti iz vremena pandemije.
• Obrazac „Request an Estimate” traži ime, e-mail i poruku, uz napomenu da sadržaj obrasca nije šifriran. Poštanske brojeve, teret i datum kupac se mora sam sjetiti napisati.
• Zapošljavanje vozača je jedan odlomak na podstranici u podizborniku stavke „About us”.

Odluke

Prvi ekran kaže tko su i odakle rade

Naslov sam složio od onoga što kupac traži: cestovni prijevoz po Ujedinjenom Kraljevstvu i Europi, iz vlastitog depoa u Milton Keynesu. Telefon i „Get a quote” stoje na prvom ekranu i u zaglavlju koje prati scroll. Njihova fotografija kamiona s cisternom i naslov otkriju se jednom, a onda sve miruje. Ispod su četiri brojke s njihovog weba: 30 tegljača, 50 prikolica, cisterne od 60 m³ i odgovor na upit u 24 sata.

Cisterna kao tehnički crtež

Cisterne ih razlikuju od običnog prijevoznika, pa sam ih nacrtao umjesto da ih opišem: kiper-cisterna u bočnom pogledu. Crtež se iscrta jednom, a dok se scrolla, stoji na mjestu i mijenja se kroz pet koraka s njihove stranice usluga, od punjenja i pretakanja iz big-bag vreća do ispuhivanja u silos, pranja cisterne i hitnog pražnjenja silosa. Plava je boja njihovih prikolica („Can you spot our blue trailers?”), a sve ostalo su neutralne sive.

Planer upita umjesto obrasca s porukom

Obrazac s porukom zamijenio sam planerom: kupac bira uslugu i odgovara samo na ono što ta usluga traži. Za cisternu su to proizvod, tone, silos ili big-bag vreće, silos ili Seabulk kontejner i je li hitno. Uz obrazac se slaže sažetak s crtežom odgovarajućeg vozila, kaže što još fali za cijenu i prelazi u „Ready to send” kad ništa ne fali. Gumb otvara jedan mail prema sales@kandkservices.com s poštanskim brojevima, teretom i datumom, pa prodaja ne mora zvati natrag zbog osnovnog.

Zapošljavanje kao vlastita sekcija

Careers sam premjestio u glavni izbornik i na prvi ekran. Njihov tekst je ostao (iskusni vozači C+E, posebno s kiper-cisternama, prijava Nicku), a uz njega stoji ono što vozaču nešto znači, s njihovog weba: flota, radionica s opremom Tecalemit i priznanje „HGV Heroes” udruge RHA. Obrazac pripremi mail za traffic@ i podsjeti da se priloži životopis.

Mobitel ima isti web

Na mobitelu crtež ostaje ljepljiv iznad koraka, dijagram projekta za Brand Retail postaje popis, a sažetak upita prati kupca u traci na dnu ekrana. Ispod je lijevo sadašnji web, desno koncept.

Kako je napravljen

Statični HTML, CSS i JavaScript bez frameworka: CSS prijelazi, IntersectionObserver i SVG koji se iscrtava preko stroke-dashoffseta. Obrasci rade preko mailto poveznica, pa ništa ne odlazi dok kupac ne pritisne slanje. Prototip je noindex (meta oznaka, robots.txt, zaglavlje odgovora), a njegov JSON-LD sadrži samo podatke s njihovog weba. Sadržaj je čitljiv i bez JavaScripta, smanjeno kretanje gasi pokrete, a fotografije su smanjene i ispod prvog ekrana se učitavaju tek kad zatrebaju.

Što bih sljedeće

S tvrtkom bih prvo provjerio brojke flote, vrijede li BREEAM In-Use i ISO 9001:2015 i zapošljavaju li i dalje vozače C+E. Pravi projekt dobio bi https, zasebne stranice za cisterne, groupage i skladištenje, i planer koji sprema svaki upit i kupcu šalje potvrdu.