Case study · 2026
FOLD
FOLD is een bergfilmfestival dat we verzonnen om één ding te bewijzen: een website mag aanvoelen als een papieren diorama. Bergen uit papier gesneden, een luchtballon die de hele pagina met je meereist, en een dageraad die pas helemaal onderaan aanbreekt.
- Klant
- FOLD (concept)
- Locatie
- Antwerpen, BE
- Jaar
- 2026
- Wat we deden
- Concept & art directionAI-beeldproductieWebGLDevelopment
- Gebouwd met
- React · Vite · Three.js · GSAP · Lenis
01 · Het idee
Een festival dat niet bestaat
Geen klant, geen briefing. We verzonnen een vierdaags festival van bergfilms op 1.850 meter hoogte, en bouwden zijn wereld uit gelaagd papier: een schemerpalet van pruim naar abrikoos, een Instrument Serif-kop met één cursief accent, en veel terughoudendheid — één regel, één zin, één knop.
02 · De techniek
Een echte schaduwdoos in de browser
De hero is geen plat beeld: het is een WebGL-scène met vier vlakken op eigen diepte — een luchtvideo achteraan, papieren kammen ervoor — en nagemaakte papierschaduwen ertussen. De camera beweegt met je muis én met je scroll, zodat de bergen tegen elkaar verschuiven als in een echte diorama.
Onder 1024px of op touch valt dezelfde scène terug op pure CSS-lagen, zodat telefoons de look krijgen zonder de GPU-rekening. De ballon is een vast element dat een vloeiende curve volgt langs tien waypoints over de hele pagina, van de hero tot onderaan de footer.
03 · Het beeld
Eerst gegenereerd, dan uitgesneden
Elke kam, wolk en ballon werd in onze eigen beeldpipeline gegenereerd op een vlak magenta en gekeyd, zodat elk stuk een schone papieren cut-out is die we op elke diepte kunnen stapelen. De mist tussen de secties is echte transparantie, geen witte gradient.
De pagina eindigt in een dageraad: een papieren zon komt op achter een dennenbos, waarna de site sluit op inktblauw nachtpapier met sterren, een maan en de ballon die landt in een open plek.
4
papieren lagen op eigen diepte in de WebGL-hero
10
waypoints die de ballon over de pagina aflegt
17
gegenereerde beelden, gekeyd en met de hand gesneden
Zie het zelf
Deze site staat live
Kijk gerust rond. Dit is precies wat we opgeleverd hebben.
fold-hti-software.vercel.app
