Dienst · Software-ontwikkeling

Product configurator laten maken.

Een product-configurator vertaalt een complex product met tientallen tot duizenden varianten naar een keuzeflow die uw klant of dealer zelfstandig doorloopt. Visueel of functioneel, in uw webshop of als losse omgeving — wij bouwen configurators die kloppen met uw productregels, ERP-data en commerciële realiteit.

Plan een kennismaking Bekijk ons werk

Een configurator is meer dan een keuzemenu.

Wie een product-configurator op de site zet zonder doordachte data-architectuur, eindigt met een tool die offertes oplevert die productie of inkoop niet kan waarmaken. De combinatie kleur-materiaal-maat moet bestaan, leverbaar zijn, een correcte prijs hebben en zonder fouten doorvloeien naar de orderbon.

Wij bouwen configurators die starten bij uw productregels. Welke opties zijn onderling afhankelijk, welke combinaties zijn verboden, hoe wordt de prijs opgebouwd, wat moet er gebeuren bij voorraad-uit, en hoe ziet de configuratie er na opslag uit in uw ERP of order management systeem? Pas als die fundering klopt, leggen we er een interface bovenop die werkelijk plezierig is om te gebruiken.

We werken met opdrachtgevers in de maakindustrie, bouw, mobiliteit, meubelindustrie en verzekeringen. Telkens op maat — een configurator voor schuifdeuren stelt fundamenteel andere eisen dan een configurator voor offertes op maatwerk machines. De ene moet visueel kloppen tot op de millimeter, de andere moet rekening houden met productiecapaciteit, marges per dealer en goedkeuringsstappen van uw sales-team.

Een product-configurator raakt vrijwel altijd meerdere systemen. Aan de voorkant zit de keuzeflow voor de eindklant of dealer. Aan de achterkant zitten productregels, prijsmotoren, voorraadcontroles en orderafhandeling. Daartussen draait een regel-engine die elke seconde tientallen vragen moet kunnen beantwoorden: bestaat deze combinatie, mag deze prijs, is dit leverbaar, welke afbeelding hoort hierbij. De kwaliteit van die engine bepaalt of uw configurator een verkoopkanaal wordt of een onderhoudslast.

Wat een goede configurator onderscheidt.

Regelgedreven

Productregels zitten in een centrale engine, niet verstrooid door de code.

Live data

Prijzen en voorraad komen rechtstreeks uit ERP, niet uit een statische export.

Visueel klopt

De render lijkt op wat geleverd wordt — geen render-werkelijkheid-gat.

Doorvloeibaar

Output is een orderregel of offerte, niet een PDF die iemand handmatig overtikt.

Vijf typen configurators die wij bouwen.

Welke smaak past, hangt af van het product, het verkoopkanaal en de mate van complexiteit. Vaak is het een combinatie. Voor zakelijke offerte-flows met goedkeuringsstappen en margeregels gaan we vaak richting een CPQ-systeem.

Type 01

Visuele 2D- en 3D-configurator

De klant ziet het product live veranderen wanneer hij kleur, materiaal of opties wisselt. Voor producten waar het visuele het verschil maakt: keukens, gevels, banken, fietsen, auto's, schuifdeuren. We bouwen met Three.js of WebGL voor 3D-rendering en met SVG of canvas-overlays voor 2D-doorsnedes. De 3D-assets komen vaak uit uw bestaande CAD-omgeving — we werken met glTF, USDZ en GLB en zetten waar mogelijk een asset-pipeline op die nieuwe productvarianten automatisch render-klaar maakt.

Three.jsWebGLSVG-overlayRealtime renderglTF / USDZ

Type 02

Functionele configurator

Geen render, wel een precieze prijs en leverstatus op basis van gekozen specificaties. Voor producten waar de waarde in de techniek zit, niet in het uiterlijk: industriële installaties, verzekeringspolissen, technische componenten, B2B-componentenbundels. Output is een gespecificeerde offerte, een PDF of een directe orderregel. De regel-engine houdt rekening met afhankelijkheden tussen opties, minimum- en maximumwaarden, validatie van combinaties en correcte prijsopbouw inclusief kortingen en btw.

Regel-enginePrijsberekeningPDF-offerteSpecificatiebladConditional logic

Type 03

Modulaire configurator

De klant kiest modules of componenten, en het systeem zorgt dat de combinatie technisch valide is. Voor systemen met onderlinge afhankelijkheden: industriële machines, IT-bundels, kantoorinrichting, opslagsystemen, modulaire bouwsystemen. De regel-engine voorkomt impossible builds voordat ze in productie belanden — geen offertes die de werkvloer moet afkeuren, geen orders die halverwege stranden omdat module A en B niet samen passen. Output is een complete stuklijst die direct doorvloeit naar productie of inkoop.

Module-validatieDependency-rulesConstraint-solverBill of materialsStuklijst-export

Type 04

Webshop-configurator

Geïntegreerd in een bestaande Magento-, Shopify- of WooCommerce-omgeving. De configuratie wordt opgeslagen als product-variant of als configurable product, zodat checkout, voorraad en fulfilment blijven werken zoals ze gewend zijn. Naadloze koppeling via APIs, custom productvariant-handling en webhook-events. We houden de webshop-administratie de bron van de waarheid voor klant-, order- en betaalgegevens en bouwen de configurator als headless laag erbovenop.

MagentoShopifyWooCommerceHeadless checkoutProduct-variant API

Type 05

Dealer- of B2B-configurator

Voor producten die via dealers, agents of partners worden verkocht. Klantspecifieke prijzen, marges en kortingsregels per dealer, voorraad per regio, taal- en valutaschakelaar. Vaak achter login, met goedkeuringsworkflows en koppeling naar het dealer-CRM via onze API-integraties. Bij grotere organisaties combineren we deze configurator met goedkeuringsstappen voor sales-management en koppeling met uw ERP-systeem voor live margebewaking.

Per-dealer pricingMulti-currencyGoedkeuring-flowDealer-CRMMargebewaking

Wat u krijgt aan het einde.

Een werkende configurator inclusief alles wat nodig is om hem zelfstandig te beheren en uit te bouwen.

De configurator

Productie- en staging-omgeving, gehost in uw cloud of bij ons.

Regel-engine

Productregels in een beheer-interface die uw team zelf kan bijwerken.

Koppelingen

Integraties met ERP, PIM, CRM en webshop, met documentatie per koppeling.

Codebase en docs

Volledige broncode, build-instructies en architectuur-overzicht.

Beheer (optie)

Monitoring, security-patches, 3D-asset-updates en doorontwikkeling.

Wanneer een eigen configurator de juiste keuze is.

Vier patronen die we vaak tegenkomen voordat een opdrachtgever bij ons aanklopt.

Offerte-bottleneck

Sales zit klem in calculatie-Excel

Iedere offerte vraagt handmatig rekenwerk in een rits-Excel met formules die niemand meer durft aan te raken. Doorlooptijd stijgt, fouten sluipen erin, en goede mensen besteden hun tijd aan optellen in plaats van aan klanten.

Verkeerde orders

De productie klaagt over impossible builds

Combinaties die de webshop wel toestaat maar de productie niet kan leveren. Iedere verkeerde order is verlies aan tijd, klanttevredenheid en marge. Vaak losbaar door productregels strakker te modelleren en de configurator vóór checkout te laten valideren.

Standaard te beperkt

Off-the-shelf past niet bij uw product

Een Magento-extensie of plug-in dekt het grootste deel van uw regels, maar de overige procenten zijn precies waar uw product zich onderscheidt. Workarounds in een standaardpakket worden snel duurder dan een gerichte configurator op maat.

Visueel verkopen

Foto's vertellen het verhaal niet meer

Uw product heeft te veel varianten om elke combinatie te fotograferen. Een 3D-render die meebeweegt met de keuze van de klant verkoopt beter dan een statisch carousel, en bespaart u bovendien de fotograaf voor elke nieuwe variant.

Toepassingsgebieden per branche.

Onze ervaring bestrijkt een brede waaier aan branches. Elk product heeft zijn eigen regels — wat voor banken werkt, werkt zelden voor industriële machines.

Maakindustrie

Machines en installaties

Configurators voor industriële machines, installaties en componenten met dependency-rules tussen modules, BOM-export naar productie en koppeling met uw productieplanning. Output meestal een gespecificeerde technische offerte plus stuklijst.

Bouw

Keukens, schuifdeuren, gevels, kozijnen

Visuele configurators voor bouwproducten waar maatvoering, materiaal en afwerking elkaar beïnvloeden. Met koppeling naar productieplanning en montage-agenda, en met realtime indicatie van leverbaarheid per regio.

Mobiliteit

Auto's, fietsen, e-bikes, aanhangwagens

Dealer-configurators met klantspecifieke prijzen, financieringsmodules en koppeling naar de fabriek voor leverstatus. Inclusief test-rit-aanvragen en doorzetten van de configuratie naar de dichtstbijzijnde dealer.

Meubelindustrie

Banken, kasten en tafels op maat

Visuele 3D-configurators met materiaal-, kleur- en stof-keuze, maat-aanpassingen en accessoires. Vaak gekoppeld aan een PIM voor productinformatie en aan productie voor stuklijst en planning.

Verzekeringen

Offerte-configurators voor polissen

Functionele configurators die op basis van klantkenmerken en gekozen dekkingen een directe premie-indicatie geven. Inclusief acceptatie-regels, uitsluitingsclausules en doorzetten naar de polis-administratie.

Print en promotie

Drukwerk en relatiegeschenken

Configurators met live preview van logo-plaatsing, kleurkeuze en oplage-prijsstaffel. Output is een drukklaar bestand plus orderbon met productie-instructies.

Hoe een traject loopt.

01Kennismaking→ 02Productregels in kaart→ 03Bouw in sprints→ 04Uitrol en beheer

Vrijblijvend gesprek

Kennismaking

Welk product, welke varianten, welke verkoopkanalen en welke systemen er onder de motorkap hangen. We luisteren naar uw flow en geven richting waar dat helpt.

Workshop met uw team

Productregels en data

We brengen samen de productregels, prijsopbouw en koppelingen in kaart. Output: een werkbare datastructuur en een prioriteiten-lijstje voor de bouw.

Tweewekelijkse sprints

Bouw en validatie

Elke sprint een werkende build. U test mee, eventueel met eindklanten of dealers in een afgeschermde omgeving. Feedback gaat direct de volgende sprint in.

Doorlopend

Uitrol en beheer

Gefaseerde uitrol, overdracht aan uw beheerteam en doorontwikkeling in vervolgsprints waar nodig. Monitoring en security-patches lopen door.

Tech-stack waar we mee werken.

Per project kiezen we wat past bij uw bestaande landschap en bij de visuele en functionele eisen van de configurator. Voor 3D leunen we sterk op Three.js. Voor de regel-engine vaak op een eigen TypeScript-implementatie of een open-source constraint-solver. De backend draait afhankelijk van uw situatie op Node.js of Python, met PostgreSQL als bron-database en Redis voor caching van veel-bevraagde productregels. Voor productdata werken we graag met een headless CMS of een PIM zoals Akeneo zodat marketing en product-management zelfstandig de configurator kunnen voeden zonder developer-tussenkomst.

Frontend en visualisatie

ReactVueNext.jsThree.jsWebGLCanvas 2D

Backend, data en regels

Node.jsPythonTypeScriptPostgreSQLRedisHeadless CMS

Integratie en commerce

MagentoShopifyWooCommerceSAPExactAkeneo PIM

Veelgestelde vragen.

Wat is het verschil tussen een visuele en een functionele product-configurator?

Bij een visuele configurator ziet de klant het product live veranderen in 2D of 3D wanneer hij kiest. Bij een functionele configurator ziet de klant geen render maar krijgt hij een gespecificeerde prijs, leverstatus en offerte op basis van zijn keuzes. In de praktijk combineren we ze vaak: visueel waar het meerwaarde heeft, functioneel op de plekken waar specificaties en prijzen belangrijker zijn dan plaatjes.

Wat is het verschil met een CPQ-systeem?

Een product-configurator is meer consumer- of dealer-facing en visueler: hij staat in uw webshop of dealer-portal en is bedoeld om de klant zelf een keuze te laten maken. Een CPQ-systeem is meer B2B-sales-gericht: uw sales-team gebruikt het om complexe offertes met goedkeuringsstappen en margeregels samen te stellen. Vaak bestaan ze naast elkaar of vloeien ze in elkaar over.

Kan een product-configurator gekoppeld worden aan onze webshop, ERP of PIM?

Ja, en in vrijwel elk traject is dat het inhoudelijke werk. We bouwen koppelingen met Magento, Shopify en WooCommerce voor checkout, met SAP, Exact of een ERP-op-maat voor prijzen en voorraad, en met Akeneo of een ander PIM voor product-data. Onze slimme API-integraties zorgen dat één enkele product-bron de waarheid blijft.

Hoe gaan jullie om met 3D-rendering versus statische afbeeldingen?

3D-rendering is krachtig maar niet altijd nodig. Voor producten met tientallen of honderden visuele combinaties (auto's, fietsen, banken op maat) is realtime 3D met Three.js de logische keuze. Voor producten met een handvol kleurvarianten werken statische afbeeldingen of SVG-overlays vaak prima en zijn ze sneller te onderhouden. We bepalen samen welke kant op het meest oplevert.

Hoe wordt de configuratie van een klant opgeslagen?

Als gestructureerde data — meestal een JSON-object met de gekozen opties plus een gegenereerde SKU of configuratie-ID. Die wordt opgeslagen in onze database, doorgezet naar uw order management systeem of ERP, en is altijd terug te halen als URL of via een klantaccount. Zo kan een klant zijn configuratie opslaan, delen of later afronden.

Werken jullie headless of full-stack?

Beide kan. Een headless-architectuur is logisch wanneer u meerdere kanalen wilt bedienen vanuit dezelfde productlogica — bijvoorbeeld een publieke webshop-configurator én een dealer-portal met dezelfde regel-engine eronder. Voor een enkel kanaal is een geïntegreerde aanpak vaak sneller en goedkoper in beheer.

Wat bepaalt de kosten van een product-configurator op maat?

De grootste kostenposten zijn de complexiteit van de productregels, het aantal en de aard van de koppelingen, en de keuze voor 2D versus 3D-visualisatie. Een functionele configurator met een handvol opties en één ERP-koppeling is een traject van een paar sprints. Een 3D-configurator met dealer-specifieke prijzen en goedkeuringsworkflows is een groter traject. We geven na de kennismaking richting, met een open boek over wat de scope-keuzes betekenen.

Kunnen we klein beginnen en uitbouwen?

Vrijwel altijd is dat de slimste route. We starten met een eerste werkende versie die de meest waardevolle keuzeflow afdekt — bijvoorbeeld het visuele deel of de eerste paar productlijnen — en zetten een architectuur neer die meegroeit. Latere uitbreidingen (extra productlijnen, extra talen, dealer-specifieke prijzen, goedkeuringsstappen) komen er in vervolgsprints bij zonder dat we moeten herbouwen. Zo levert de configurator al waarde op terwijl u tegelijk leert wat er voor versie twee nodig is.

Praat met ons over uw product-configurator.

Een kennismaking van een half uur, vrijblijvend. We luisteren naar uw product en verkoopflow, stellen vragen over uw data en koppelingen, en geven richting waar u iets aan hebt. Liever meteen verkennen wat er bij web-ontwikkeling komt kijken? Dat kan ook.

Plan een kennismaking Mail fabian.vandijk@appfront.nl