Aanvraag- en offerteproces

← Alle projecten

SIBA Kozijnen Configurator

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.

Configurator overzicht
Configurator mobiele weergave

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.

Daarvoor in de plaats kwam 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.

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:

  1. Live tekensoftware in de browser. 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.
  2. Eén tool voor klant én bedrijf. 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.
  3. Automatische prijsberekening met volledige kostprijslogica. 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.
  4. Montage calculator. Een interne module die automatisch de montagetijd per configuratie berekent. SIBA gebruikt dit voor werkplaatsplanning en capaciteitsberekening.

De oplossing

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.

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.

Zelf een configurator laten bouwen? Lees wat daarbij komt kijken.

Stack

Gebouwd met

  • Next.jsFrontend Framework
  • ReactUI Library
  • Node.jsBackend
  • PostgreSQLDatabase
  • GCPCloud Infrastructure
  • TailwindStyling

Samenwerken?

Neem contact op en ontdek wat er samen mogelijk is.

Kop koffie drinken

Geheel vrijblijvend jouw idee of probleem te bespreken onder het genot van een kopje koffie.