Constructie Derijcke BVBA

Constructie Derijcke BVBA makes bespoke metalwork in a workshop in Heule, near Kortrijk, for homes and for industry: sliding and swing gates, fencing, staircases, handrails, metal doors and windows. Their customers usually know what they want, but not how to describe it: which gate, how wide, with a motor or without?

What I found

The site is in Dutch, with five pages in the menu. I went through them on 14 November 2026, at 1440 px and on a 390 px phone:

• With no mobile viewport tag, a phone shows the whole 980 px page scaled down. Body text is 10 pixels and unreadable without zooming.
• The phone numbers sit in the footer as plain text, "Tel.:056.36.05.55", so you cannot tap to call. The contact page has a map, addresses and an email link, but no form.
• The Services page lists eleven services as names only.
• Past work is split into eight categories, each a separate slideshow page. Carports has one photo and the line "Binnenkort meer foto's van carports" (more photos coming soon).
• Anyone wanting a quote has to work out what to put in the email: type, infill, dimensions, extras.

Decisions

The first screen says what they make and where

The headline names what people look for, gates, staircases and metal structures made to measure, with both phone numbers below as tappable links. Beside it is their photo of a timber-clad sliding gate with its motor, the one on their current homepage. A dimension line and two labels draw over it once, then everything rests; on a desktop the photo shifts a few pixels with the pointer. Orange, from the "Maatwerk in metaal" tagline in their logo, is the only colour.

An entrance drawn one part at a time

Their site lists gates, automation, intercoms and fencing as separate services. I wanted to show them as one entrance. As you scroll, the frame holds still and an elevation builds up step by step: the opening and its dimensions, the gate leaves, the motors, an intercom post, fencing either side. Finally their photo of a black gate with an intercom post wipes in over the drawing, which is captioned as an illustration, not a technical plan.

A configurator instead of a blank email

The customer picks a gate, a metal door or window, or a staircase or handrail, then type, infill and size. A dimensioned sketch redraws as the sliders move, the summary highlights what changed, and three of their projects of the same kind sit alongside. One button carries the choice into the form, which shows when it is ready and opens an email to info@constructie-derijcke.be.

Their work in one place

Sixty of their photos sit in the same eight categories as before, with a filter and a count for each. Industrial metalwork, a separate page on the current site, has its own section; captions for three of those photos come from text written into the images themselves.

On a phone

On a phone the entrance drawing sits at the top with only the current step beneath it, and the configurator sketch stays in view while the customer chooses below.

The concept is written in Dutch, like the current site.

How it's built

Static HTML, CSS and JavaScript with no framework, plus Lenis for smooth scrolling. The entrance story is my own small script: a sticky frame, with SVG lines drawn in through stroke-dashoffset as you scroll. There is no server: the email is assembled in the browser and leaves through mailto only when the customer presses send. The prototype is noindex (meta tag, robots.txt and response header), and the JSON-LD holds only details from their own site. Without JavaScript or with reduced motion, the drawing appears complete with the photo below it.

What I would do next

I would first check with them that the configurator's types and sizes match what they build, and what they need before quoting. A real project would add newer photos, including carports and industrial work, and a form that accepts photos of the entrance and sends without the customer's email program.