Projecten
SIBA Kozijnen Configurator
Een interactieve ontwerptool die het hele traject van klantaanvraag tot offerte in één systeem brengt, met een live tekenprogramma, automatische prijsberekening en interne offertemodule.
Project Overzicht
Van handmatige offertes naar een compleet systeem
Bij SIBA Kozijnen werd elke offerte met de hand opgesteld. Bij revisies of wijzigingen begon het proces grotendeels opnieuw, ook voor aanvragen die uiteindelijk niet eens tot een order leidden. Veel handwerk, voor een onzeker resultaat.
We bouwden een configurator die aan beide kanten van de tafel werkt. Aan de voorkant ontwerpt de klant zijn eigen kozijn: type kiezen, afmetingen invoeren, vakverdeling tekenen op een interactief canvas, materiaal en kleur selecteren. Het systeem valideert elke stap en toont direct een prijsindicatie.
Aan de achterkant pakt SIBA diezelfde configuratie op. Na inmeting of wijziging van details passen zij het ontwerp aan in dezelfde tool. De offerte wordt automatisch gegenereerd op basis van een prijscalculatie die alle materiaalkosten, toeslagen en marges meeneemt. Een nieuwe versie van een offerte is zo gemaakt.
Het hart van de tool is een op maat gebouwde SVG rendering engine: een live tekenprogramma waarin het kozijn in realtime meeverandert terwijl de gebruiker vakken toevoegt, afmetingen aanpast of profielen wijzigt. De klant ziet letterlijk zijn kozijn ontstaan op het scherm.
- ✓
SVG rendering engine
- ✓
Dubbelzijdig platform
- ✓
Dynamische prijsengine
- ✓
Montage calculator
De Uitdaging
Efficiënt offertes genereren zonder handmatig werk
Het offerteproces was tijdrovend en foutgevoelig. Elke aanpassing aan een kozijn vereiste opnieuw contact tussen klant en verkoper, waardoor het weken kon duren voordat een definitieve offerte rond was. De uitdaging was om dit volledig te automatiseren zonder in te leveren op nauwkeurigheid:
Klanten moeten zonder technische kennis een kozijn kunnen tekenen met vakverdelingen, draairichtingen en afmetingen. Achter die eenvoudige interface zit een SVG rendering engine die geometrische berekeningen doet en het resultaat in realtime visualiseert.
De configurator moet niet alleen werken als klantgerichte aanvraagtool, maar ook als intern instrument waarmee SIBA zelf configuraties kan aanpassen en offertes kan genereren. Twee gebruikscontexten, één systeem.
Bij elke wijziging in het ontwerp wordt de prijs herberekend. De engine neemt materiaalkosten, afwerkingstoeslagen, montagekosten en marges mee, zodat de gegenereerde offerte direct klopt.
Een interne module die automatisch de montagetijd per configuratie berekent. SIBA gebruikt dit voor werkplaatsplanning en capaciteitsberekening.
Onze Oplossing
We ontwierpen en bouwden een configurator die het volledige offertetraject vervangt door een self-service ervaring:
SVG rendering engine
Een op maat gebouwd live tekenprogramma waarin kozijnen in realtime mee veranderen met elke aanpassing
Dubbelzijdig platform
Klanten doen hun aanvraag, SIBA past aan en genereert offertes in dezelfde omgeving
Dynamische prijsengine
Volledige kostprijscalculatie inclusief materiaal, toeslagen, montage en marges
Montage calculator
Automatische berekening van montagetijd per raamconfiguratie
Gefaseerde oplevering
Eerst de configurator en tekentool, daarna prijsberekening en montagemodule
Het Resultaat
Van aanvraag tot offerte in één systeem
Het hele traject van klantaanvraag tot offerte zit nu in één systeem. Waar voorheen elke offerte en elke revisie handwerk was, worden nieuwe versies nu automatisch gegenereerd. De aanvraag komt binnen precies zoals de klant het wil, SIBA hoeft alleen nog aan te passen na inmeting.
Het project is inmiddels uitgebreid naar deuren en schuifpuien, en de montage calculator is doorontwikkeld met extra categorieën.
Screenshots
De configurator in beeld
Een overzicht van de configurator zoals deze er in de praktijk uitziet, op desktop en mobiel.
