Een videobriefing in acht vragen, per klant
Een formulier in acht stappen voor de wervingsvideo's van UHU, met tegels als antwoord en een eigen versie per opdrachtgever.
- Interface ontwerp
- Gereedschap voor makers

- Opdrachtgever
- Website
- Platform
- Jaar
UHU maakt employer branding- en wervingsvideo's voor werkgevers, van werving tot vertrek. Voor UHU bouwden we Myvideoshoot. Daarin geeft een opdrachtgever de briefing voor zijn video in acht vragen, met tegels als antwoord. In 2023 ontwierpen we een eigen versie voor een van die opdrachtgevers.
- Figma
- HTML en CSS
- jQuery Steps
- Bootstrap
- eigen code, geen CMS
In het kort
- 8
- 12
- 30
- 10
Wat er lag
Je laat een wervingsvideo maken en je weet best wat erin moet, alleen niet hoe je dat opschrijft. Dus volgen eerst een mailwisseling, een belletje en nog een mailwisseling. Pas dan is duidelijk voor wie de video is en waar hij terechtkomt. UHU wilde een tool waarin een opdrachtgever zijn wensen in een paar minuten zelf aangeeft. Een grote klant moest er ook 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. 
Wanneer het af moet, van a.s.a.p. tot geen deadline.
Van mailwisselingen naar acht vragen
Acht vragen, één per scherm
Open je nu myvideoshoot.nl, dan krijg je de briefing als acht vragen, één per scherm. De eerste vraagt voor welk bedrijf de video is, de laatste hoeveel video's je wilt. Daartussen gaat het over de kandidaat, de employee journey (waar de video terechtkomt), de focus, de stijl, de extra's en de deadline.
Je antwoordt met tegels, van trainee tot senior en van één video tot zes of meer. Bij de kandidaat en de focus mag je meer dan één antwoord kiezen. De stijl kies je met een hartje uit voorbeeldvideo's, want een stijl kun je beter zien dan beschrijven.

Dertig tegels uit één onderdeel
Elke antwoordtegel is hetzelfde onderdeel: een icoon in dunne lijnen op een mintgroene driehoek, een label in kapitalen en een blauwe rand. Kies je de tegel, dan kleurt het vlak mint. Waar een keuze uitleg nodig heeft, wordt dezelfde tegel breed.
De vraag erboven staat groot, met één woord in blauw. Dat is het woord waar het om draait, zoals bedrijf, kandidaat of stijl.

Terug in één tik, en een mens op elke vraag
Aan het eind vraagt de tool: Klopt alles? Je antwoorden staan dan op kaarten, één per vraag. Tik je op een kaart, dan ben je terug bij die vraag. Na het wijzigen brengt Verder je meteen weer naar het overzicht, zonder de rest van de reeks opnieuw te doorlopen.
Past je antwoord niet in de tegels, dan is er bij de focus een veld voor iets anders. En op elke vraag zit rechtsboven een knop die een paneel uitschuift met het nummer van UHU. Bij de volgende vraag klapt het vanzelf weer in.
Elke aanvraag met dezelfde acht antwoorden
Wie je bent, vraagt de tool pas na het overzicht: naam, bedrijf, mailadres en telefoon. Wat je verstuurt, komt bij UHU binnen per vraag gegroepeerd, met je gegevens erbij. Zo ziet elke briefing er hetzelfde uit.
Er zit geen CMS achter. De tool is met de hand gebouwd, als één HTML-pagina met twaalf schermen van start tot bedankt.

Een versie per klant, op een ander blad
In het ontwerpbestand staan de waarden op een apart blad: de randen in drie standen (gewoon, met nadruk en gekozen), de tekst, de plaatshouders en de iconen. De tegel zelf verandert niet. Een versie voor een andere opdrachtgever is daardoor vooral een ander blad met waarden.
In 2023 kwam er zo'n versie, voor een opdrachtgever van UHU. Hij kreeg een eigen adres en een taalkeuze vooraf. De vragen horen bij die werkgever: wat hij wil uitlichten, de skills van de kandidaat, de afdeling en een projectnummer. Er kwam een upload voor de vacaturetekst bij, 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. Dat ontwerp laten we hier niet zien, want het draagt de naam en de kleuren van die klant.
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. Het overzicht aan het eind geeft de opdrachtgever het gevoel dat hij zijn eigen briefing schreef.
- 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 formulier in stappen mag geen fuik zijn. Wie iets 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 elke vraag 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
- Gemeten in css/main.css van myvideoshoot.nl op 30 september 2026.
Onder de motorkap
- 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
Hoe het precies werkt
jQuery Steps schuift de twaalf schermen naar links weg.
jQuery Steps schuift de twaalf schermen naar links weg. De balk onderin loopt bij elke stap tien procent verder.
Het controlescherm leest 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, en de vragen erna sla je over.
Na het gegevensscherm gaat alles met één POST naar een klein PHP-script op de server.
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 tool is gebouwd in 2019, en 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.
Hoeveel vragen stelt Myvideoshoot?
Acht, één per scherm. Ze gaan over het bedrijf, het type kandidaat, de plek in de employee journey, de focus, de stijl, de extra's, de deadline en het aantal video's. Daarna volgen een controlescherm en je gegevens.
Kan ik in Myvideoshoot 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 antwoord niet tussen de tegels van Myvideoshoot staat?
Bij de focus is er een veld voor iets anders. En op elke vraag zit rechtsboven een knop die een paneel uitschuift met het nummer van UHU.
Wat gebeurt er na het versturen van een aanvraag in Myvideoshoot?
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 van Myvideoshoot krijgen?
Ja. In 2023 kreeg een opdrachtgever van UHU een eigen versie in dezelfde vorm. Die heeft een eigen adres, een taalkeuze vooraf en vragen die bij die werkgever horen.
