All projects
Concept redesignConcept, not commissioned2026

A concept site for a family brass and bronze workshop: work sorted by use, processes drawn as you read, and a work sheet in place of a blank email.

Fragametal is not my client and did not commission this website. I made the concept on my own initiative from the text and photos on their public website, so every fact on it is theirs.

Fragametal
Page weight
0.39 MB → 0.38 MB
Requests on load
68 → 18
Fits a phone
No → Yes
Main content on a phone
2.8 s → 1.9 s

Measured in Chrome on 14 November 2026: phone, throttled 4G and CPU, no cache, median of three runs. Current website first, concept second.

Company
Fragametal
Service
Concept website and enquiry work sheet

Fragametal is a family workshop in Dendermonde, Belgium, founded by Gabriël Eeckman in 1961 and now run by the third generation. They make custom metalwork, brass and bronze among it, from a single piece to a small series, for interior architects, designers, lighting firms, restorers and the funeral sector. Customers come with one question: can you make this, in which metal, and how many?

What I found

I checked it on 14 November 2026, on a laptop and a phone.

  • The whole site is one page, with the Dutch and English text side by side in two columns.
  • The page has no mobile viewport setting, so a phone shows it shrunk to roughly a third. Text of about 15 px ends up around 5 px on screen.
  • Their 29 project photos carry captions such as "Messing gepatineerde spiegelkader" inside the image, with no alt text, so a search engine cannot tell that they make patinated brass or bronze door furniture.
  • Their strongest credentials, 1961, "Erkend Ambacht" and "Handmade in Belgium", are small badges along the left edge.
  • To enquire there is an email address and a phone number, which is not a link, so on a phone you cannot tap it. The browser tab reads "Paginatitel".

The current Fragametal homepage on a laptop: the logo, small badges on the left, Dutch and English text in two columns and the start of a row of project photos

Decisions

Material and batch size in the first line

The headline builds on their line about custom metalwork and small series: "Maatwerk in messing en brons. Van één stuk tot kleine serie." Beside it is a technical drawing of a lever handle with a rose, drawn from their photo of a bronze handle. It draws itself once, sits next to a photo of the finished piece and is labelled as an illustration. Their three badges sit just below the buttons.

Work sorted by use

I sorted the same 29 photos into seven groups by use, from shop fitting and lighting to restoration and the funeral sector. The list of groups stays beside the photos as you scroll, and the captions are now text.

The door and window furniture group: the list of seven groups on the left and photos of a bronze lever handle, a bronze window fastener, brass furniture fittings and a bronze grille, each with a text caption

Processes as a drawing that follows the text

Their site mentions how they work only in passing. From the history and the captions I took four steps: casting, welding, finishing, and cleaning and repair. As the text scrolls, the drawing follows: metal pours from a crucible into a mould shaped like the lever handle, welds appear on a metal frame, the handle runs through seven finishes named on their site, from patina to lacquer, and a missing leaf on a rose is filled in. All are labelled as illustrations.

Step one, casting: the step text on the left and, on the right, a drawing of a crucible and a mould filled with metal, labelled as an illustration

A work sheet instead of a blank email

The enquiry is five questions: what you need, material, finish, batch size and what you already have. As the customer chooses, a work sheet fills in with what is worth sending and three similar pieces from their workshop, then says it is ready to send. One click opens an email to info@fragametal.be with the whole enquiry, or fills in the contact form. There is no price, as it depends on the piece and the quantity.

A work sheet for a small series of six patinated bronze lever handles, with what to send, three similar pieces from the workshop and a note that it is ready to send

Colour and the phone

The anthracite comes from their logo, with bronze kept for small marks and dimension lines. The concept is in Dutch; their current site also has English. On a phone the process drawing stays at the top while the steps scroll beneath it.

Three phone screens of the new site: the headline with the handle drawing, the casting step with the mould drawing, and the work sheet with an enquiry filled in

The first screen on a laptop, the current Fragametal site on the left and the concept on the right

How it's built

Static HTML, CSS and JavaScript, no framework. The drawings are hand-written SVG, drawn by CSS on the first screen and by GSAP with ScrollTrigger in the process section, with Lenis for smooth scrolling. Without JavaScript all text stays visible; with reduced motion the drawings appear finished. The tool needs no server: the browser builds the enquiry and opens it through mailto. The photos are theirs, from the current site, and load as they come on screen. The page is noindex, and the JSON-LD holds only details from their site.

What I would do next

I would first check with Fragametal that their photos can be used and that the finishes and groups are right. A real project would add a form that accepts drawings and photos and sends without an email program, the English version they already have, and more photos per group.

A slot is open right now, get in touch about working together

If you have an idea worth doing properly, the first step is a 30 minute conversation.

No proposal and no pressure. You tell me what you're building, I ask the questions nobody has asked you yet, and by the end you know whether it's feasible, roughly what it costs and what the next step is. Whether or not we end up working together.

Jurica Stublić u radu na projektu