Myvideoshoot · Klantproduct

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
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.
Opdrachtgever
UHU
Website
myvideoshoot.nl
Platform
Web
Jaar
2023

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.

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

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

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

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.

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.

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.

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.

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.

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

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

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

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
  • Gemeten in css/main.css van myvideoshoot.nl op 30 september 2026.

Onder de motorkap

  • 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

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.

Wat we hier deden

Lees ook

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

Wil je even gratis sparren over jouw digitale idee?

Waar loop jij tegenaan in je bedrijf? Wat kan beter? Wat kan sneller? En wat doet iemand nog elke week met de hand?

  • Een halfuur sparren over jouw idee, gratis
  • Ontdek welke route het beste werkt voor jouw bedrijf
  • Krijg een ruwe inschatting van 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

Of plan direct een halfuur (opent in een nieuw venster)Of stuur een WhatsApp (opent WhatsApp)

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