Een videobriefing in acht vragen, per klant
Een wizard die de briefing voor een wervingsvideo vervangt, met een eigen versie per opdrachtgever.

- Opdrachtgever
- Product
- Route
- Onderwerp
- Platform
- Jaar
UHU maakt employer branding- en wervingsvideo's. Een goede video begint met een goede briefing, en die kwam vaak in stukjes binnen. Myvideoshoot vraagt het in acht korte stappen uit, één vraag per scherm, en draait per opdrachtgever in een eigen versie in hun kleuren.
- Figma
- HTML en CSS
- jQuery Steps
- Bootstrap
- eigen code, geen CMS
In het kort
- 8
- 12
- 30
- 10
Wat er lag
Wie een wervingsvideo bestelt weet vaak wel wat hij wil, maar niet hoe je dat opschrijft. Het gevolg: een mailwisseling, een belletje en nog een mailwisseling voordat duidelijk is voor wie de video is en waar hij terechtkomt. UHU wilde dat een opdrachtgever het in een paar minuten zelf kon aangeven. En grote klanten moesten er een eigen versie van kunnen krijgen.
Drie details die het verschil maken



Het product in vier schermen

Welk type kandidaat: meer dan één antwoord mag. 
Waar de video terechtkomt, van werving tot vertrek. 
Waar de focus ligt, met een veld voor wat niet in het rijtje staat. 
De deadline, van a.s.a.p. tot geen haast.
Hoe het is gemaakt
Wat we deden
We maakten van de briefing een reeks keuzes. Voor wie is de video, welk type kandidaat zoek je, waar in de employee journey komt hij, waar ligt de focus, welke stijl, welke extra's, wanneer moet het af en hoeveel video's. Bij de stijl kies je met een hartje uit voorbeeldvideo's, want een stijl kun je beter zien dan beschrijven.
Aan het eind staat alles nog een keer op kaarten, en een tik op een kaart brengt je terug naar die vraag. Pas daarna vraagt de tool wie je bent.
Op de telefoon blijft het dezelfde reeks: de vraag bovenaan, de tegels twee naast elkaar, en onderin een balk die laat zien hoe ver je bent.

Het ontwerpsysteem
Elke antwoordtegel is hetzelfde onderdeel: een icoon in dunne lijnen op een mintgroene driehoek, een label in kapitalen en een blauwe rand, en het vlak kleurt mint als je hem kiest. De vraag erboven staat groot, met één woord in blauw: het woord waar het om draait, zoals bedrijf, kandidaat of stijl.
In het ontwerpbestand staan de waarden daarvoor op een apart blad: randen in drie standen (gewoon, met nadruk en gekozen), tekst, plaatshoudertekst, iconen en tabelrijen om en om. Een versie voor een andere opdrachtgever is daardoor vooral een ander blad met waarden, niet een nieuw ontwerp.

Een versie per klant
In 2023 ontwierpen we een eigen versie voor een opdrachtgever van UHU, eerst voor de telefoon en daarna voor desktop. Die kreeg een eigen adres, een taalkeuze vooraf en vragen die bij die werkgever horen: de afdeling en een projectnummer, de skills van de kandidaat, wat de werkgever wil uitlichten, een upload voor de vacaturetekst en een vast pakket om uit te kiezen, met fotografie als extra.
De vorm bleef dezelfde: één vraag per scherm, tegels als antwoord en aan het eind een overzicht om te controleren. Dat ontwerp laten we hier niet zien, want het draagt de naam en de kleuren van die klant.
Het systeem
De tool is met de hand gebouwd, zonder CMS: een licht stappenformulier dat per opdrachtgever een eigen versie krijgt, in hun kleuren. Dezelfde vragen, hetzelfde overzicht, een ander jasje.
Elke briefing heeft zo dezelfde acht antwoorden, en na het versturen staat er wat er daarna gebeurt: samen kijken naar de inhoud, het creatieve stuk, de planning en het budget.

Onderweg en aan het eind
Wie twijfelt, hoeft niet te zoeken: op elke vraag zit rechtsboven een knop die een paneel uitschuift met Heb je een vraag? en het nummer van UHU. Het paneel klapt weer in zodra je verder gaat. Onderin loopt een balk mee die laat zien hoe ver je bent, en Verder gaat pas aan als je iets gekozen hebt.
Het gegevensscherm komt als laatste: naam, bedrijf, mailadres en telefoon, en één knop, Verstuur aanvraag. Daarna staat er dat de aanvraag binnen is en wat er nu gebeurt.

Wat we eruit hebben geleerd
- 01
Een briefing wordt beter als je hem opknipt. Eén vraag per scherm met tegels als antwoord voelt als kiezen en niet als invullen, en het controlescherm aan het eind geeft de opdrachtgever het gevoel dat hij zijn eigen briefing heeft geschreven.
- 02
Wie een tool per klant wil aanpassen, moet de vorm vastleggen en de waarden vrijlaten. Zolang de tegel, de vraag en het overzicht hetzelfde blijven, is een nieuwe klant een ander blad met kleuren en vragen.
- 03
Een wizard mag geen fuik zijn. Wie wil wijzigen, moet in één tik terug kunnen en in één tik weer bij het overzicht zijn. En wie iets wil wat niet in de tegels past, moet op elk scherm een mens kunnen bereiken.
Letters en kleuren
- De vraag
- Avenir Black
- Labels en knoppen
- Avenir Heavy
- Lopende tekst
- Avenir Roman
- #002DFFhet woord in de vraag, de randen en de startknop
- #0DFCCDeen gekozen tegel
- #FAFBFFhet vlak van tegels en velden
- #26293Flopende tekst
- Uit css/main.css van myvideoshoot.nl, 30 sep 2026.
Waar het van gemaakt is
- Ontwerp
- Figma
- Tokenblad
- Eerst mobiel, dan desktop
- Stappen
- jQuery Steps
- jQuery Validate
- Voortgangsbalk
- Opmaak
- Bootstrap 4
- Eigen CSS
- Avenir
- Versturen
- Eén POST
- PHP-script
- Geen CMS
Voor wie verder wil lezen
Onder de motorkap
De wizard is één HTML-pagina met twaalf schermen.
De wizard is één HTML-pagina met twaalf schermen. jQuery Steps schuift ze naar links weg, de knop Verder gaat pas aan als je iets gekozen hebt, en de balk onderin loopt bij elke stap tien procent verder.
Het controlescherm leest bij het binnenkomen de gekozen tegels van elke stap en zet ze als labels op een kaart. Tik je op een kaart, dan springt de tool naar die vraag en onthoudt hij dat je van het overzicht kwam: Verder brengt je dan meteen terug, in plaats van alle vragen erna nog een keer.
Na het gegevensscherm gaan de antwoorden, per vraag gegroepeerd, met je naam en je gegevens naar een klein PHP-script op de server. Er zit geen CMS achter.
Waar het nu staat
De algemene versie draait op myvideoshoot.nl, met Powered by UHU onderaan elk scherm.
De algemene versie draait op myvideoshoot.nl, met Powered by UHU onderaan elk scherm. De wizard is gebouwd in 2019; het script draagt nog een wijziging van september dat jaar.
In 2023 kwam er een eigen versie voor een opdrachtgever van UHU, met een eigen adres en eigen vragen. Die staat alleen in woorden in deze case, want hij draagt de naam en de kleuren van die klant.
Hoeveel vragen stelt Myvideoshoot?
Acht, één per scherm: voor wie de video is, welk type kandidaat, waar in de employee journey, de focus, de stijl, de extra's, de deadline en hoeveel video's. Daarna een controlescherm en je gegevens.
Kan ik een antwoord nog wijzigen?
Ja. Op het controlescherm staat elk antwoord op een kaart. Het pijltje brengt je terug naar die vraag, en Verder brengt je meteen weer naar het overzicht.
Wat als mijn vraag niet in de tegels past?
Op elke vraag zit rechtsboven een knop die een paneel uitschuift met het nummer van UHU. Bij de focus is er ook een veld voor iets anders.
Wat gebeurt er na het versturen?
UHU neemt contact op en kijkt samen met je naar de inhoud, het creatieve stuk, de planning en het budget.
Kan een opdrachtgever een eigen versie krijgen?
Ja. In 2023 kreeg een opdrachtgever van UHU een eigen versie met een eigen adres, een taalkeuze vooraf en vragen die bij die werkgever horen, in dezelfde vorm.

