Chunky Cherry Coffee
Een Shopify-webshop die het hardop zegt.
Chunky Cherry is een Amsterdamse koffiebranderij met een duidelijke mening: de koffie-industrie is kapot, en zij willen het anders doen. De nieuwe website zet die boodschap vooraan, en maakt het tegelijk makkelijk om door hun blends te bladeren, je ochtendvoorraad aan te vullen en de perfecte kop koffie bij je thuis te laten bezorgen.
- Klant
- Go2People
- Merk
- Chunky Cherry Coffee
- Bureau
- Bold Boy
- Design
- Studio Aardig
- Soort project
- Shopify-webshop
- Rol
- Front-end development, Shopify-thema, WebGL en Canvas 2D
- Datum
- Januari 2025
Doel
Een webshop met een mening
Chunky Cherry wil er niet uitzien als elke andere specialty-koffiezaak. Het merk praat openlijk over uitbuiting en ongelijkheid in de koffieketen, en de website moet die boodschap dragen zonder dat het kopen van koffie lastiger wordt. Opvallend genoeg om op te vallen, simpel genoeg om in een paar klikken een zak bonen te bestellen.
Design
Grote letters, een strak grid en ruimte om het te breken
Het design van Studio Aardig is brutalistisch en typografisch: enorme koppen, een zichtbaar grid, dunne lijnen en één felle kleur rood. Elementen stappen bewust uit het grid en parallax geeft diepte tijdens het scrollen. Mijn taak was om dat pixelperfect te bouwen, en overeind te houden op elk schermformaat.
Shopify
Een eigen thema dat het team zelf beheert
De webshop draait op een eigen Shopify-thema, opgebouwd uit flexibele secties. Koffie, koffieabonnementen, een aanbod voor bedrijven en het Daily Drip-blog staan allemaal op één plek, in het Nederlands en Engels. Productkaarten tonen in één oogopslag de smaaklabels, en elke koffie bestel je per formaat, branding en maling. Het team bouwt en wijzigt pagina's zelf in de Shopify-editor, zonder code.
Beweging
Contourlijnen getekend met Canvas 2D
De golvende contourlijnen achter de koppen worden live getekend met Canvas 2D. Ze bewegen rustig en herhalen zich nooit, waardoor de pagina's leven zonder zware videobestanden. Dezelfde techniek tekent de footer, waar het Chunky Cherry-logo is opgebouwd uit een raster van stipjes dat flikkert en verschuift. Lichte effecten die de webshop snel houden.
3D
Echte koffiezakken in 3D
De koffiezakken zijn gescand met Polycam en met WebGL naar de browser gebracht. Ze draaien rustig rond in de productcarrousels en op elke productpagina, zodat je de echte verpakking van alle kanten ziet. Dat geeft de webshop een tastbaar, fysiek gevoel dat past bij het vakmanschap achter de koffie.
Het resultaat
Een koffiemerk dat je niet over het hoofd ziet
Chunky Cherry heeft nu een website die eruitziet en klinkt als het merk: luid waar het moet, makkelijk waar het telt. Klanten vinden hun blend, starten een abonnement en lezen het verhaal erachter, allemaal in één snelle Shopify-webshop.