Een webshop vol maatwerk dat je nergens als plugin koopt

Moersleutel

Moersleutel Craft Brewery begon met vier broers op een missie: bier brouwen zoals ingenieurs dat zouden doen. Inmiddels liggen hun bieren bij de grote supermarkten en verzendt de webshop door heel Europa. Wij bouwden die shop op WordPress en WooCommerce, met maatwerk dat niet als plugin bestaat: een eigen statiegeldsysteem, checkout-analytics en afhalen op een servicepunt.

Blik van Crank the Juice en glas van Moersleutel omringd door fruit en ijs. Er wordt een sinaasappel geperst.

Moersleutel Craft Brewery begon met vier broers op een missie: bier brouwen zoals ingenieurs dat zouden doen. Precies, krachtig en vol smaak. Inmiddels liggen hun bieren bij de grote supermarkten en bestellen fans uit heel Europa via de webshop. Ze komen uit Alkmaar, net als wij. Zij engineeren bier, wij engineeren software. Dat schept een band.

Die webshop is allesbehalve een standaardwinkel. Limited releases moeten eerlijk verkocht worden, leden van het Gilde krijgen nieuwe bieren als abonnement en op elke bestelling met blikken en flessen telt statiegeld mee.

De uitdaging

Voor bijna elke webshopwens bestaat wel een plugin. Maar wie alles met losse plugins oplost, stapelt software van tientallen verschillende makers op elkaar: traag, lastig te onderhouden en bij elke update kans op verrassingen. Belangrijker nog: de functionaliteit waar Moersleutel echt om vroeg, bestaat helemaal niet als plugin. Een statiegeldsysteem dat per product en verpakking het juiste bedrag rekent, bijvoorbeeld. Of afhalen op een servicepunt van vervoerder QLS.

Geen plugin-stapelwerk, maar een eigen fundament

We bouwden de shop op WordPress en WooCommerce, bewezen open source techniek, maar gaven hem een fundament dat we zelf ontwikkelden en dat de structuur van Laravel naar WordPress brengt. Al het maatwerk leeft in 104 overzichtelijke klassen, geordend per onderwerp: statiegeld, verzending, lidmaatschap, marketing. De templates bestaan uit herbruikbare componenten en nieuwe functionaliteit start met een commando dat direct de juiste structuur klaarzet. Zo blijft de code testbaar en uitbreidbaar, hoe groot de shop ook wordt.

Op dat fundament bouwden we wat nergens te koop is. Het statiegeldsysteem kent statiegeld op product-, variant- en verpakkingsniveau, rekent het automatisch mee in de winkelwagen, toont het netjes bij de prijs en bewaakt dat blikken alleen per volledige verpakking te bestellen zijn.

Voor verzending koppelden we de shop aan vervoerder QLS: klanten kiezen in de checkout een servicepunt in de buurt en dat punt reist automatisch mee naar de order en het verzendlabel. En omdat je een checkout alleen kunt verbeteren als je hem kunt meten, bouwden we een eigen analytics-dashboard dat elke stap volgt, van winkelwagen tot betaling: waar haken klanten af, welke fouten duiken op bij het afrekenen en welke betalingen mislukken.

In het kort

Maatwerk in cijfers

104 maatwerk-klassen, geordend per onderwerp
13 interactieve winkelcomponenten
3 systemen gebouwd die niet als plugin bestaan
De shop in de praktijk

Wat de shop voor Moersleutel doet

Limited releases zonder gedoe Exclusieve bieren kunnen alleen apart worden afgerekend. Zo houdt Moersleutel volledige controle over elke release.
Het Gilde als abonnement Het lidmaatschap draait op WooCommerce Subscriptions, met automatische ledenrollen, eigen abonnementsprijzen en een aparte orderstatus voor presales.
Cadeau doen door de hele keten Een cadeauboodschap reist mee van checkout naar order, bevestigingsmail, beheer en account. Niets gaat onderweg verloren.
Pakbonnen die meedenken Op de pakbon staan couponcode, cadeauboodschap en een indicator voor terugkerende klanten. Het magazijn ziet direct wat een bestelling bijzonder maakt.
Marketing automatisch gevoed Klanten melden zich bij het afrekenen aan voor de nieuwsbrief via MailerLite en Google Ads ontvangt automatisch conversiedata en productinformatie.
Soepel betalen met Mollie Eigen betaallogica rondt bijna-nul-bedragen netjes af en laat leden de betaalmethode van hun abonnement eenvoudig wisselen.

Een winkel die direct reageert

Ook aan de voorkant is de shop maatwerk. Dertien interactieve componenten maken het winkelen vlot: een winkelwagen die zonder herladen bijwerkt, een configurator voor eigen bierpakketten, een seintje bij bijna uitverkochte bieren en filters die met je meescrollen. Alles in de eigenzinnige, industriële huisstijl van het merk.

Het resultaat

Moersleutel heeft een webshop die de eigenaardigheden van craft beer gewoon aankan: statiegeld, limited releases, ledenabonnementen en afhalen op een servicepunt. Geen wirwar van plugins, maar één samenhangend systeem waarin elke functie een logische plek heeft.

Dat fundament betaalt zich bij elke uitbreiding opnieuw uit. Nieuwe functionaliteit toevoegen is geen risicovolle operatie, maar een gewone ontwikkelstap die dezelfde structuur volgt als al het andere maatwerk.

En zoals we dat graag doen: het project is opgeleverd, maar niet losgelaten. We houden de shop veilig, up-to-date en levend. Moersleutel is en blijft eigenaar van de eigen code, zonder lock-in.

Loopt jouw webshop tegen de grenzen van standaard plugins aan? Spar met een developer of laat je software gratis APK'en.

Je hebt een idee!

Balletje opgooien?

Neem contact op met Reinier voor een soortgelijk technisch vraagstuk, of gewoon om te sparren.

Maak een afspraak
Reinier van Kobalt
Meer van onze projecten

Projecten waar we trots op zijn

Technisch uitdagend en strak ontworpen, van webapplicatie tot portaal.

MKB Bekijk project Overheid & zorg Bekijk project Overheid & zorg Bekijk project