Ga naar hoofdinhoud

Kade & Kruid

Concept — eigen studioproject

Koffie kiezen zonder verstand van koffie.

kadeenkruid.nl/smaakprofiel/hoeveel
Vraag 4 van 4Terug
Hoeveel drink je?Bepaalt alleen het formaat en het ritme. Je kunt het later elke levering bijstellen.
  • Twee tot drie koppen per dag250 g per twee weken
  • Eén kop per dag250 g per maand
  • Vier of meer500 g per twee weken
  • Alleen in het weekend250 g per zes weken
Jouw profiel
ZuurBodyZoetBranding
Vol en chocoladeachtig, weinig zuur. Doet het goed met melk.
Aanbevolen

Maandelijkse box — € 19,50

  • Een levering overslaan
  • Pauzeren, zo lang je wilt
  • Maalgraad of formaat wisselen
  • Opzeggen, per direct

Losse zak · 250 g — € 11,50

Eerst proeven mag ook
Vraag 4 — hoeveel. De keuze zelf, met wat een abonnement toestaat náást wat het kost.
Klant
Eigen studioproject
Jaar
2026
Rol
Productontwerp, Interactieontwerp, Frontend, Commerce-integratie
Sector
Retail — food
Live
Niet live — concept, eigen studioproject

Gebruikte technologie

  • Next.js
  • TypeScript
  • Shopify Storefront API
  • Stripe Billing
  • Sanity
  • Vercel

De uitdaging

Speciaalkoffie verkoopt zichzelf slecht online. De verpakking zegt "Ethiopië, natural, jasmijn en abrikoos, filter" en dat is precies genoeg informatie om iemand die het niet weet te laten afhaken. De klant die wél weet wat dat betekent koopt toch al; de klant die het niet weet vertrekt.

Tegelijk is het abonnement voor een brander het interessantste model — voorspelbare afname, vers branden op order, minder voorraadrisico — en voor de klant de hoogste drempel op de site. Je vraagt iemand die nog nooit van je gekocht heeft om een doorlopende verplichting aan te gaan met een product dat hij nog niet kent.

Strategie

De configurator is niet het versiersel maar het instapmoment van de hele shop. Vier vragen in gewone taal — hoe zet je koffie, drink je hem zwart of met melk, wat drink je nu, en hoeveel — leveren een smaakprofiel op. Geen vragen over hoogteligging of verwerkingsmethode: dat is vakinformatie, geen keuzeinformatie.

Daaruit volgden drie keuzes.

Losse bestelling en abonnement komen uit dezelfde flow. Aan het eind van de configurator staan beide naast elkaar. Het abonnement staat voorop, maar losse zakken zijn één klik ver. Wie eerst wil proeven, mag eerst proeven.

Wat je aan een abonnement kunt veranderen, staat er vóór het afrekenen. Overslaan, pauzeren, van maalgraad wisselen, opzeggen: allemaal zichtbaar op het moment dat je twijfelt, niet weggestopt in de voorwaarden. De grootste rem op een abonnement is niet de prijs maar de angst er niet meer uit te komen.

Het smaakprofiel blijft leven. Het is niet alleen een filter bij het eerste bezoek, maar de reden waarom de volgende box iets anders bevat. Elke levering vraagt één ding: viel dit mee of tegen. Dat is de enige feedback die nodig is om de volgende keuze beter te maken.

Ontwerp & interface

Het smaakprofiel is de vorm die terugkomt: vier assen, één silhouet, herkenbaar op de productkaart, in het account en op het etiket op de zak. Twee koffies vergelijken is dan twee vormen naast elkaar leggen in plaats van twee alinea's lezen.

Productfotografie draagt de sfeer, de tekst doet het werk. Elk product opent met één regel in gewone taal — "zacht, chocoladeachtig, doet het goed met melk" — en pas daaronder komt de herkomstinformatie voor wie die wil.

De configurator is één vraag per scherm, met de voortgang zichtbaar en een terugknop die echt terug gaat. Ook helemaal met het toetsenbord te doorlopen, want een keuzestap die alleen met de muis werkt sluit mensen buiten bij precies de stap waar je ze wilt houden.

kadeenkruid.nl/smaakprofiel/zetten
Vraag 1 van 4
Hoe zet je koffie?Waarmee je zet bepaalt meer over de smaak dan waar de boon vandaan komt.
  • EspressomachineBonen- of pistonmachine
  • Filter of pour-overApparaat of met de hand
  • CafetièreLaten trekken en doorduwen
  • Pads of cupsSnel, zonder gedoe
Jouw profiel tot nu toe
ZuurBodyZoetBranding
Nog niets te tonen. Dit vult zich met je antwoorden.
Straks kies je zelf

Losse zak · 250 g — € 11,50

Maandelijkse box — € 19,50 · overslaan en pauzeren kan altijd

Er is nog geen profiel, dus er staat er geen. Het raster is leeg in plaats van alvast een vorm te tonen.
kadeenkruid.nl/smaakprofiel/melk
Vraag 2 van 4Terug
Zwart of met melk?Melk dempt zuren en vraagt om meer body. Dat scheelt de helft van het aanbod.
  • Meestal met melkCappuccino, latte, koffie verkeerd
  • Meestal zwartEspresso of filter puur
  • Om en om's Ochtends melk, later zwart
  • Wisselt per dagGeen vast patroon
Jouw profiel tot nu toe
ZuurBodyZoetBranding
Vol en zacht. Zuur mag naar de achtergrond.
Straks kies je zelf

Losse zak · 250 g — € 11,50

Maandelijkse box — € 19,50 · overslaan en pauzeren kan altijd

Eén antwoord verder tekent de eerste vorm: meer body, minder zuur.
kadeenkruid.nl/smaakprofiel/nu
Vraag 3 van 4Terug
Wat drink je nu?Geen goed of fout. We gebruiken het alleen om te bepalen hoe groot de stap mag zijn.
  • SupermarktkoffieSnelfilter of pads
  • Iets van de branderijLosse bonen, wisselend
  • Espresso uit een machineThuis of op kantoor
  • Weet ik nietOok goed — we beginnen zacht
Jouw profiel tot nu toe
ZuurBodyZoetBranding
Vol en chocoladeachtig, weinig zuur. Doet het goed met melk.
Straks kies je zelf

Losse zak · 250 g — € 11,50

Maandelijkse box — € 19,50 · overslaan en pauzeren kan altijd

Halverwege is het profiel al specifiek genoeg om koffies mee te sorteren.
kadeenkruid.nl/smaakprofiel/hoeveel
Vraag 4 van 4Terug
Hoeveel drink je?Bepaalt alleen het formaat en het ritme. Je kunt het later elke levering bijstellen.
  • Twee tot drie koppen per dag250 g per twee weken
  • Eén kop per dag250 g per maand
  • Vier of meer500 g per twee weken
  • Alleen in het weekend250 g per zes weken
Jouw profiel
ZuurBodyZoetBranding
Vol en chocoladeachtig, weinig zuur. Doet het goed met melk.
Aanbevolen

Maandelijkse box — € 19,50

  • Een levering overslaan
  • Pauzeren, zo lang je wilt
  • Maalgraad of formaat wisselen
  • Opzeggen, per direct

Losse zak · 250 g — € 11,50

Eerst proeven mag ook
De laatste vraag toont de keuze zelf — en wat een abonnement toestaat, náást wat het kost.
kadeenkruid.nl/koffie

Op jouw smaak gesorteerd

3 van 18 koffies

Past bij jouw profiel

Kade 7

Brazilië · Cerrado

Vol, chocolade, met melk

€ 11,50 · 250 g

 

Kruidnagel

Ethiopië · Guji

Fruitig, licht, als filter

€ 11,50 · 250 g

 

Loods 12

Colombia · Huila

Zacht, notig, breed inzetbaar

€ 11,50 · 250 g

Elk product draagt hetzelfde smaaksilhouet. Twee koffies vergelijken is dan twee vormen naast elkaar leggen in plaats van twee alinea's lezen.

Bouw & techniek

Shopify houdt voorraad, prijzen en fulfilment bij — dat is opgelost werk en niet iets om zelf te bouwen. De winkel zelf is een Next.js-frontend op de Storefront API, zodat de productpagina's snel en volledig te ontwerpen zijn zonder de beperkingen van een thema.

Stripe Billing draait de abonnementen, met de pauzeer- en overslaanacties als eerste burger in het account in plaats van als supportverzoek. Sanity beheert de herkomstverhalen en de brandprofielen, zodat de brander die zelf kan bijwerken zonder aan de shop te komen.

Resultaat

Concept, dus geen cijfers. Er zijn geen klanten, geen omzet en geen conversiepercentages, en die verzinnen we niet.

Wat je zou meten als dit live ging: hoeveel bezoekers de configurator afmaken, hoeveel daarvan bij de eerste bestelling voor een abonnement kiezen in plaats van los, en hoeveel abonnees na drie leveringen nog actief zijn. Die laatste is de enige die er echt toe doet — een abonnement dat niemand aanhoudt, is een dure manier om één zak koffie te verkopen.

Volgende case

06

Bisa Bespaart

Volgende stap

Vertel wat je wilt bouwen.

Eén gesprek van een half uur is meestal genoeg om te weten of het kan, wat het ongeveer kost en hoe lang het duurt.