Kasten Fabriek
Kasten op maat zelf ontwerpen in 3D, direct de prijs zien en online bestellen. Configurator, webshop en kennisbank in één site, volledig zelf te beheren.
- Webdesign
- Branding
- Websites
- 3D-configurators
- van afmeting tot bestelling
- 5 stappen
- prijs tijdens het ontwerpen
- Live
- geautomatiseerde tests
- 650+
De vraag
Kastenfabriek maakt kasten op maat: kledingkasten, wasmachinekasten en deuren voor bestaande IKEA PAX-kasten. Elke kast is anders: andere maten, een schuin dak, een wasmachine die erin moet, per vak een eigen indeling. De vraag: een website waarop klanten hun kast zelf ontwerpen, in 3D zien, direct de prijs krijgen en online bestellen. Zonder tussenkomst van een verkoper, ook op mobiel. Daarnaast een webshop voor losse producten, een kennisbank voor inmeten en montage, en alles zelf te beheren: prijzen, materialen, handgrepen, teksten en acties.
3D-configurator in de browser
Een wizard in vijf stappen: afmetingen, indeling, materiaal, handgrepen, accessoires. De kast reageert live op elke keuze. Schuine zijwanden en achterwand voor onder een dak, een opzetkast boven 275 cm, per vak een eigen indeling met planken, roedes of lades, deuren tot de vloer, LED en stekkerdozen. Gebouwd met Three.js en React Three Fiber op de WebGPU-renderer, met automatische WebGL-fallback voor oudere browsers.
Prijs altijd zichtbaar
Het complete prijsmodel staat in Sanity: basisprijzen, toeslagen, accessoires, materialen, grepen, kortingscodes. De totaalprijs inclusief levering en montage rekent live mee tijdens het ontwerpen. Kastenfabriek past prijzen en assortiment aan zonder developer.
Van ontwerp naar bestelling
Account met Google-login, ontwerpen bewaren en later verder gaan, winkelwagen met bewerkbare configuraties, afrekenen via Stripe. Na betaling ontvangt de klant een bevestiging en krijgt de werkplaats automatisch een specificatie-PDF: vooraanzicht met maatvoering, moduletabel, materialen, 3D-captures en prijsopbouw. Klaar voor productie.
Meer dan een configurator
Webshop met een eigen PAX-deurenconfigurator en gratis materiaalstalen. Kennisbank met artikelen, video’s en PDF-handleidingen. Homepage met videohero, scroll-panorama van alle modules en interactieve hotspots op de kast. Alles ook op mobiel.
Stack
Next.js 16 · React 19 · TypeScript · Tailwind · Three.js / React Three Fiber (WebGPU) · Sanity · PostgreSQL / Drizzle · Better Auth · Stripe · Resend · 650+ geautomatiseerde tests.
