Demo's

Niet vertellen,
gewoon laten zien.

Zes stukken die vaak in een website of applicatie terechtkomen, hier als werkend voorbeeld in plaats van als screenshot. Klik erin, ze doen het echt. Er wordt niets opgeslagen en niets verstuurd; alles gebeurt in je eigen browser.

1

Rekenmodule

Bezoekers die zelf een prijs kunnen uitrekenen bellen minder vaak om een indicatie, en de aanvragen die wél binnenkomen zijn beter voorbereid. Schuif aan de oppervlakte en zet opties aan: het bedrag rekent mee, inclusief een staffelkorting die vanzelf inschakelt.

Waar dit meestal voor gebruikt wordt: Offertes, abonnementen, verzendkosten, terugverdientijd.

Openen
2

Aanvraag in stappen

Eén formulier met twintig velden schrikt af. Dezelfde vragen in drie stappen, met een voortgangsbalk en controle per stap, wordt wel afgemaakt. Probeer maar eens door te klikken met een leeg e-mailveld.

Waar dit meestal voor gebruikt wordt: Offerteaanvragen, aanmeldingen, intakes, storingsmeldingen.

Openen
3

Dashboard

De cijfers die je nu maandelijks uit drie systemen bij elkaar plakt, op één scherm. Wissel de periode en beweeg over een staaf voor de details. In het echt komt deze data uit je boekhouding of database, niet uit de pagina zelf.

Waar dit meestal voor gebruikt wordt: Omzet, planning, voorraad, projectstatus, verbruik.

Openen
4

Rollen en rechten

Inloggen is het makkelijke deel. Het echte werk is dat iedereen precies ziet wat hij mag zien, en geen regel meer. Wissel van rol en kijk wat er met dezelfde tabel gebeurt: regels verdwijnen, marges gaan op slot, knoppen vallen weg.

Waar dit meestal voor gebruikt wordt: Klantportalen, intranet, teamaccounts, alles met meer dan één soort gebruiker.

Openen
5

AI-assistent die niet gokt

De meeste AI-koppelingen zijn een chatvenster dat een taalmodel laat raden. Hier niet: kies een vraag en zie eerst de tool die je eigen gegevens ophaalt, dan pas het antwoord. Wil de assistent iets aanmaken, dan wordt dat een voorstel dat jij goedkeurt. Vraag hem ook eens iets wat niet in de data staat.

Waar dit meestal voor gebruikt wordt: Opzoeken en overtypen dat nu handwerk is, binnen software die je al hebt.

Openen
6

Wat een code-audit vindt

Veertien regels code uit een AI-prototype: het compileert, het doet het in de demo en het gaat zo live. Druk op scannen en zie welke drie gaten erin zitten, twee ervan zetten je hele database open voor iedereen die het adres kent.

Waar dit meestal voor gebruikt wordt: Prototypes uit Lovable, Bolt, v0, Replit of Cursor die naar productie moeten.

Openen

Toets 1–6 om direct te kiezen

Wat hier niet in zit

Het echte werk zit onder deze schermen.

Deze zes draaien volledig in je browser: geen database, geen inloggen, geen koppeling, en bij de assistent ook geen taalmodel. Dat is precies het verschil tussen een demo en een product. In een echte versie wordt de prijs op de server berekend zodat niemand hem in de browser kan aanpassen, staat de rol niet in de pagina maar als regel in de database, gaat de aanvraag naar je mailbox of klantportaal, en haalt het dashboard zijn cijfers uit je boekhouding. Dat deel kost de tijd, niet de schermen. Wil je zien hoe dat er voor jouw proces uitziet, dan is de Verkenning daarvoor bedoeld.

Laten we bouwen

Vertel wat je
wilt bouwen.

Een gesprek van een half uur. Je krijgt een eerlijk antwoord over wat het kost, hoe lang het duurt en of het slim is om te bouwen.

bas@webframer.nl+31 6 47 00 62 07
Bas Voets · Webframer
0:00 / 0:00
Demo's · rekenmodule, rollen, AI-assistent en code-audit · Webframer