Werk

Systemen die
het werk doen.

Geselecteerde projecten en oplossingsblauwdrukken: referentiearchitecturen voor de problemen die ik het vaakst oplos, van AI-documentverwerking tot offline-first apps.

Geselecteerde projecten

Recent werk

Realesate agent
E-commerce2025Uitgelicht

Madamerealty

Madamerealty

  • Nodejs
  • Nextjs
  • AI
Bekijk case study
Direct 247 ecommerece website

E-commerce · 2026

Direct 247

An Ecommerce website for Business to Promote their Business Online

  • wordpress
  • WooCommerce
  • Rabo smart pay

Oplossingsblauwdrukken

Referentiearchitecturen die ik ontwerp en bouw.

Blauwdrukken laten zien hoe ik veelvoorkomende problemen aanpak. Het zijn patronen, geen klantcases; klantnamen blijven vertrouwelijk, tenzij een klant heeft ingestemd met vermelding.

AI-automatisering

Agent voor documentverwerking

Probleem
Facturen, orders en formulieren komen per e-mail binnen als pdf's en scans. Iemand typt ze over in het boekhoud- of ERP-systeem: traag, foutgevoelig en saai.
Aanpak
Een intakeservice bewaakt de mailbox, een LLM haalt de velden eruit volgens een strikt schema, regels valideren totalen en leveranciers, en een controlescherm handelt twijfelgevallen af vóór het boeken.

Flow

  1. Mailbox
  2. OCR + LLM-extractie
  3. Validatieregels
  4. Menselijke controle
  5. Boekhouding / ERP

ResultaatStandaarddocumenten lopen automatisch door; mensen kijken alleen nog naar uitzonderingen.

  • Python
  • FastAPI
  • Claude / GPT
  • PostgreSQL
  • Exact Online / Moneybird API

AI-engineering

Support-copilot met RAG

Probleem
Supportmedewerkers zoeken in wiki's, handleidingen en oude tickets om steeds dezelfde vragen te beantwoorden, en nieuwe collega's hebben maanden nodig om ingewerkt te raken.
Aanpak
Bedrijfskennis wordt geïndexeerd in een vectordatabase. Voor elk ticket haalt de copilot relevante bronnen op en stelt een antwoord met bronvermelding op, dat de medewerker goedkeurt of aanpast.

Flow

  1. Kennisbronnen
  2. Chunking + embeddings
  3. pgvector-zoekopdracht
  4. LLM-concept met bronnen
  5. Medewerker keurt goed

ResultaatConsistente antwoorden met bronnen en sneller inwerken, met altijd een mens aan het roer.

  • TypeScript
  • Next.js
  • pgvector
  • Anthropic / OpenAI
  • Zendesk / Freshdesk API

Procesautomatisering

Pipeline van lead naar CRM

Probleem
Leads komen binnen via de website, e-mail en LinkedIn, en belanden in inboxen en spreadsheets in plaats van in het CRM. Opvolging hangt af van wie het toevallig ziet.
Aanpak
Elk kanaal voedt één pipeline. Leads worden ontdubbeld, verrijkt met KvK- en bedrijfsgegevens, door een LLM gescoord op je ideale klantprofiel en in het CRM aangemaakt met een eigenaar en een taak.

Flow

  1. Webformulieren & e-mail
  2. Ontdubbeling
  3. Verrijking (KvK)
  4. AI-scoring
  5. HubSpot / Pipedrive + Slack

ResultaatElke lead staat binnen enkele minuten in het CRM, met context en een eigenaar.

  • n8n
  • Node.js
  • HubSpot API
  • KvK API
  • Slack

API's & data

Operationeel dashboard

Probleem
Managementcijfers staan verspreid over vijf tools. Elke maandag exporteert iemand CSV's om met de hand hetzelfde rapport te maken.
Aanpak
Geplande pipelines halen data uit de bron-API's naar een PostgreSQL-warehouse, modellen definiëren elke KPI één keer, en een dashboard met alerts vervangt het handmatige rapport.

Flow

  1. Bron-API's
  2. Geplande ETL
  3. PostgreSQL-warehouse
  4. KPI-modellen
  5. Dashboard + alerts

ResultaatEén betrouwbare set cijfers, altijd actueel, zonder maandagspreadsheet.

  • Python
  • dbt
  • PostgreSQL
  • Metabase / Power BI
  • Docker

Mobiel & desktop

Offline-first buitendienst-app

Probleem
Monteurs vullen op locatie papieren formulieren in zonder betrouwbaar bereik, en kantoor typt ze dagen later over.
Aanpak
Een React Native-app slaat inspecties lokaal op, legt foto's en handtekeningen vast en synchroniseert met de backend zodra er weer verbinding is. Kantoor ziet de resultaten in het webportaal.

Flow

  1. Mobiele app
  2. Lokale database
  3. Synchronisatie op de achtergrond
  4. API
  5. Webportaal

ResultaatRapporten zijn dezelfde dag compleet en in het systeem, zonder dubbele invoer.

  • React Native
  • Expo
  • SQLite
  • Node.js
  • PostgreSQL

Webplatform · Live

Deze website

Probleem
Een tweetalige bedrijfswebsite die redacteuren zonder developer kunnen beheren, snel genoeg om goed te ranken en opvallend genoeg om bij te blijven.
Aanpak
Next.js met een headless Payload CMS, Engels en Nederlands op aparte domeinen, gestructureerde data voor zoekmachines, een WebGPU-vloeistofsimulatie op de homepage en live shader-graphics in elke paginaheader.

Flow

  1. Payload CMS
  2. Next.js App Router
  3. next-intl (EN / NL)
  4. WebGPU (vgpu)
  5. Zelf gehost met Nginx

ResultaatEcht en live: je gebruikt hem nu.

  • Next.js 16
  • Payload CMS 3
  • PostgreSQL
  • vgpu / WebGPU
  • Tailwind CSS

Gereedschapskist

De stack achter het werk

Frontend

  • Reactjs
  • Nextjs

Strategy

  • AI

Backend

  • Hono js
  • Nestjs
  • Nodejs

15+ projecten

Opgeleverd op het gebied van AI, automatisering, web, mobiel en data.

95% tevredenheid

Klanttevredenheid over alle opgeleverde projecten.

Van begin tot eind

Van scoping en prototyping tot productie en support.

Herken je een van deze problemen?

Start een project