Voor Q Plus hebben we een nieuw klantportaal ontwikkeld op basis van Magento 2, met een headless frontend gebouwd in React & Next.js. Het doel? Een flexibel en schaalbaar platform neerzetten waarmee Q Plus eenvoudig kan inspelen op de behoeften van hun klanten. Via GraphQL Mesh worden verschillende backend systemen live gekoppeld, waaronder Unit4 ERP, Magento en Hygraph CMS. Klanten zien direct hun prijsafspraken en klantspecifieke producten en kunnen deze via een persoonlijk dashboard direct bestellen. Alle data wordt real-time opgehaald, zonder synchronisatie, zodat prijzen altijd up-to-date zijn en eenvoudig aangepast kunnen worden vanuit het ERP. Dit levert een modern, API-gedreven platform op dat makkelijker te onderhouden is en meegroeit met de organisatie.


Binnen het platform zijn klantspecifieke prijzen volledig geïntegreerd in het bestelproces. Gebruikers zien bij elk product direct de prijsafspraken die voor hun organisatie gelden, inclusief eventuele kortingen. De prijslogica is zo ingericht dat bij meerdere kortingsniveaus automatisch de laagste prijs wordt toegepast. Door prijzen real-time op te halen uit Unit4 ERP zijn prijswijzigingen direct zichtbaar in de webshop, zonder synchronisatie of handmatig beheer.

Artikelnummers vormen de basis van technische inkoop. Via de snelbestel functionaliteit kunnen gebruikers gemakkelijk grote hoeveelheden producten direct in hun winkelwagen plaatsen. Grote bestellingen en herhaalorders gaan hierdoor veel sneller, wat vooral waardevol is voor bedrijven die regelmatig dezelfde technische componenten nodig hebben voor hun projecten en onderhoudklussen.



Het klantportaal is ontworpen met de gebruiker als uitgangspunt. Dankzij een overzichtelijke en snelle interface kunnen professionals hun bestellingen moeiteloos plaatsen, ook bij herhaalaankopen. Navigatie en presentatie van producten zijn afgestemd op de manier waarop gebruikers werken, waardoor ze snel vinden wat ze nodig hebben en direct kunnen bestellen. Dit resulteert in een soepel en efficiënt bestelproces dat de algehele gebruikerservaring aanzienlijk verbetert.

Bij de overgang naar een headless Magento-shop is het cruciaal dat bestaande SEO-waarde behouden blijft. Om te zorgen dat bezoekers na de livegang hun weg blijven vinden, hebben we eerst een uitgebreide analyse van het verkeer uitgevoerd. Door slimme redirects, een duidelijke URL-structuur en pre-rendering via Next.js blijft de site snel en volledig indexeerbaar, zodat vindbaarheid en prestaties optimaal blijven zonder compromissen.
