Ga naar de hoofdinhoud
BVDNET
Arnhem · websites & automatiseringBVDNET
Werk

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.

BVDART — Eigen werk — kunst en verkoop

// Kerngegevens
Doorlooptijd
4 maanden
Teamgrootte
1
  • 147 werken online, 85 als genummerde editie
  • Acht beheerknoppen die drie externe systemen aansturen
  • Prestatiescore startpagina van 50 naar 82
  • 18 echte contactaanvragen
Samenvatting

Samenvatting

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.

BVDART

Over de klant: BVDART

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.

De uitdaging

De uitdaging

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
De aanpak

De aanpak

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.

Het werk is beschermd zonder onvindbaar te worden. Afbeeldingen worden niet als gewoon plaatje geplaatst maar getekend met een watermerk, zodat opslaan met de rechtermuisknop niets bruikbaars oplevert. Zoekmachines krijgen wel een eigen, gewatermerkte variant — anders kost bescherming je vindbaarheid.

Technologie

  • // Next.js
  • // React
  • // TypeScript
  • // Sanity
  • // Stripe
  • // Resend
  • // Three.js
  • // Vercel
  • // Sentry
  • // Playwright
Resultaten

Resultaten

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.

In cijfers

Werk toevoegen en prijzen
Eén handeling, drie systemen
Vraagt een ontwikkelaarAcht knoppen in het beheerscherm
Werk online
Genummerde edities met voorraad
0147, waarvan 85 verkoopbaar
Prestatiescore startpagina
Laadtijd −25%, blokkeertijd −47%
5082

Kwalitatieve 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 beschermd tegen kopiëren zonder dat zoekmachines buitenspel staan
  • Achttien echte contactaanvragen binnengekomen
Belangrijkste lessen

Belangrijkste lessen

  1. 01

    Een beheerscherm dat handelingen doorzet naar externe systemen scheelt meer tijd dan welke tekstverbetering ook

  2. 02

    Een prijs die de eigenaar niet zelf kan aanpassen, blijft in de praktijk staan

  3. 03

    Bescherming van beeld en vindbaarheid hoeven elkaar niet uit te sluiten

  4. 04

    Interfaceteksten in code zetten is de fout die ik hier maakte — bij klanten hoort ook dat in het CMS

Langetermijneffect

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.