Svi projekti
Koncept redizajnaKoncept, nije naručen2026

Fragametal

Otvori koncept

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

Fragametal
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”.

Prvi ekran sadašnjeg weba Fragametala na računalu: logotip, sitni znakovi s lijeve strane, nizozemski i engleski tekst u dva stupca i početak niza fotografija radova

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.

Skupina okova: popis sedam skupina s lijeve strane i fotografije brončane kvake, brončanog prozorskog okova, mjedenog okova za namještaj i brončane rešetke s natpisima kao tekstom

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.

Prvi korak, lijevanje: tekst koraka s lijeve strane, a desno crtež lonca za taljenje i kalupa ispunjenog metalom, s oznakom da je riječ o ilustraciji

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.

Radni list za šest brončanih kvaka u maloj seriji, patiniranih, s popisom što poslati, tri slična rada iz radionice i oznakom da je spreman za slanje

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.

Tri ekrana novog weba na mobitelu: naslov s crtežom kvake, korak lijevanja s crtežom kalupa i radni list s odabranim upitom

Prvi ekran na računalu, lijevo sadašnji web Fragametala, desno koncept

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.

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