Constructie Derijcke BVBA

Constructie Derijcke BVBA ima radionicu u Heuleu kraj Kortrijka i radi metalne konstrukcije po mjeri, unutra i vani, za privatne kupce i za industriju: klizna i krilna vrata, ograde, stubišta, rukohvate, metalna vrata i prozore. Kupac koji im se javlja obično zna što želi, ali ne zna kako to opisati: koja vrata, koliko široka, s motorom ili bez.

Što sam zatekao

Web je na nizozemskom i u izborniku ima pet stranica: Home, Services, Realisaties, Alg. constructie i Contact. Prošao sam ih 14. studenoga 2026. na zaslonu od 1440 px i na mobitelu širine 390 px:

• Stranica nema oznaku za mobitel, pa telefon prikazuje cijelu stranicu širine 980 px, smanjenu. Osnovni tekst ima 10 piksela i bez zumiranja se ne može pročitati.
• Brojevi telefona stoje u podnožju kao običan tekst, „Tel.:056.36.05.55”, pa ih na mobitelu nije moguće dodirnuti i nazvati. Kontakt stranica ima kartu, adrese i e-mail adresu, ali nema obrasca.
• Stranica Services nabraja jedanaest usluga, od kliznih vrata do održavanja za industriju, samo kao popis naziva.
• Realizacije su podijeljene u osam kategorija, svaka na svojoj stranici s prezentacijom slika. Na stranici Carports je jedna fotografija i rečenica „Binnenkort meer foto's van carports”.
• Tko želi ponudu za vrata, mora sam u mailu opisati vrstu, ispunu, mjere i dodatke.

Odluke

Prvi ekran kaže što izrađuju i gdje

Naslov nabraja ono što kupac traži, vrata, stubišta i konstrukcije u metalu po mjeri, a ispod su oba telefona kao poveznice. Desno je njihova fotografija kliznih vrata s drvenom oblogom i motorom, ista ona s naslovne stranice starog weba. Preko nje se jednom iscrtaju kotna linija širine i dvije oznake, automatizacija i klizna vrata, pa sve miruje. Na računalu se fotografija pomakne nekoliko piksela za pokazivačem. Narančasta je jedina boja, iz slogana „Maatwerk in metaal” u njihovom logotipu.

Ulaz nacrtan dio po dio

Na njihovom webu vrata, automatizacija, interfon i ograda stoje kao zasebne usluge. Htio sam pokazati da su to dijelovi istog ulaza. Dok se scrolla, kadar stoji, a crtež pročelja se slaže u šest koraka: mjere prolaza, krila s prečkama, motori, stup s interfonom, ograda s obje strane. Na kraju se preko crteža otvori njihova fotografija crnih vrata sa stupom za interfon. Ispod crteža piše da je to ilustracija, a ne tehnički plan.

Konfigurator umjesto praznog maila

Kupac bira vrata ili ogradu, metalna vrata ili prozor, ili stubište i rukohvat, pa vrstu, ispunu i mjere. Skica s kotama crta se odmah i mijenja dok pomiče klizače, sažetak istakne što se promijenilo, a uz njega stoje tri njihove realizacije iste vrste. Gumb prenosi izbor u obrazac, a obrazac javlja kad je spreman za slanje i otvara mail na info@constructie-derijcke.be.

Realizacije na jednom mjestu

Šezdeset njihovih fotografija stoji u istih osam kategorija kao na starom webu, s filtrom i brojem fotografija uz svaku. Klik otvara fotografiju preko cijelog ekrana. Opća konstrukcija za industriju, na starom webu zasebna stranica, dobila je svoju sekciju. Natpise uz tri fotografije prenio sam s teksta koji je ondje bio upisan u same slike.

Mobitel

Na mobitelu crtež ulaza stoji na vrhu, a ispod je samo korak koji se crta. U konfiguratoru skica ostaje pri vrhu ekrana dok kupac bira ispod nje.

Tekst koncepta je na nizozemskom, kao i sadašnji web.

Kako je napravljen

Statični HTML, CSS i JavaScript bez frameworka, uz Lenis za glatko pomicanje. Priču o ulazu vodi vlastiti kod: kadar je ljepljiv, a SVG linije se iscrtavaju preko stroke-dashoffseta koliko se scrolla. Skice u konfiguratoru crta preglednik iz odabranih mjera. Nema servera: 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 odgovaraju li vrste i mjere u konfiguratoru onome što stvarno rade i koje podatke trebaju za ponudu. Pravi projekt dobio bi novije fotografije, uz carporte i industriju, i obrazac koji prima fotografije ulaza kao privitak i šalje bez kupčevog programa za poštu.