# Productdemovideo: laat het product zien in een minuut

[Canonical HTML page](https://gradiently.design/nl/guide/product-demo-video)

De beste demo’s lopen niet alle functies af. Ze laten één persoon zien die snel één klus klaart. Hier vind je een structuur van zestig seconden, een script om aan te passen en de details die het afgewerkt laten ogen.

## The short version

- Een productdemovideo werkt het best als hij één echte taak laat zien, van probleem tot resultaat, in plaats van een rondleiding langs alle functies.
- Minder dan een minuut is genoeg voor een demo op een landingspagina of in een social feed; langere walkthroughs horen in helpartikelen.
- Laat in de eerste seconden het resultaat zien, zodat kijkers weten wat ze krijgen voordat je laat zien hoe.
- Ondertitels zijn onmisbaar, want productdemo’s worden vaak zonder geluid bekeken, op landingspagina’s en in feeds.
- Maak een aparte verticale versie voor social video in plaats van de breedbeeldversie bij te snijden.

Een goede **productdemovideo** laat één persoon één echte klus doen met je product, van het probleem tot het eindresultaat, in minder dan een minuut. Open met het resultaat, laat de drie of vier stappen zien die ernaartoe leiden en sluit af met één vervolgactie. Gebruik een schoon scherm, leesbare tekst, ondertitels voor wie zonder geluid kijkt en een korte titelkaart en eindkaart in je huisstijl. Weersta de functierondleiding: kijkers onthouden een uitkomst, geen menu.

## Kies één taak, niet alle functies

Schrijf voordat je een opnametool opent één zin: “Een [persoon] gebruikt [product] om [resultaat] te bereiken in [korte tijd].” Bijvoorbeeld: een cafébaas gebruikt een boekingsapp om een geannuleerde tafel in twee minuten weer te vullen. Die zin is de hele video. Alles wat daar niet aan bijdraagt, hoort in een andere video.

### Functierondleiding

- Begint op het inlogscherm
- Bezoekt elk tabblad op volgorde
- Legt instellingen uit waar niemand om vroeg
- Eindigt met “en nog veel meer”
- Drie minuten en nog steeds bezig

### Taakdemo

- Begint bij het eindresultaat
- Volgt één echte klus, van begin tot eind
- Laat alleen de klikken zien die ertoe doen
- Eindigt met één duidelijke vervolgstap
- Veertig tot zestig seconden

## Opbouw van een productdemovideo van 60 seconden

Deze opbouw past bij een landingspagina, een lanceringspost of een verkoopmail. De tijden zijn een richtlijn; de volgorde is waar het om draait.

| Seconden | Moment | Wat er op het scherm staat |
| --- | --- | --- |
| 0 tot 5 | Het resultaat | Het eindproduct: de volle agenda, de verstuurde factuur, de gepubliceerde pagina |
| 5 tot 12 | Het probleem | Het rommelige voordien, in één shot, met één regel stem of ondertitel |
| 12 tot 45 | Drie of vier stappen | Alleen de klikken die de taak vooruit helpen, pauzes eruit geknipt |
| 45 tot 55 | Terug naar het resultaat | De uitkomst nogmaals, nu kijkers weten hoe die is gemaakt |
| 55 tot 60 | Eén vervolgstap | Een eindkaart met één actie en je adres |

Resultaat, probleem, stappen, resultaat, actie. Eerst de uitkomst laten zien geeft kijkers een reden om de stappen te volgen.

## Schrijf een demovideoscript dat bij het scherm past

Schrijf het script in twee kolommen: wat er gezegd wordt en wat er getoond wordt. Elke regel stem moet iets beschrijven wat op dat moment zichtbaar is. Hoor je jezelf iets uitleggen wat niet in beeld is, schrap de regel of verander de shot.

```text
ZEGGEN                                ZIEN
Vrijdag, 7pm. Een reservering voor zes wordt geannuleerd.  Agenda met een rood gat om 7:30
Dat betekende vroeger een lege tafel.          Hetzelfde gat, foto van lege eetzaal
Open de wachtlijst.                           Klik op Wachtlijst
Kies het gat. Tik op Aanbieden.               Selecteer 7:30, klik op Aanbieden
De eerste gast die accepteert krijgt de tafel.     Telefoonmelding, Accepteren getikt
Tafel weer vol. Twee minuten.                 Agenda, gat gevuld, timer 1:52
Probeer het op je eigen boekingen.            Eindkaart: tablefull.app
```

Een script in twee kolommen voor een demo van 45 seconden. Elke regel is kort genoeg om te zeggen terwijl de actie plaatsvindt.

Lees het hardop voor met een timer voordat je opneemt. Loopt het uit, schrap dan hele stappen in plaats van sneller te praten.

## Een schone demo opnemen

1. **Zet realistische demodata klaar** Vul het product met geloofwaardige namen, cijfers en afbeeldingen. Lege toestanden en “Test test 123” laten een product ongebruikt lijken.
2. **Ruim het scherm op en vergroot het** Verberg bladwijzers en meldingen, sluit andere tabbladen en zoom de interface in tot 125% of meer, zodat tekst een telefoonscherm overleeft.
3. **Neem één stap per opname op** Korte opnames zijn makkelijk over te doen en te trimmen. Beweeg de aanwijzer langzaam en pauzeer even na elke klik.
4. **Neem de stem apart op als het kan** De tekst inspreken over klaar beeldmateriaal geeft een soepeler tempo dan praten terwijl je klikt.
5. **Zoom in waar het ertoe doet** Snijd bij of schaal in op de knop of het veld dat gebruikt wordt, zodat kijkers niet over een volledig bureaublad hoeven te zoeken.

[Schermopname](https://gradiently.design/nl/guide/screen-recording-tips) behandelt toestemmingen, audio en wat je moet delen uitgebreid.

## Ondertitels, titelkaart en eindkaart

Demo’s op landingspagina’s spelen meestal automatisch en zonder geluid af, en feeds starten ook zonder geluid, dus de ondertitels dragen het verhaal. Houd elke ondertitel tot één korte regel die bij de stem past, geplaatst waar hij het deel van de interface dat je laat zien niet bedekt. [Videoondertitels](https://gradiently.design/nl/guide/video-captions-design) behandelt stijl en plaatsing.

Omlijst de demo met twee ontworpen beelden in je huisstijl: een titelkaart die de uitkomst noemt en een eindkaart met één actie. Daardoor lijkt een schermopname op een productvideo in plaats van een opname, en dit is wat mensen zien als omslagbeeld voordat ze op afspelen drukken.

Een 16:9 titelkaart voor een productdemo met de tekst Vul een geannuleerde tafel in 2 minuten, op een verloop in huisstijl

De titelkaart noemt de uitkomst, niet de functie. Hij dient ook als omslagbeeld van de video op de landingspagina.

Een 16:9 eindkaart met de tekst Probeer het op je eigen boekingen, met het productadres eronder, in hetzelfde verloop

De eindkaart vraagt om één ding. Twee knoppen en een social handle verdelen de aandacht in drieën.

## Eén demo, elke plek

Een demo moet meestal op meerdere plekken leven: de landingspagina, een lanceringspost, een verkoopmail en korte social video. Maak eerst de breedbeeldversie en bouw dan een verticale versie voor social, met de schermopname gecentreerd op je achtergrond, een kop erboven en ondertitels eronder. Een breedbeelddemo bijsnijden naar verticaal snijdt de helft van de interface weg.

- Landingspagina 1920×1080: 1920 × 1080
- Feed 1080×1350: 1080 × 1350
- Reels en Shorts 1080×1920: 1080 × 1920
- LinkedIn 1200×1200: 1200 × 1200

Vier thuisplekken voor dezelfde demo. De breedbeeldopname staat in elk kader op je achtergrond in plaats van bijgesneden te worden.

Comprimeer het bestand op een website, geef de video een omslagbeeld en laat bezoekers hem zelf starten als hij geluid heeft. [Video-achtergrond website](https://gradiently.design/nl/guide/video-background-website) legt bestandsgroottes en formaten uit, en [landingspagina ontwerpen](https://gradiently.design/nl/guide/landing-page-design) laat zien waar een demo op de pagina thuishoort. Voor de posts die hem aankondigen, zie [productlancering graphics](https://gradiently.design/nl/guide/launch-day-graphics).

## De demo maken in Gradiently

Met Pro neem je scherm en stem op in de browser, bekijk je de clips, trim je ze op de tijdlijn van Gradiently, voeg je ondertitels en muziek toe en ontwerp je de titel- en eindkaart op dezelfde Mark, zodat elk beeld bij elkaar past. Maak de verticale en vierkante versies in één stap uit hetzelfde ontwerp, en de Designer kan de ondertitelregels en posttekst opstellen in de stem van je merkkit.

## FAQ

### Hoe lang moet een productdemovideo zijn?

Minder dan een minuut voor landingspagina’s en social video. Langere walkthroughs van twee tot vijf minuten passen bij helpcentra en verkoopgesprekken, waar kijkers het product al willen leren kennen.

### Wat hoort er in een productdemovideo?

Het resultaat vooraf, het probleem in één shot, drie of vier stappen van één echte taak, het resultaat nogmaals en één vervolgactie, met ondertitels door het hele beeld.

### Moet een demovideo een voice-over hebben?

Dat helpt, maar schrijf ook ondertitels, want demo’s op landingspagina’s en in feeds spelen meestal zonder geluid. De video moet ook zonder geluid te begrijpen zijn.

### Welk formaat moet een productdemovideo hebben?

1920×1080 voor websites en YouTube, plus een verticale versie van 1080×1920 en een feedversie van 1080×1350 met de opname op een achtergrond in huisstijl.