Echte schermen uit 11 projecten. Hieronder kun je ze een voor een bekijken.
Websites en bedrijfssoftware
Klik een project aan voor het hele verhaal: een voorbeeld uit de praktijk, wat het doet en schermen van de draaiende versie.
Staat vandaag online, zelf te bekijken.
alle 7 reageerden bij de laatste controle op 28 sep 2026
Draait in bedrijf
Eemland Boekt
Offertes, facturen, urenbriefjes scannen en btw-aangifte in één systeem.
React 19ExpressPostgreSQL
Live online
RALOX Sports
Webshop voor padelballen, plus een balautomaat die clubs 24/7 laat verkopen.
ReactViteTailwind 4
Live online
Fun Studios
Eventsite met boekingsflow: photo booths, low fog en indoor vuurwerk.
React 19ViteTailwind 4
Live online
Kozijnfabriek Direct
Gevelfoto erin, offerte eruit — plus een dashboard voor het personeel.
React 19Node 22Supabase
Live online
CourtSwap
Marktplaatsplatform met chat, kaart en accounts — ook als app.
ReactExpress 5Prisma
Live · eigen concept
Glacio Klimaattechniek
Eigen concept: hoe een installatiebedrijf zijn site zou kunnen inrichten.
NodeRailway
Live online
REMH Bouw & Verbouw
Aannemerssite waar de klant zijn eigen dakkapel samenstelt.
React 19ExpressMySQL
Werkend, nog niet op een eigen domein gezet.
Gemaakt tijdens de opleiding.
Eerdere versies, inmiddels vervangen door wat er nu staat.
Geen project gevonden. Probeer een andere zoekterm of zet het filter op Alles.
Bij de meeste bureaus bouwt de een de website en moet je voor alles wat erachter zit bij iemand anders zijn. Ik doe allebei, en juist daar zit de winst: de knop die de klant indrukt en de database die het antwoord geeft zijn samen ontworpen.
Front-end
Schermen die net zo goed werken op een telefoon in de bouwkeet als op een monitor op kantoor. Foto's worden automatisch omgezet naar het kleinste formaat dat nog scherp is, en animaties draaien zonder de pagina te vertragen.
Back-end
De database, de inlog, de rechten per medewerker, het versturen van mail, het maken van pdf's en het veilig opslaan van documenten. Wachtwoorden gehasht, aanvraag-eindpunten afgeschermd, en een database die standaard niets vrijgeeft.
Geoptimaliseerd
Pagina's worden vooraf klaargezet zodat Google ze leest en bezoekers niet wachten. Beelden laden pas als je er bijna bent. En valt een betaalde kaart- of AI-dienst uit, dan schakelt de site door naar een gratis alternatief in plaats van stuk te gaan.
Zo zit zo'n project in elkaar
↓
↓ vraagt gegevens op
↓
Alles in één service, niet vijf losse abonnementen. Valt een betaalde dienst weg, dan schakelt de site door naar een gratis alternatief in plaats van stuk te gaan.
Geteld over alle 11 projecten op deze pagina. Groeit vanzelf mee als er werk bij komt.
Aantal projecten waarin het gebruikt wordt.
Een project kan onder meer dan één soort vallen.
Alles hieronder draait al ergens. Geen lijstje met technieken die ik ooit eens geprobeerd heb.
Beeldherkenning
Een gevelfoto waar de kozijnen uit herkend worden. Een papieren urenbriefje dat gescand én nagerekend wordt. Werk dat anders met de hand overgetypt moet worden.
Kozijnfabriek Direct, Eemland Boekt
Administratie
Aanvraag, offerte, order, factuur, btw en jaarcijfers achter elkaar, zonder dat iemand hetzelfde nummer drie keer overtypt. Pdf's automatisch opgemaakt.
Eemland Boekt, Kozijnfabriek Direct, REMH
3D in de browser
Een dakkapel die echt in het dakvlak staat. Een perceel in 3D met de bouwzone eroverheen. Alles in de browser, zonder plug-in.
Lumière, KijkVergunning, REMH
Kaart en adresdata
Adres opzoeken via PDOK, perceelgrenzen en bouwjaren erbij, Street View voor de gevel, zoeken op afstand. Met een gratis alternatief als een betaalde kaartdienst uitvalt.
KijkVergunning, Kozijnfabriek Direct, CourtSwap
Beheer en rollen
Inloggen, rechten per rol, de zakelijke mailbox erin, planning en leveranciersorders. Met gehashte wachtwoorden en een database die standaard niets vrijgeeft.
Kozijnfabriek Direct, Eemland Boekt, CourtSwap
Live zetten
Hosting, domein, ssl, database met back-ups en zakelijke mail. En waar het nodig is verder dan de browser: dezelfde code als app voor iOS en Android, of sensoren die hun metingen naar een webserver sturen.
Railway, Cloudflare, Supabase · CourtSwap, Kiesradar
Geen offerte van drie kantjes met vaktermen erin. Zo loopt het, en dit zit er standaard bij.
Zit er altijd bij
Je eigen beheer
Waar je het voor doet
Heb je al een website? Plak hem in de scan, dan meet ik hem nu voor je door — snelheid, gewicht, mobiel en wat Google ervan ziet. Je weet binnen een paar seconden of het zin heeft om verder te praten.
De complete administratie van een bouwbedrijf, van offerte tot btw-aangifte, in één systeem dat elke dag gebruikt wordt.
De stapel papieren urenbriefjes gaat door de scanner. Het systeem leest ze uit, telt na of de totalen op het briefje zelf wel kloppen, en zet de uren op het juiste project. Aan het eind van het kwartaal rolt de btw-aangifte er kant-en-klaar uit.
Besloten klantomgeving — rondleiding op aanvraag.
Voor een padelmerk: een webshop voor ballen en grips, met daarnaast een balautomaat voor clubs — ballen uit de muur, betalen met pin of telefoon, en de club verdient mee.
Een speler staat om elf uur 's avonds zonder ballen op de baan. Hij houdt zijn pas tegen de automaat, haalt een koker en speelt door. De club ziet de opbrengst binnenkomen zonder dat er iemand achter de bar hoefde te staan.
Voor een entertainmentbedrijf: photo booths, 360 booth, low fog, indoor vuurwerk en lichtletters — met een boekingsflow die de aanvragen binnenhaalt.
Iemand plant een bruiloft, klikt op "Plan mijn event" en verstuurt het formulier. Hij krijgt meteen een bevestiging in zijn mail. De aanvraag staat op dat moment al in het adminpaneel — ook als het mailen hapert, raakt er niets kwijt.
Voor een kozijnenfabrikant in de regio Amsterdam: een website die zelf offertes voorbereidt, en een dashboard waar het personeel de rest afhandelt.
Een klant typt zijn adres in en uploadt een foto van zijn gevel. Binnen dertig seconden ziet hij welke kozijnen erin zitten en wat vervanging ongeveer kost. Op kantoor staat die aanvraag dan al klaar in het dashboard, klaar om in te plannen voor een inmeting.
Een compleet marktplaatsplatform: adverteren, zoeken op de kaart, chatten en afspreken — als website én als app.
Je zet je oude racket te koop met vier foto's erbij. Iemand uit je buurt ziet hem op de kaart, stelt via de chat een vraag over de staat, en jullie spreken af. Diezelfde flow werkt in de browser en in de app op je telefoon.
Zelf bedacht en gebouwd voor een verzonnen airco-installateur. Geen klantopdracht, maar een uitgewerkt voorbeeld van hoe zo'n bedrijf online kan werken: keuzehulp, vaste tarieven en een intake zonder telefoontje.
Een bezoeker zoekt koeling voor de slaapkamer, beantwoordt drie vragen in de keuzehulp en ziet welke van de acht modellen daarbij passen, met garantie en levertijd erbij. Daarna plant hij meteen een intake — zonder te hoeven bellen.
Website voor een aannemer, met een configurator die de klant zijn eigen dakkapel laat samenstellen.
Een huiseigenaar kiest "Dakkapel plaatsen", stelt zijn configuratie samen en ziet het resultaat op een dakfoto. De offerte komt als pdf binnen, en de aanvraag staat meteen in het beveiligde beheerdeel.
Zie wat je mag bouwen voordat je begint: adres invullen, en je weet of die uitbouw vergunningvrij kan.
Je vult "Voorbeeldstraat 12, Amersfoort" in. Een minuut later weet je dat je daar waarschijnlijk vier meter diep mag uitbouwen, zie je de toegestane zone op de luchtfoto en in 3D, en kun je het rapport downloaden voor je aannemer.
Draait lokaal — live demo op afspraak.
Een dakkapel die je in 3D op je eigen dak ziet staan — draaien, afwerking kiezen, offerte eruit.
Je geeft je postcode en de breedte van je dak op. Het model wordt opgebouwd met de dakkapel echt in het dakvlak gezet, inclusief aansluiting en loodslabben. Je draait eromheen, kiest de afwerking, en haalt er een pdf-offerte uit.
Werkend prototype — draait lokaal.
Teamproject aan de Hogeschool van Amsterdam: een fysieke opstelling die studiekiezers helpt kiezen, met sensoren die met een webapp praten.
Een studiekiezer beantwoordt vragen op de opstelling zelf. De sensoren op de ESP32 sturen elk antwoord naar de webserver, die het in de database zet, en op het scherm verschijnt meteen waar hij het beste bij past.
Teamproject HvA — code staat op de GitLab van de hogeschool.
De eerste versie voor hetzelfde bouwbedrijf: een bedrijfssite met diensten, vacatures en een klantportaal, met Flask en PostgreSQL erachter. Een jaar later opnieuw opgebouwd in Node — dat werd Eemland Boekt.
Een klant logde in op het portaal en zag zijn eigen dossier; op kantoor stond hetzelfde in een dashboard. De rekenhulp op de site gaf alvast een prijsindicatie voordat iemand de telefoon pakte.
Niet meer online — vervangen door Eemland Boekt.
