Myvideoshoot · Klantproduct

Een videobriefing in acht vragen, per klant

Een wizard die de briefing voor een wervingsvideo vervangt, met een eigen versie per opdrachtgever.

Het startscherm van Myvideoshoot: een witte kaart met de kop Geef in enkele minuten de juiste richting aan jouw video aanvraag en een blauwe knop Start aanvraag, op een mintgroene achtergrond met de woorden My Video Shoot in grote letters, en onderaan Powered by UHU.

Door Alexander Kaan, product designer · bijgewerkt september 2026

Opdrachtgever
UHU
Product
Myvideoshoot
Route
Klantervaring verbeteren
Onderwerp
Interface ontwerpGereedschap voor makers
Platform
Web
Jaar
2023

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.

Gebouwd met
  • Figma
  • HTML en CSS
  • jQuery Steps
  • Bootstrap
  • eigen code, geen CMS

In het kort

vragen, één per scherm
8
schermen van start tot bedankt
12
antwoordtegels met een eigen icoon
30
schermen met een hulpknop naar een collega van UHU
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

  • De vraag Welk type kandidaat zoek je? met het woord kandidaat in blauw, vier tegels, trainee, starter, mid career en senior, waarvan starter en mid career gekozen en mintgroen, en de knop Verder.
    Welk type kandidaat: meer dan één antwoord mag.
  • De vraag Waar in de employee journey wordt de content ingezet? met zes tegels, van externe employer branding en recruitment tot onboarding, training en development, interne employer branding en offboarding.
    Waar de video terechtkomt, van werving tot vertrek.
  • De vraag Waarop wil je focussen? met vijf brede knoppen onder elkaar, van een vacature, rol of functie tot een bijeenkomst of event, twee ervan gekozen, en daaronder een veld voor iets anders.
    Waar de focus ligt, met een veld voor wat niet in het rijtje staat.
  • De vraag Wanneer moet de video content gereed zijn? met vier tegels, a.s.a.p., binnen drie maanden (gekozen), langer dan drie maanden en geen deadline, elk met een getekend icoon.
    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.

Vier schermen van Myvideoshoot op een telefoon naast elkaar op lichtblauw: het startscherm met de kop Geef in enkele minuten de juiste richting aan jouw video aanvraag en een blauwe knop Start aanvraag, de vraag Welk type kandidaat zoek je? met vier tegels Trainee, Starter, Mid career en Senior, de vraag Kies je extra opties voor een nog beter resultaat met ondertiteling, een social pakket en fotografie, en het controlescherm Klopt alles? met een kaart per antwoord.
Op de telefoon: het startscherm, een vraag met tegels, de extra's en het controlescherm.

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.

Uitsnede van de eerste vraag van Myvideoshoot: de kop Voor welk bedrijf is de video content? met het woord bedrijf in blauw, een invulveld, en zes tegels met blauwe randen, elk met een lijnicoon op een mintgroene driehoek en een label in kapitalen: Overheid, Zorg / onderwijs, Industrie / IT techniek, FMCG / retail, Zakelijke dienstverlening en Media, met daaronder de knop Verder.
De eerste vraag van dichtbij: zes tegels uit hetzelfde onderdeel.

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.

Negen schermen van Myvideoshoot in een raster op mintgroen: de acht vragen, van Voor welk bedrijf is de video content? tot Hoeveel video's wil je laten maken?, met tegels met icoontjes als antwoorden, en als negende het controlescherm Klopt alles? met een kaart per antwoord.
De acht vragen en het controlescherm, van links boven naar rechts onder.

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.

Het scherm Aanvraag afronden! van Myvideoshoot met vier velden onder elkaar, naam aanvrager, bedrijf, e-mail en telefoon, en een mintgroene knop Verstuur aanvraag, met onderin de voortgangsbalk bijna vol en Powered by UHU.
Het laatste scherm: pas hier vraagt de tool wie je bent.

Wat we eruit hebben geleerd

  1. 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.

  2. 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.

  3. 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

Letters
De vraag
Avenir BlackGroot, met één woord in blauw.
Labels en knoppen
Avenir HeavyIn kapitalen, met wat lucht tussen de letters.
Lopende tekst
Avenir Roman
Kleuren
  • Blauw
    #002DFF
    het woord in de vraag, de randen en de startknop
  • Mint
    #0DFCCD
    een gekozen tegel
  • IJsblauw
    #FAFBFF
    het vlak van tegels en velden
  • Inkt
    #26293F
    lopende tekst
  • Uit css/main.css van myvideoshoot.nl, 30 sep 2026.

Waar het van gemaakt is

  • Ontwerp
    • Figma
    • Tokenblad
    • Eerst mobiel, dan desktop

    Randen in drie standen, tekst, plaatshouders en iconen op een apart blad, zodat een versie per klant vooral andere waarden is.

  • Stappen
    • jQuery Steps
    • jQuery Validate
    • Voortgangsbalk

    Elke vraag is een stap die naar links wegschuift; Verder gaat pas aan als je iets gekozen hebt.

  • Opmaak
    • Bootstrap 4
    • Eigen CSS
    • Avenir

    De tegels, de kaarten en de kleuren staan in één eigen stylesheet bovenop Bootstrap.

  • Versturen
    • Eén POST
    • PHP-script
    • Geen CMS

    Na het gegevensscherm gaan de antwoorden per vraag in één keer naar een klein script op de server.

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.

Wat we hier deden

Lees ook

De oprichter van een filmstudio voor de ledwand met een zonsondergang, een laptop onder zijn arm.

Een halfuur gratis sparren over jouw digitale idee?

Waar loop jij tegenaan in je bedrijf? Wat kan beter? Wat kan sneller? Wat gaat nog met de hand en moet nodig geautomatiseerd worden?

  • Een halfuur sparren over jouw idee, gratis
  • Je weet direct welke route het is, hoeveel weken, en wat het kost
  • Ruwe inschatting over de prijs en het aantal weken
Wat is jouw idee?

„Een browsertool zoals Figma, maar dan om samen muziek te maken.”

Muzieklabel, Hilversum

Alexander Kaan, zwart-witfoto.

Vertel me je probleem, je geniale idee of stel gewoon wat vragen!

Alexander Kaan, product designer

Mogen we met cookies meten hoe je deze site gebruikt? Meer