Drumbook Online

Jurrian Snoek is drumdocent en zag dagelijks hoe zijn leerlingen worstelden met oefenen tussen de lessen door. Bladmuziek op papier, video's op YouTube, meespeeltracks ergens anders. Alles los van elkaar, niets op elkaar afgestemd.

Zijn idee was even eenvoudig als ambitieus: één platform waar bladmuziek, video en meespeeltrack samenkomen. Waar een docent zijn eigen leerlingen kan uitnodigen en begeleiden. En waar een student op elk moment van de dag zelfstandig kan oefenen.

De uitdaging voor PixelDeluxe: bouw een platform dat technisch complex genoeg is om dit allemaal te ondersteunen, maar tegelijkertijd zo eenvoudig dat een leerling zonder technische kennis er direct mee aan de slag kan.

Wij bouwden Drumbook Online als een volwaardige SaaS-applicatie op Craft CMS met Vue.js voor de interactieve functionaliteiten.

Het docentportaal is volledig gratis voor docenten. Zij maken een account aan, nodigen hun leerlingen uit en integreren de digitale methodiek in hun eigen lesmethode. Via het portaal beheren docenten hun leerlingen en houden zij overzicht over wie wat gebruikt.

Het abonnementsmodel is eenvoudig: één abonnement, te kiezen per maand, per half jaar of per jaar. Betalingen verlopen via Stripe, inclusief automatische verlengingen en abonnementsbeheer.

Het platform combineert bladmuziek, video en audio tot één samenhangende leerervaring. Terwijl de muziek speelt loopt een cursor mee door de bladmuziek zodat de student altijd weet waar hij is. Tegelijkertijd kan hij wisselen tussen meerdere camerastandpunten en exact zien hoe een techniek uitgevoerd wordt vanuit de hoek die hem het meest helpt. Wil hij langzamer oefenen, dan vertraagt hij het tempo zonder dat de toonhoogte verandert. Wil hij de drumpartij uit de mix halen en alleen meespelen met de band, dan speelt hij de muziek af met een clicktrack.

Al deze functionaliteiten werken samen als één geheel. De student merkt geen losse onderdelen, hij ervaart gewoon een platform dat werkt.

Het moeilijkste onderdeel van dit project was het naadloos samenvoegen van verschillende technologieën tot één coherente gebruikerservaring. De student merkt niet waar het ene systeem ophoudt en het andere begint. Alles voelt als één platform.

Daarnaast moest het platform werken op elk apparaat. Een student die thuis oefent op een iPad, een docent die lesgeeft op een laptop, een leerling die snel iets opzoekt op zijn telefoon. Responsief was hier geen bijzaak maar een harde eis.

Craft CMS als basis voor contentbeheer en gebruikersbeheer. Vue.js voor de interactieve videospeler en bladmuziekweergave. Tailwind CSS voor de frontend styling. Stripe voor abonnementsbeheer, maandelijkse en jaarlijkse betalingen en automatische verlengingen. Volledig responsief op desktop, tablet en mobiel.

Drumbook Online is een volwaardig SaaS leerplatform dat sinds 2022 actief gebruikt wordt door drummers en drumdocenten in Nederland. Docenten digitaliseren hun lessen binnen hun eigen methodiek. Leerlingen oefenen thuis met dezelfde tools die ze kennen van de les.

Het platform groeit gestaag en wordt doorlopend doorontwikkeld op basis van feedback van docenten en leerlingen.

Dit project is bijzonder voor PixelDeluxe omdat onze eigenaar Martijn zelf ook drumt. Hij begrijpt uit eigen ervaring hoe moeilijk het is om thuis te oefenen zonder de juiste begeleiding. Die persoonlijke betrokkenheid heeft de ontwikkeling beïnvloed, niet alleen technisch maar ook in de keuzes die we hebben gemaakt over gebruikerservaring en functionaliteiten.

De beste producten bouw je als je de doelgroep begrijpt. En soms ben je zelf die doelgroep.