Fragametal
Otvori konceptKoncept weba za obiteljsku radionicu mjedi i bronce: radovi po primjeni, obrada kao crtež koji prati čitanje i radni list umjesto praznog maila.
Fragametal 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
- 0,39 MB → 0,38 MB
- Zahtjeva pri učitavanju
- 68 → 18
- Prilagođen mobitelu
- Ne → Da
- Glavni sadržaj na mobitelu
- 2,8 s → 1,9 s
Izmjereno u Chromeu 14. 11. 2026.: mobitel, usporena 4G mreža i procesor, bez predmemorije, medijan tri mjerenja. Lijevo stari web, desno koncept.
- Tvrtka
- Fragametal
- Usluga
- Koncept novog weba i radni list za upit
Fragametal je obiteljska radionica u Dendermondeu koju je 1961. osnovao Gabriël Eeckman, a danas je vodi treća generacija. Rade po mjeri u metalu, među ostalim u mjedi i bronci, od jednog komada do male serije: za arhitekte interijera, dizajnere, tvrtke za rasvjetu, restauraciju, crkve i pogrebnu djelatnost. Kupac im dolazi s jednim pitanjem: mogu li mi ovo napraviti, u kojem materijalu i u koliko komada.
Što sam zatekao
Pregledao sam ga 14. studenoga 2026. na računalu i mobitelu.
- Cijeli web je jedna stranica, a nizozemski i engleski tekst stoje jedan uz drugi u dva stupca.
- Stranica nema oznaku za mobitel, pa je telefon prikaže smanjenu na otprilike trećinu. Tekst koji na računalu ima oko 15 px na ekranu mobitela ima oko 5 px.
- Ispod naslova „Een greep uit onze realisaties” stoji 29 fotografija radova. Natpisi poput „Messing gepatineerde spiegelkader” dio su same slike, a slike nemaju opis, pa tražilica ne zna da tvrtka radi patiniranu mjed ili brončane okove. Skupine po primjeni nemaju naslove.
- Najjači argumenti, godina 1961., „Erkend Ambacht” i „Handmade in Belgium”, sitni su znakovi uz lijevi rub.
- Za upit postoje adresa e-pošte i telefon. Broj nije poveznica, pa ga na mobitelu ne možete samo dodirnuti, a u kartici preglednika piše „Paginatitel”.

Odluke
Materijal i naklada u prvoj rečenici
Naslov polazi od njihove rečenice o fleksibilnom partneru za rad po mjeri i male serije: „Maatwerk in messing en brons. Van één stuk tot kleine serie.” Uz njega je tehnički crtež kvake s rozetom, nacrtan prema njihovoj fotografiji brončanog okova, koji se iscrta jednom. Do njega stoji fotografija izvedenog komada, a crtež nosi oznaku da je ilustracija. Znakovi „Erkend Ambacht”, „Handmade in Belgium” i 60 godina stoje odmah ispod gumba.
Radovi po primjeni, a ne po redu
Istih 29 fotografija složio sam u sedam skupina: interijer i opremanje trgovina, rasvjeta, okovi, restauracija i poliranje, bronca za umjetnike, pogrebna djelatnost te suveniri i medalje. Popis skupina stoji uz fotografije dok se čita, a natpisi su sada tekst.

Obrada kao crtež koji prati čitanje
Na njihovom webu obrada se spominje usput, u povijesti tvrtke i u natpisima na fotografijama. Iz toga sam izdvojio četiri koraka: lijevanje, zavarivanje, završnu obradu te čišćenje i popravak. Dok se tekst pomiče, crtež pored njega prati korak: metal iz lonca puni kalup u obliku kvake, na metalnom okviru se pojave zavari, kvaka prolazi kroz sedam završnih obrada s njihovog weba, od patine do laka, a na rozeti se popuni list koji nedostaje. Sve su to označene ilustracije.

Radni list umjesto praznog maila
Upit je pet pitanja: što tražite, materijal, završna obrada, naklada i što već imate. Dok kupac bira, slaže se radni list s popisom onoga što je korisno poslati i tri slična rada iz njihove radionice. Kad je sve odabrano, list kaže da je spreman za slanje i pokaže predmet maila. Jednim klikom otvara se mail na info@fragametal.be s cijelim upitom, ili se upit prepiše u kontakt obrazac. Cijene nema, jer ovisi o komadu, materijalu i nakladi.

Boja i mobitel
Antracit sam uzeo iz logotipa, a broncu, njihov materijal, samo za sitne oznake i kote. Web je na nizozemskom; sadašnji ima i engleski, a u konceptu sam ga izostavio. Na mobitelu crtež obrade ostaje pri vrhu dok se koraci pomiču ispod njega, a radni list dolazi ispod pitanja.


Kako je napravljen
Statični HTML, CSS i JavaScript, bez frameworka. Crteži su ručno pisani SVG: crtež na prvom ekranu iscrtava CSS, a crteže obrade vode GSAP i ScrollTrigger, uz Lenis za glatko pomicanje stranice. Bez JavaScripta cijeli tekst ostaje vidljiv, a uz smanjeno kretanje crteži stoje gotovi. Alat nema server: preglednik složi tekst upita i otvori mail kroz mailto. Fotografije su njihove, s današnjeg weba, obrezane i učitavaju se tek kad dođu na ekran. Stranica ima noindex, a JSON-LD sadrži samo podatke s njihovog weba: adresu, PDV broj, godinu osnutka i osnivača.
Što bih sljedeće
S Fragametalom bih prvo provjerio smiju li njihove fotografije na novi web i jesu li popis obrada i skupine radova točni. Pravi projekt dobio bi obrazac koji prima crtež ili fotografije i šalje upit bez kupčevog programa za e-poštu, englesku verziju kakvu imaju i danas te više fotografija po skupini.
