Webdesign & Development

HILDE WINDELS

Opdrachtgever

Hilde Windels

Type

Freelance

Datum

2026

Tools

Figma, HTML/CSS/JS

Rol

Design & Code

De website van Hilde Windels op desktop en gsm

DE OPDRACHT

Hilde Windels is beeldend kunstenaar in Gent en werkt al meer dan dertig jaar met vlas. Haar oeuvre loopt van installaties in situ tot wandwerken en sculpturen, maar een plek om dat werk als geheel te tonen had ze niet. Ze vroeg een portfoliowebsite die haar werk laat spreken, die curatoren en galeries kan overtuigen, en die ze daarna zelf kan bijhouden.

De wens was duidelijk: veel witruimte, fijne en lichte typografie, en geen zware lappen tekst. Een eerste versie met vette letters en zwarte lijnen vond ze te zwaar. Het ontwerp moest zich terugtrekken, zodat de werken op de voorgrond staan.

HET CONCEPT

Het oeuvre staat op de startpagina als één horizontale tijdslijn, van het nieuwste werk tot het eerste uit 1990. Je scrolt letterlijk door de jaren. Links staat het werk waar je op dat moment bent, met materiaal, afmetingen en fotograaf op aparte regels, zodat de hiërarchie rustig blijft.

Klik je op een werk, dan opent een eenvoudige fotoweergave met alle beelden van dat project. Bladeren kan met pijltjes, toetsen of door te vegen.

Fotoweergave van het werk Eve

DETAILS DIE TELLEN

Een rustig ontwerp leeft van uitlijning. De naam staat precies gelijk met de bovenkant van de foto's, de pijltjes met de tijdas eronder, en de naam schaalt mee met de hoogte van het scherm zodat dat op elke laptop klopt. Het tekstvak houdt altijd plaats voor de langste beschrijving, zodat de tijdslijn nooit verspringt terwijl je bladert.

Bezoekers moesten ook zonder uitleg begrijpen dat de tijdslijn verder gaat. Bij het openen schuift de balk één keer kort op, en de pijltjes bladeren per scherm in plaats van per werk. Op de gsm kregen de foto's een vast vak, zodat de tekst eronder niet verspringt tussen staande en liggende beelden.

De website op de gsm: tijdslijn, fotoweergave en de pagina Over

ZELF BEHEREN

De site draait zonder framework, op HTML, CSS en een beetje JavaScript. Elk werk is een apart bestand met titel, jaar, materiaal, afmetingen, fotograaf en foto's. Een klein Python-script bouwt daar bij elke wijziging de pagina's mee, zonder extra pakketten, zodat dit over jaren nog werkt.

Via een CMS kan Hilde zelf werken toevoegen of aanpassen, met uitleg bij elk veld. Elke wijziging zet Netlify automatisch online. Omdat elke build op het gratis plan credits kost, gebeurde de grote ontwikkelronde lokaal en ging alles in één keer live.

TWEETALIG

De titels van haar werken zijn grotendeels Engels, en curatoren uit het buitenland lezen mee. Daarom staat de site standaard in het Engels, met een volledige Nederlandse versie via een kleine EN/NL-schakelaar. De schakelaar brengt je naar dezelfde pagina in de andere taal. Afmetingen worden één keer ingevuld en de site zet ze zelf om: W wordt B, each wordt per stuk.

De pagina About met bio en cv

HET RESULTAAT

Een stille, verzorgde website die 33 werken en meer dan 35 jaar praktijk overzichtelijk toont, op desktop en gsm, in twee talen. De foto's zijn beschermd tegen snel opslaan en dragen het copyright van de kunstenaar en de fotograaf in het bestand zelf. Bekijk de site op hilde-windels.com.

Volgend Project

FITFEST