1Volumecalculator als eigen Lead Engine
We bouwden een interactieve volumecalculator als Lead Engine waarin bezoekers het traject (laden + lossen), de lading en de bijbehorende eisen kunnen samenstellen. De aanvraag landt direct in de mailbox van de juiste accountmanager, met alle context die we al hebben uitgevraagd. Aan de achterkant is alles CMS-bestuurbaar via ACF-velden, zodat MOL zelf nieuwe transportoplossingen of varianten kan toevoegen zonder dat er een developer aan te pas hoeft te komen.
2Vacature-flow met eigen body-block structuur
Elke vacature heeft een eigen detailpagina met dezelfde herkenbare structuur: hero, body, split-content, klantlogo's, cultuur-blok, sollicitatieproces, mid-CTA, gerelateerde vacatures en een footer-CTA. De recruiters voegen nieuwe rollen toe via een gestandaardiseerd set ACF-velden, en het Breakdance-template doet de rest. Wat vroeger een ontwerper kostte is nu een handeling van een halfuur.
3Form-handler met dynamische mail-routing
Elke aanvraag-flow op de site heeft een eigen mail-routing: transport-aanvragen gaan naar de juiste accountmanager, warehousing naar het magazijn-team, vacature-sollicitaties naar HR en algemene contact-mails naar de juiste vestiging. Eén centrale form-handler regelt al die routing via filter-hooks, dus er is geen losse 'info@'-mailbox meer waar alles in een grote bak verdwijnt.
4HubSpot en Klaviyo gekoppeld aan elke aanvraag
Naast de directe mail-routing synct elke aanvraag automatisch door naar HubSpot voor sales en Klaviyo voor marketing-opvolging, beide via integraties met externe tools die we voor MOL hebben opgezet. Een lead die de volumecalculator invult komt zo binnen een paar seconden in beide systemen binnen met dezelfde context, zodat sales en marketing nooit meer met losse, ongesynchroniseerde lijsten zitten en marketing-automations in Klaviyo direct kunnen starten waar de site-aanvraag eindigt.
5Performance-mu-plugin onder de motorkap
Voor een Breakdance-site is je mu-plugin de stille held van je PageSpeed-score. Voor MOL draaiden we een eigen mol-perf.php die Google Fonts subsette, third-party JS deferde, jquery-migrate dequeue'de en fetchpriority + alt op de juiste plekken zette. Het resultaat is een PSI-score die opmerkelijk goed is voor een Breakdance-site, zonder dat we content of layout-vrijheid hoefden in te leveren.
6Section-alignment voor visuele rust over de hele site
Breakdance heeft een eigenaardigheid waarbij de inner-container van elke sectie een eigen max-width kan hebben, waardoor decoratieve elementen na een paar releases niet meer netjes uitlijnen met de copy. Voor MOL trokken we de max-width gelijk op 1512 pixels met een clamp-padding, zodat de site visueel rustig blijft van bovenaan tot helemaal beneden, op zowel desktop als mobiel.
