Richtlijnen voor een goede hero-video

Een video in je hero trekt direct de aandacht en kan in een paar seconden veel sfeer en informatie overbrengen. Maar hoe zorg je ervoor dat een hero-video er goed uitziet op zowel desktop als mobiel?

Met deze richtlijnen haal je het meeste uit je video.

1. Gebruik de juiste afmetingen

Voor het beste resultaat adviseren we om aparte video's voor desktop en mobiel te gebruiken.

Desktop: 2560 × 1440 pixels

Gebruik voor desktop een video in landscape-formaat: breder dan hoog.

We adviseren een resolutie van 2560 × 1440 pixels (1440p). Zo blijft de video ook op grotere schermen scherp, zonder dat je direct met zware 4K-bestanden hoeft te werken.

Advies: film of exporteer je bronmateriaal bij voorkeur minimaal in 1440p.

Mobiel: 1080 × 1920 pixels

Gebruik voor mobiel een video in portrait-formaat: hoger dan breed.

Een resolutie van 1080 × 1920 pixels (Full HD) is voor mobiele apparaten meestal ruim voldoende.

2. Houd rekening met uitsnedes

Een hero schaalt mee met verschillende schermformaten. Daardoor kunnen delen van je video buiten beeld vallen. Welke uitsnede het beste werkt, hangt ook af van de plek waar je titel en andere tekst in de hero staan.

Daarom is het belangrijk om rondom je belangrijkste onderwerp voldoende veilige ruimte te houden.

Desktop

Plaats belangrijke personen, producten of andere beeldinformatie bij voorkeur niet helemaal aan de linker- of rechterkant van het beeld. Op smallere schermen kunnen deze delen worden afgesneden.

Staat de titel van je hero bijvoorbeeld links? Zorg er dan voor dat daar voldoende rustige ruimte in de video aanwezig is, zodat tekst en beeld elkaar niet in de weg zitten.

Tip: zet het belangrijkste onderwerp zoveel mogelijk rond het midden van het beeld.

Mobiel

Op mobiel kunnen juist delen aan de boven- en onderkant van de video buiten beeld vallen. Plaats belangrijke informatie daarom niet te dicht bij de randen.

Houd ook rekening met de positie van de titel. Staat die bijvoorbeeld onderin de hero? Zorg dan dat dit deel van de video rustig genoeg is om tekst goed leesbaar te houden.

3. Houd de video kort

Een hero-video is bedoeld om snel de aandacht te trekken. Bezoekers bekijken meestal maar een klein deel van de video voordat ze verder scrollen.

Zorg er daarom voor dat er in de eerste 2 à 3 seconden al iets interessants gebeurt.

Desktop: maximaal 10 seconden

Voor desktop adviseren we een video van maximaal 10 seconden.

Mobiel: maximaal 7 seconden

Op mobiel mag het nog wat korter: houd hier maximaal 7 seconden aan.

Probeer de video niet eindeloos te laten loopen. Constante beweging kan onrustig worden en afleiden van de inhoud van de pagina. Een rustige eindstill kan daarom een mooi alternatief zijn.

Algemene tips

• Laat de video aansluiten bij de pagina. Kies niet alleen voor mooie beelden, maar voor beelden die echt iets toevoegen aan het onderwerp.

• Mensen zorgen voor herkenning. Natuur- en sfeerbeelden kunnen prachtig zijn, maar mensen in beeld maken een video vaak persoonlijker en herkenbaarder.

• Houd het belangrijkste onderwerp centraal. Zo voorkom je dat het op bepaalde schermformaten buiten beeld valt.

• Denk aan de tekst in je hero. Zorg voor voldoende rustige ruimte achter titels en andere teksten, zodat deze goed leesbaar blijven.

• Begin sterk. Wacht niet vijf seconden voordat er iets gebeurt: de eerste paar seconden zijn het belangrijkst.

Kort samengevat

Voor een goede hero-video geldt: kort, scherp, relevant en rustig opgebouwd. Gebruik verschillende formaten voor desktop en mobiel, houd belangrijke onderwerpen uit de randen van het beeld en zorg dat de video vanaf het eerste moment de aandacht trekt.