Hoe we dashboards levend krijgen op uw website, zonder demo-account
Een korte demo-video op een productpagina verkoopt beter dan een statische screenshot. Wij bouwden een systeem dat elk dashboard opnieuw opneemt zodra de site verandert, zonder klantdata en zonder dure animatiestudio.
Een productpagina met een korte, eerlijke demo-video verkoopt simpelweg beter dan dezelfde pagina met een statische screenshot. Iedereen die ooit een SaaS aan de man heeft gebracht weet dat. Het probleem is meestal niet dat de wens ontbreekt, het probleem is de prijs. Een demo laten maken kost al snel 1000 euro per minuut, en zodra uw interface verandert ligt er een rekening van een halve dag opnieuw filmen op tafel. Bij ons begon datzelfde probleem te spelen, en we wilden er niet keer op keer voor betalen.
Het probleem dat we zelf hadden
We bouwen een paar producten naast elkaar: een SEO-dashboard voor een specialist in sportuitlaten, een trading-journal voor onze eigen handelsplatform-site, een interne cockpit voor het hele bedrijf en een lead-platform voor een verhuurbedrijf in Rotterdam. Elk van die producten heeft een verkoopverhaal, en elk verkoopverhaal werkt beter met beweging dan met een platte schermafbeelding.
We hadden twee onaantrekkelijke opties. Optie één: handmatig opnemen met een schermrecorder en hopen dat we hetzelfde shot konden reproduceren als de pagina volgende maand verandert. Dat werkt niet als je een bibliotheek van vier of vijf demo’s wilt onderhouden, omdat handmatig opnieuw opnemen elke keer een halve dag van iemand kost. Optie twee: betalen voor AI-video tools die muisbewegingen verzinnen en een interface laten zien die niet helemaal klopt met de echte. Beide voelden alsof we het probleem niet oplosten, maar omzeilden.
Wat we hebben geprobeerd
Onze eerste poging was de simpelste die we konden bedenken. We installeerden een schermrecorder, namen een demo op, en stopten die online. De video zag er prima uit op de dag van publicatie. Drie weken later veranderden we een knop op de homepage, en de demo klopte niet meer. Niemand had tijd om het opnieuw te filmen. De video bleef staan, langzaam achterhaald, totdat we hem helemaal weghaalden omdat hij meer kwaad deed dan goed.
Daarna probeerden we een AI-video service. Dat ging sneller, maar het eindresultaat was vreemd. De cursor bewoog op een manier die geen mens zou maken. De interface in de video had subtiele verschillen met de echte. Iemand die ons product al kent voelt het verschil binnen drie seconden, en wie het product nog niet kent voelt vooral dat er iets niet klopt zonder de vinger erop te kunnen leggen. We stopten ermee na één maand.
Wat we eigenlijk wilden was iets ertussenin. Een opname van het echte product, gemaakt op een manier die we kunnen herhalen zodra de pagina verandert, zonder dat er elke keer iemand een halve dag tijd voor moet vrijmaken.
Wat er werkt
We hebben een opname-systeem gebouwd dat zelf het echte product start, een vooraf bepaald script doorloopt door scrollen, klikken en hover-acties, en de beelden vastlegt als een MP4-video. Het draait op een gewone laptop in ongeveer 90 seconden voor een minuut beeld. Geen externe service, geen abonnement, geen rekening die met het aantal frames meegroeit.
Drie keuzes maakten het verschil. De eerste: het opnamescript is een lijstje, geen programmacode. Een nieuw scenario opstellen voelt voor de operator als een takenlijst schrijven, niet als programmeren. Een typische demo van 15 seconden bestaat uit ongeveer 30 regels die seconde voor seconde vertellen wat er moet gebeuren. Verandert de pagina, dan past u één of twee regels aan en draait u het opnieuw.
De tweede: voor schermen achter login kunnen we een demo-omgeving opnemen die er voor de bezoeker hetzelfde uitziet als een ingelogde gebruiker, zonder dat er ooit echte klantdata in beeld komt. Hoe we dat oplossen verschilt per product, omdat elke inlog-architectuur anders is. Wat altijd hetzelfde blijft: de beelden tonen het werkelijke product zoals een echte gebruiker het ziet, en de privacy van uw klanten blijft buiten beeld. Eerlijk gezegd was dit het lastigste deel van het hele ontwerp, omdat we voor elke site een andere oplossing moesten verzinnen.
De derde: de video’s blijven klein genoeg om snel te laden. Een typische clip van 9 seconden weegt rond de 1,4 megabyte. Dat is licht genoeg om vooraf te laden zonder dat een mobiele bezoeker er last van heeft, en scherp genoeg om op een 4K-scherm geen pixelmatige indruk te maken. Geen YouTube-iframe, geen externe player, geen tracker die de bezoeker volgt naar de volgende pagina.
Wat het oplevert
Voor onze eigen cockpit staan inmiddels 4 scenario’s klaar. De optimizer in actie, het journal met live-equity curve, de portfolio-heatmap, en de AI-advisor in gesprek. Elk scenario rendert in iets meer dan een minuut. Voor de homepage van Trueben draait een clip van 9 seconden direct boven de vouw, klein genoeg om mee te laden met de pagina zelf.
De besparing zit niet in de eerste video. Die had een filmploeg ook gemaakt, en sneller misschien. De besparing zit in de tiende. Iedere keer dat we een nieuwe productpagina lanceren of een bestaande feature verversen, hoeven we niemand opnieuw in te schakelen. We passen het scriptje aan, drukken op start, en binnen 10 minuten is de pagina weer actueel. Dat is de echte winst, en dat is precies waar de meeste demo-pijplijnen op kapot lopen.
Wat dit voor u kan betekenen
Als u software verkoopt of een dienst aanbiedt waarbij een dashboard de kern is van wat u levert, ziet u nu waarschijnlijk één van twee patronen op uw site. Of er staan statische schermafbeeldingen die niemand echt overtuigen, of er hangt een video uit 2023 waarin de interface inmiddels twee versies oud is. Beide vertellen de bezoeker hetzelfde: hier is iemand achter geweest, maar dat is een tijdje geleden.
Wij installeren dit systeem ook bij klanten. Voor een MKB-bedrijf met een eigen webapplicatie of dashboard is een halve werkdag genoeg om de eerste vier scenario’s op te zetten. Daarna is het gemiddeld een uur per nieuwe video, in plaats van een halve dag van een filmploeg. Geen abonnement, geen lock-in, geen rekening die met het aantal frames meegroeit. Wel een productpagina die laat zien wat het product werkelijk doet, in plaats van wat de marketingafdeling hoopt dat het doet.
Wilt u eens kijken of dit voor uw situatie zinvol is, plan een gesprek van 30 minuten. We bekijken samen welke schermen u wilt tonen, hoe uw inlog in elkaar zit, en of een installatie binnen een werkdag haalbaar is. Geen pitch, geen verkoopverhaal. Een eerlijk gesprek over wat er nu staat en wat er beter kan.