Onze verhalen

Onze verhalen

Echte projecten. Echte keuzes. Echte lessen. We werken veel met B2B-platforms, complexe integraties en performance-optimalisatie. Hier delen we wat we onderweg hebben geleerd.

Geen marktingpraat – alleen wat we echt hebben gebouwd en waarom.

Alle verhalen

Configurator modulair maken

Een B2B-klant had een massieve product-configurator die alles in één PHP-file zat. We breidden uit, maar de bouwproces werd langzaam. Hoe splitsen we dit zonder het te breken?

Magento 2 Refactoring B2B
Lees verhaal →

Van Magento naar Hyva

Klant draaide op een zwaar Magento-thema met veel custom JS. Deploy duurde lang. Hyvä was niet alleen sneller – het veranderde hoe we denken over checkout.

Hyvä Performance Upgrade
Lees verhaal →

Core Web Vitals: waar zit de tijd?

Een e-commerce site scoorde goed op GTmetrix maar de LCP was slecht. Profiling bracht verrassingen: het was niet wat we verwachtten.

Performance Debugging DevTools
Lees verhaal →

Total Care: patchdays zonder drama

Maandelijkse updates, security patches, dependency management. Hoe zorg je dat klanten niet bang zijn voor updates?

Total Care Maintenance CI/CD
Lees verhaal →

Hyva Certification

Een proctored exam klinkt spannend. Door er samen een studiemiddag van te maken, haalde iedereen het certificaat in één keer.

Hyvä Certificering Team
Lees verhaal →

Configurator modulair maken

Zoals veel B2B-projecten groeien. Je begint met één pagina. Dan voeg je een optie toe. Dan nog één. Na drie jaar zitten alle business-logica, validaties en calculaties in één grote file.

Context

Klant bouwt op maat gemaakte machines. Elk model heeft tientallen opties, elk met bijbehorende beperking of extra kosten. De configurator in Magento was gegroeid naar 1500+ regels PHP zonder duidelijke structuur.

Het probleem

Bouwproces was traag. Testen was handmatig. Als je één regel veranderde, kon je iets anders breken. Niemand durfde eraan te zitten.

Aanpak

We hebben de configurator in logische modules gesplitst. Elk component: validation, calculation, UI-rendering – los van elkaar.

  • Rule Engine: Business-logica buiten de view. Elke validatie is een testbare functie.
  • Caching op berekeningen: Configurator renderden licht sneller door Redis.
  • Unit-tests per module: Nu kunnen we refactoren zonder nerveus te worden.

Wat we leerden

Refactoring is niet gratis – het vraagt discipline. Maar wij zagen daling in bugs en makkelijker feature-adds. Maintainability wint op den duur.

Van Magento naar Hyva

Een klant had een custom Magento-thema met honderden regels jQuery. Deploy duurde lang, browser-debug was lastig. We hebben over de vraag nagedacht: waarom laden we al dat? En: moet het echt in JavaScript?

Context

Het oude thema was niet slecht – het was gewoon zwaar. Checkout-flow verliep traag. Core Web Vitals waren niet goed.

Hyvä als optie

Hyvä biedt twee ding: een moderne Tailwind-gebaseerde basis, en Alpine.js in plaats van jQuery/RequireJS. Deploy naar hosten werd sneller.

Aanpak

We migreerden incrementeel. Thema's, Checkout, daarna custom modules.

  • Dégradé-activering: Oude en nieuwe versie tegelijk in production, traffic-split.
  • Test-omgeving: QA draaide met Hyvä avant deploy.
  • Rollback-plan: We wisten hoe terug te schakelen als het fout ging.

Resultaat

Checkout werd sneller. Deploy-time ging van 6 minuten naar 2. Developers schreven makkelijker front-end code. Niets dramatisch, maar alles voelde beter.

Core Web Vitals: waar zit de tijd?

Klant zei: "Google zegt we scoren goed op GTmetrix, maar conversie is laag. Wat doen we fout?" Profiling bracht rare bevindingen.

De uitdaging

CLS en LCP scoorden slecht in Real User Monitoring (RUM), maar lab tools zeiden dat het goed was. Wat staat er werkelijk in de weg?

Onderzoek

We keken naar Network tab, JavaScript-parsing, font-loading, third-party scripts. Het bleek: tracking-tags en advertentieprogramma's blockerden rendering.

Aanpak

We hebben strategisch ingelaagd. Niet alles moet synchroon laden.

  • Lazy-loading: Analytics-scripts: defer of async. Ad-tags: laden na interactie.
  • Font-delivery: Web-fonts: font-display: swap, voorkeurend lokaal of via CDN.
  • RUM-monitoring: Nu volgen we echt wat klanten ervaren, niet wat lab-tools zeggen.

Total Care: patchdays zonder drama

Klant belt: "Magento heeft een security update. Moeten wij iets doen?" Klassiek problem: klanten zijn bang voor updates. Ze kunnen breeken. Hoe zorg je dat security-patching routine wordt?

Total Care: wat het is

Maandelijks patches, security-updates, dependency-management, kleine performance-tuning. Klant betaalt vaste vergoeding, wij zorgen dat site stabiel blijft.

De uitdaging

Updates kunnen niet zomaar naar production. Testen nodig. Rollback-plan. Klant wil zekerheid, geen verrassingen.

Aanpak

Alles geautomatiseerd. Tests moet slagen. Staging voor final check. Git-workflow strak.

  • CI/CD-pipeline: Patch → test → staging → manual-check → production. Geen stap handmatig.
  • Monitoring na deployment: Error-logs, performance-metrics, 15 minuten na deploy.
  • Changelog & notificatie: Klant weet wat er update. Waarom. Wanneer. Geen verrassingen.

Resultaat

Security-updates voelen normaal. Klant hoeft niet nerveus te zijn. We hebben geen incident gehad door update-related issues in jaren.

Hyva Certification

Het Hyva certificaat halen klinkt misschien als een formaliteit. Maar een proctored exam is toch best spannend, ook als je de kennis allang in huis hebt. Hoe we van die drempel een teammoment maakten.

De drempel

Iedereen in het team werkt dagelijks met Hyva. De kennis is er. Maar een proctored exam voelt anders dan je dagelijkse werk. Je wordt gefilmd, er zit een tijdslimiet op, en het voelt toch als een test. Dat schrikt af, ook als je weet dat je het kunt.

De aanpak: samen doen

In plaats van iedereen zelf het exam te laten plannen, hebben we er een studiemiddag van gemaakt met de hele organisatie. Samen de examstof doorlopen, samen vragen bespreken, en samen de stap zetten.

  • Studiemiddag: Een middag vrij gepland om samen de examstof door te nemen en eventuele kennishiaten te dichten.
  • Het hele proces doorlopen: Niet alleen de inhoud, maar ook het registreren, de proctoring-software installeren en weten wat je kunt verwachten.
  • Drempel verlagen: Als je het samen doet, voelt het minder als een individuele test en meer als een teamactiviteit.

Resultaat

Zes collega's hebben hun exam gepland en iedereen haalde het certificaat in één keer. Aan de kennis lag het niet, het ging erom de stap te zetten. Door het samen te doen, werd die stap een stuk kleiner.

Leuk wat we doen?

Dit zijn de soort problemen die we graag oplossen. Hyvä-thema's, complex-integraties, performance-optimalisatie, onderhoud. Interesse?