Interactieve componenten

Onder interactieve video verstaan we het toevoegen van interactieve elementen, zoals knoppen, links, QR codes, buttons en/of formulieren tijdens of na een video. Hierin wordt onderscheid gemaakt tussen interactie binnen de video en interactie die linkt naar een externe bron.

Vragenlijsten:

Het logo is terug te vinden links bovenin bij de vragenlijsten
De vragenlijsten bevatten een gele button zoals hieronder is afgebeeld

De achtergrond van de vragenlijst bevat een zandkleur of de groene kleur

De vragenlijsten worden opgezet met een logo, cijfer voor de vraag met een pijltje erachter, de vraag, met daaronder het invoerveld en de oke-button.
De invoervelden zijn bij een zandkleurige achtergrond groen, en bij een groenkleurige achtergrond geel. Dit invoerveld heeft een streep onder het ingevulde antwoord in dezelfde kleur als de tekst.

Bestellen:

Bij een advertentie wordt de volgende opzet gebruikt:

Hier staat de foto links, met kleine/meerdere foto's eronder. Rechts van de foto staat meer informatie over het product.

De titel van het product is een H1

De prijs is een span met de grootte van 28px en in het font Montserrat. De kleur van de prijs is: #152a45

Hieronder is de "toevoegen aan winkelwagen"-button altijd wit met een border van 1 pixel solid in de (groene)kleur #72afa6. De text is uppercase en heeft een padding eromheen van 15px, 30px

De "nu kopen" button ernaast is groen van kleur en heeft geen button. De text is uppercase, in een grootte van 12 pixels met een padding van 15px, 30px. De kleur van de teskt is wit met deze hex code: #FFFFFF

Carrousel:

Ook is er op de website een carrousel te vinden met wat medische experts zeggen. Dit ziet er zo uit:

Deze carrousel is opgebouwd uit een titel "wat medische experts zeggen". Deze titel is een H3

Onder de titel staat een quote. Deze quote is een p.

Dan komt er een foto met een width en height van 60px met een border radius van 100%.

Onder de foto staat meer informatie over de expert. Dit is weergegeven in een gele kleur: #f4eb34. Deze informatie is in het font "Montserrat" geschreven met een uppercase en een letterspacing van 1px. De font-style is normal, maar de font-weight is 700.

Hieronder staat nog een plaats waar de expert actief is. Dit is een p

Don'ts:

Het logo mag nooit op een andere plek staan bij een vragenlijst dan links bovenin.
De vragenlijsten mogen nooit een andere kleur button gebruiken dan geel.
De achtergrond kleur van de vragenlijsten mogen nooit een andere kleur hebben dan groen of de zandkleur.
De vragenlijst mag nooit een andere opzet hebben als de standaard.
De streep onder het invoerveld mag nooit een andere kleur hebben als de tekst in het invoerveld
De afbeelding van de bestelpagina mag nooit rechts geplaatst worden
De informatie over het product mag nooit links worden geplaatst van de pagina
De buttons van de bestelpagina mogen nooit een andere kleur en lettertype bevatten als hierboven is aangegeven
De carrousel mag nooit anders worden opgebouwd als hierboven is beschreven.