BVDART · Eigen project
Algoritmische abstracte kunst online brengen — bvdart.nl
Algoritmisch werk tonen en verkopen in genummerde edities. Nieuw werk toevoegen, prijzen zetten en naar de printpartner publiceren gaat met knoppen in het CMS — de webshop en de betaling volgen automatisch, zonder tussenkomst van een ontwikkelaar.
- Soort project
- Eigen project
- Mijn rol
- Eigenaar, ontwerp en ontwikkeling
- Status
- Website online
- Doorlooptijd
- 4 maanden
- Teamgrootte
- 1
- De vraag
- Kunst publiceren en verkopen vraagt om een samenhangende keten voor beheer, betalingen en printverkoop.
- Het resultaat
- Eén beheeromgeving voor kunst, genummerde edities en verkoop via een printpartner.
De vraag
Werk verkopen vraagt om dingen die niets met kunst te maken hebben: een webwinkel, betalingen, voorraad van genummerde edities, facturen, bevestigingsmails, btw. Deze site is de meest complete test van wat ik klanten beloof — dat je je eigen site kunt beheren zonder mij. Bij een kunstwerk zitten acht knoppen die één handeling doorzetten naar drie externe systemen: de webwinkel, de printpartner en de social-media-kit.
Werk verkopen vraagt om van alles wat niets met kunst te maken heeft. Een webwinkel, betalingen, voorraad van genummerde edities, facturen, bevestigingsmails, btw, verzendzones. En daarnaast een tweede kanaal: prints via een externe printpartner, met een eigen productenadministratie.
Wie dat allemaal handmatig bijhoudt, is meer tijd kwijt aan administratie dan aan werk. En belangrijker: elke stap die je aan een ontwikkelaar moet vragen, is een stap die je in de praktijk niet zet. Een prijs die je niet zelf kunt aanpassen, blijft staan.
Kernproblemen
- Twee verkoopkanalen met elk een eigen administratie
- Genummerde edities vragen voorraadbewaking per werk
- Facturen, bevestigingsmails en btw horen bij elke verkoop
- Elke handeling die om een ontwikkelaar vraagt, wordt in de praktijk niet gedaan
- Beeld beschermen tegen kopiëren zonder de vindbaarheid te schaden
Randvoorwaarden
- Alles wat inhoud is, moet zonder ontwikkelaar kunnen
- Bescherming van het beeld mag zoekmachines niet buitensluiten
Achtergrond van het project
Eigen werk. Het is de plek waar ik mijn eigen algoritmische werk toon en verkoop — en tegelijk de strengste test van iets wat ik klanten beloof: dat je je eigen site kunt beheren zonder ontwikkelaar.
Mijn aanpak en keuzes
Het beheerscherm is een bedieningspaneel, geen invulformulier. Bij een kunstwerk zitten acht knoppen: beeldgegevens uitlezen, het product en de prijs in het betaalsysteem aanmaken of wijzigen, een deelbare afbeelding maken, twee soorten social-media-sets genereren, en het werk naar de printpartner uploaden of bijwerken. Eén handeling raakt drie externe systemen.
Vertalen is een knop. Dertien soorten documenten hebben een knop die de Nederlandse versie aanvult — alleen de ontbrekende velden, zodat handmatig verbeterde tekst blijft staan.
Twee verkoopkanalen, één winkelmand. Eigen genummerde edities lopen via de eigen afrekenstap; reproducties gaan naar de printpartner. De bezoeker merkt daar niets van — achter de schermen splitst de mand zich.
Een galerie en een lab. Het werk hangt ook in een 3D-galerie waar je zelf doorheen loopt, op een eigen engine in alleen CSS, zonder 3D-library. In een lab met veertien beeldtools laat ik zien hoe het gemaakt wordt.
Het werk is beschermd zonder onvindbaar te worden. Afbeeldingen worden op een canvas getekend met een onzichtbaar watermerk, zodat opslaan met de rechtermuisknop niet het originele bestand oplevert. Zoekmachines krijgen wel een eigen, zichtbaar gewatermerkte variant; anders kost bescherming je vindbaarheid.
Technische verdieping
Gebruikte technologie
- Next.js
- React
- TypeScript
- Sanity
- Stripe
- Resend
- Three.js
- Vercel
- Sentry
- Playwright
Wat het opleverde
147 werken staan online, waarvan 85 als genummerde editie met een echte prijs en een werkende afrekenstap. De keten erachter is compleet: voorraad wordt automatisch afgeboekt, er wordt een factuur gemaakt en een bevestigingsmail verstuurd.
Eerlijk erbij: er is nog geen bestelling doorheen gegaan. De machine werkt en staat klaar, maar heeft zich nog niet in de praktijk bewezen. Er kwamen wel achttien echte contactaanvragen binnen. Wat wél meetbaar verbeterde: de prestatiescore van de startpagina ging van 50 naar 82, de laadtijd van het grootste element daalde met 25% en de blokkeertijd met 47%. De winkelpagina blijft achter en haalt mijn eigen ondergrens niet — dat cijfer is mogelijk verouderd na de laatste correctie, maar tot ik opnieuw meet noem ik het zoals het er staat.
- Werk toevoegen en prijzen
- Eén handeling, drie systemen
- Vraagt een ontwikkelaar → Acht knoppen in het beheerscherm
- Werk online
- Genummerde edities met voorraad
- 0 → 147, waarvan 85 verkoopbaar
- Prestatiescore startpagina
- Laadtijd −25%, blokkeertijd −47%
- 50 → 82
Opgeleverd
- 147 werken online, 85 als genummerde editie
- Acht beheerknoppen die drie externe systemen aansturen
- Prestatiescore startpagina van 50 naar 82
- 18 echte contactaanvragen
Uitkomsten
- Nieuw werk publiceren raakt webwinkel, printpartner en social media in één handeling
- Nederlandse vertaling is een knop die alleen ontbrekende velden aanvult
- Twee verkoopkanalen zijn onzichtbaar voor de bezoeker samengevoegd in één winkelmand
- Beeld is beter beschermd tegen kopiëren, zonder dat zoekmachines buitenspel staan
- Achttien echte contactaanvragen binnengekomen
Wat ik ervan meeneem
Lessen
- Een beheerscherm dat handelingen doorzet naar externe systemen scheelt de meeste tijd
- Een prijs die de eigenaar niet zelf kan aanpassen, blijft in de praktijk staan
- Bescherming van beeld en vindbaarheid hoeven elkaar niet uit te sluiten
- Interfaceteksten in code zetten is de fout die ik hier maakte — bij klanten hoort ook dat in het CMS
De blinde vlek is eerlijk te benoemen: alles wat inhoud is kan ik zelf, maar de interfaceteksten — knoppen, navigatie, foutmeldingen — staan in code. Ruim zeshonderd zinnen per taal. Een knoptekst wijzigen vraagt dus wél om een ontwikkelaar. Dat was op dat moment een logische keuze en het is precies de keuze die ik bij klanten anders maak.
