Drumdock

Speel overal. Op elk moment.

Drumdock is een modulaire drumkit van berkenmultiplex: één base, acht modules en minder dan zes kilo. Je neemt hem overal mee en bepaalt zelf welke klanken erin zitten. De opdracht: Drumdock online zo tastbaar maken dat je hem bijna kunt aanraken, en kunt horen.

Van Blender naar browser

Ik heb het complete product nagebouwd in Blender: elke houtnerf, elk vel, elke module. Uit dat model renderde ik de productbeelden voor de site, plus beeldreeksen die met je scroll meebewegen. De hero draait mee terwijl je naar beneden gaat. Verderop valt de kit uit elkaar en klikken de modules weer op hun plek. Bij de specificaties draait het product rustig mee terwijl je leest.

Een website die je kunt bespelen

Het hart van de site is het soundboard. Beweeg over een module en tik om te luisteren, start een ritme (rock, funk, latin of drum 'n' bass) of speel zelf met je toetsenbord. Het geluid wordt live in de browser afgespeeld met de Web Audio API, zonder plug-ins.

Licht, ondanks al dat beeld

Ruim honderd frames aan renders vraagt om een slimme opbouw: beeldreeksen in WebP, alleen laden wat in beeld komt, en een volledig tweetalige site (NL/EN), zodat internationale bezoekers direct mee kunnen spelen.

Resultaat

Binnen een maand na livegang had de site 16.000 views, met interesse vanuit de hele wereld.