Case study · 2026
HERBARIUM
HERBARIUM is een fictief Antwerps parfumhuis dat we opzetten als plantenmuseum. Beweeg over het flacon en je ziet de plant waar de geur vandaan komt — elke geur heeft een herkomst, en de ene truc van de site betekent precies dat.
- Klant
- HERBARIUM (concept)
- Locatie
- Antwerpen, BE
- Jaar
- 2026
- Wat we deden
- Concept & brandingAI-beeldproductieDesignDevelopment
- Gebouwd met
- Vanilla JS · Canvas · Zero dependencies · Seedream
01 · Het idee
Een parfumhuis als museum
Nederlandse copy met Latijnse geurnamen, crème papier en een goud dat gemeten is uit een foto van hars. Het leest als een oud plantenarchief — en het is gebouwd om als echte klantsite verkocht te worden: elke klantstring staat in één configbestand, de markup bevat er geen enkele.
02 · De truc
Een veeg die iets betekent
Onder het flacon zit een tweede beeld: dezelfde steen, hetzelfde licht, maar met de lelie en de hars waar de geur van gemaakt is. Beide zijn uit één master gegenereerd met inpainting, zodat alleen het flacon verandert — de rest blijft pixel voor pixel gelijk. Daardoor leest de veeg als een doorkijk, niet als een crossfade.
Je cursor laat een organisch spoor achter op een canvas dat de bovenlaag maskeert, met een warme gouden gloed die meeloopt. Verderop speelt dezelfde truc op volle breedte: de werktafel van het atelier lost op in het veld waar de planten vandaan komen.
03 · De site
Vijf specimens, drie verhalen, één film
Een rail van vijf specimenkaarten die ter plekke uitklappen, drie subpagina's over herkomst, destillatie en bewaring, en een vergulde sierrand om elke foto op volle breedte — echt gefotografeerd snijwerk, gekeyd en getegeld, geen CSS-patroon.
De lelie krijgt een eigen scroll-film: de val van bloem naar fles, afgespeeld als frames op een canvas zodat hij ook op telefoons vloeiend scrubt. Alles zonder één dependency, met een openingssluier die alleen wacht op de fonts en de hero.
0
dependencies — pure HTML, CSS en JavaScript
5
specimens, elk met de vindplaats op het etiket
3
subpagina's: herkomst, destillatie, bewaring
Zie het zelf
Deze site staat live
Kijk gerust rond. Dit is precies wat we opgeleverd hebben.
herbarium-parfum.vercel.app
