LessonUp | Webcontent | hst 4 Content ontwerpen

• Marketing & Communicatie
• MBO
• Studiejaar 3

Week 4 les 1

Boek: Webcontent. Hoofdstuk 4: Content ontwerpen

Week	Les 1	Les 2
Week 1 hst. 1 Online content	Boom 1 tm 9	Portfolio
Week 2 hst. 2 Content marketing	Boom 1 tm 9	Portfolio
Week 3 hst. 3 Webteksten	Boom 1 tm 6	Portfolio
Week 4 hst. 4 Content ontwerpen	Boom 1 tm 4	Portfolio
Week 5 Eventweek		Eventweek
Week 6 hst. 4 Content ontwerpen	Boom 5 tm 8	Portfolio
Week 7 hst. 5 Contentcreatie	Boom 1 tm 3	Portfolio
Week 8 hst. 5 Contentcreatie	Boom 4 tm 6	Begrippentoets

Planning

Vandaag:

1.    Leerdoelen (5 min)

2.    Geheugen opfrissen (5 min)

3.    Theorie (20 min)

4.    Boom 1 tm 4 (20 min)

5.    Werkvorm (20 min)

6.    Lesafsluiting (5 min)

Leerdoelen

• Je kunt een ontwerpproces inrichten om een creatieve oplossing te bedenken en content te maken voor een specifiek doel.
  
• Je hebt verdiepende kennis op het gebied van vorm, kleur, typografie en lay-out.
  
• Je hebt specialistische kennis van een creatieproces van vormgeving van media.
  
• Je hebt specialistische kennis van eisen voor vormgeving.

• Tijd: 5 minuten
• Doel: kennis ophalen

"Welkom op onze website! Wij zijn een bedrijf dat verschillende producten verkoopt voor verschillende doelgroepen. Wij hebben een passie voor kwaliteit en service. Kijk gerust rond op onze pagina voor meer informatie en neem contact met ons op bij vragen."

• In duo's: wat is er niet goed aan deze tekst? Hoe zou je het herschrijven?

Opdracht: fix de foute webtekst

     Nabespreken

• Is de kop pakkend?
• Is het duidelijk wat het bedrijf aanbiedt?
• Is het concreet en gericht op de doelgroep?
• Is de tekst scanbaar?
• Zit er een call-to-action in?

Opdracht: fix de foute webtekst

Het ontwerpproces: van idee tot webcontent

• Duidelijke stappen zorgen voor structuur.
  
• Werkt handig bij creatieve opdrachten.
  

• Wat is het doel? (bijv. informeren, overtuigen)
  
• Wat is de boodschap?
  
• Voor wie maak je het? (doelgroep)
  
• Maak een SMART-doel.
  

Stap 1: Opdracht afbakenen

Doelgroeponderzoek & persona

• Wat wil de doelgroep?
• Waar zoeken ze naar?
• Maak een persona: geef je doelgroep een gezicht.

Stap 1: Opdracht afbakenen

Stap 2: Ideeën opdoen – divergeren

• Verzamel zó veel mogelijk ideeën.
• Geen idee is te gek.
• Begin met brainstormen (post-its!).

Stap 2: Ideeën opdoen – divergeren

Brainstormtips:

• Geen kritiek tijdens brainstorm.
  
• Schrijf alles op.
  
• Hoe meer ideeën, hoe beter!
  

Stap 2: Ideeën opdoen – divergeren

Stap 3: Ideeën kiezen – convergeren

Tip: gebruik de COCD-box

Stap 3: van idee naar concept

• Beschrijf je plan in grote lijnen.
• Zorg voor samenhang tussen de ideeën.
• Gebruik een moodboard of mindmap.

• Origineel en duidelijk.
• Spreekt aan.
• Makkelijk uit te leggen.

Sterk concept

Afbakenen

Nike wilde in coronatijd een krachtige boodschap overbrengen: doorzettingsvermogen en verbinding in tijden van tegenslag.

Doel: Inspireren en motiveren.

Doelgroep: Jonge sporters wereldwijd, urban culture, fans van voetbal, basketbal, fitness, etc.

Case study: Nike - You can't stop us

Ideeën opdoen

Nike verzamelde beelden van atleten in allerlei situaties van doorzetten, comeback maken, grenzen verleggen. Idee: verbinding tussen mensen, ondanks afstand.

Case study: Nike - You can't stop us

Concept uitwerken

Het creatieve concept: twee werelden – één beweging. Ze maakten een split-screen video waarin beelden van verschillende sporters synchroon samenvloeien, alsof het één beweging is. Hierdoor werd de boodschap “we zijn één team, ook als we apart zijn” visueel versterkt.

Case study: Nike - You can't stop us

Ontwerp maken

De video is strak vormgegeven, met snelle overgangen, dynamisch beeld, emotionele muziek en krachtige voice-over.

De typografie is minimalistisch (typisch Nike), de tone-of-voice is motiverend, en het hele concept straalt kracht, inclusiviteit en energie uit.

Case study: Nike - You can't stop us

• Typografie kan een merk vernieuwen zonder de herkenbaarheid te verliezen.

• Goed typografisch ontwerp werkt op alle schermen en media (responsive design).

• Boek: Webcontent
• Hst. 4 Content ontwerpen
• Opdracht 1 tm 4
• 20 minuten
• Eerder klaar? Begin vast met de opdracht van slide 23

Huiswerk: Boom

Werkvorm: Jouw merk, jouw beleving (20 min)

• Stap 3: Ideeën opdoen en concept kiezen

Denk aan beeld, kleur, typografie, sfeer. Gebruik Google/Pinterest of Canva-templates als inspiratie. 

Brainstorm:

Wat past bij jouw boodschap?

Welke kleuren en woorden passen daarbij?

Welke emotie wil je oproepen?

Stap 4: maak een visueel concept

Maak een concept of slide. Voeg kleuren toe, kies 1 a 2 lettertypes, gebruik een passende slogan en voeg een passende afbeelding toe. 

Medium: Canva
Doel: je past de stappen van het ontwerpproces toe. Je creërt een krachtige visuele post of mini-pitchslide voor een bestaand merk met een duidelijke boodschap. 

• Stap 1: kies een merk dat bij je past
• Stap 2: afbakening

Schrijf in steekwoorden:

Wat is het doel van je post? (bijv. inspireren, verkopen, verbinden)

Wat is de boodschap? (bijv. "Iedereen kan beginnen", "Samen sta je sterker")

Wie is de doelgroep? (bijv. jongeren, sportliefhebbers, studenten

Lesafsluiter

Zet de opgeleverde opdrachten 1 voor 1 op het digiboard

Bekijk de opgeleverde opdrachten

• Wat vind je sterk?
• Wat is voor verbetering vatbaar?

eind les 1 week 4

Week 4 les 2

Boek: Webcontent. Hoofdstuk 4: Content ontwerpen

leerdoelen en planning op slide 2 en 4

Vandaag:

1.   Geheugen opfrissen: quiz (10 min)

2.   Werken aan portfolio (1 uur)

3.   Stand van zaken portfolio (10 min)

4.   Lesafsluiter (5 min)

Wat is de eerste stap van het ontwerpproces?

1. Een schets maken
2. Ideeën verzamelen
3. De opdracht afbakenen
4. Een wireframe maken

Wat is een ‘moodboard’?

1. Een technische schets van een website
2. Een visuele verzameling van sfeer, stijl en inspiratie
3. Een analyse van de doelgroep
4. Een lijst met taken voor het project

Welke kleurencombinatie zorgt voor het meeste contrast?

1. Analoge kleuren
2. Complementaire kleuren
3. Monochromatische kleuren
4. Tetradische kleuren

Wat bedoelen we met typografie?

1. De manier waarop tekst wordt vormgegeven
2. De structuur van een tekst
3. De betekenis van een tekst
4. De afmetingen van een afbeelding

Waarom is witruimte belangrijk in een ontwerp?

1. Het maakt het ontwerp kleurrijker
2. Het helpt om elementen los van elkaar te tonen
3. Het voorkomt dat je kleuren moet gebruiken
4. Het laat zien waar je tekst moet zetten

Werken aan portfolio (1 uur)

Vandaag ga je verder met:

Verwerken interviewgegevens, afronden kanaalonderzoek en doelgroepenanalyse

Inleveren: bewijs 1, 2 en 5 (eerste versie)

CHECKEN MET BAS en itslearning

Stand van zaken portfolio (10 min)

Ruimte voor (individuele) feedback

CHECKEN MET BAS en itslearning

"Als jij morgen een webshop zou starten, wat zou je dan absoluut wel of juist niet doen op het gebied van ontwerp – en waarom?"

eind les 2 week 4

Week 6 les 1

Boek: Webcontent. Hoofdstuk 4: Content ontwerpen

leerdoelen en planning op slide 2 en 4

Vandaag:

1.   Geheugen opfrissen (5 min)

2.   Theorie (25 min)

3.   Boom 5 tm 8 (10 min)

4.   Werkvorm (20 min)

5.   Lesafsluiter (5 min)

Zoek een ontwerp van een campagne of website dat jij sterk vindt (bijvoorbeeld van Nike, Red Bull, Bol.com, etc.) en upload één afbeelding ervan die volgens jou opvalt door goed ontwerp.

Theorie: Vormgeven met stijl: kleur, typografie, vorm en regels

• Maakt je boodschap sterker
• Vorm = visuele communicatie
• Denk aan kleur, typografie, lay-out en vormen

Vormgeving

• Meer dan mooi!
• Kleuren trekken aandacht.
• Ze geven sfeer en gevoel.
• Kies kleuren bewust.

Kleur

Kleuren

Kleuren combineren

60:30:10 regel

• Wat voor lettertype kies je?
• Schreef (klassiek) vs schreefloos (modern)
• Voor koppen mag je opvallen!

Stijl van de tekst

Typografie

Sfeer

Wat past bij je doelgroep en je boodschap?

• Kies max 2 of 3 lettertypes
• Te veel soorten = rommelig.
• Zorg voor eenheid in je ontwerp.

Hoeveelheid lettertypes

Vormgebruik

Lay-out

Balans in lay-out

Gestaltprincipes

Wet van overeenkomst: wat op elkaar lijkt, hoort bij elkaar

Wet van nabijheid: wat dicht bij elkaar staat, hoort bij elkaar

Wet van sluiting: vormen die doorlopen

• Alles wat jij maakt, is van jou.
• Auteursrecht beschermt jouw werk.
• Let op bij het gebruiken van andermans werk.

Intellectueel eigendom

• Gebruik rechtenvrije afbeeldingen en muziek.
• Creative Commons = soms toegestaan met voorwaarden.

Wat mag je gebruiken?

• Je mag geen logo of naam van een ander zomaar gebruiken.
• Domeinnamen zijn waardevol, dus registreer ze op tijd.

Merkenrecht & domeinnamen

• Boek: Webcontent
• Hst. 4 Content ontwerpen
• Opdracht 5 tm 8
• 15 minuten. Eerder klaar? Begin vast met de werkvorm van slide ...

Huiswerk: Boom

Werkvorm: Typo & vibe (20 min)

Medium: Canva
Doel: ontdekken hoe typografie en vormgeving sfeer en betekenis beïnvloeden

• Stap 1: kies een vibe (bijv. stoer en krachtig, minimalistisch)
• Stap 2: verzien een mini-slogan

Bijv. "Just do it"  "Think different"

• Stap 3: ontwerp alleen een typografie

Gebruik alleen tekst om de sfeer te versterken. Denk aan:

Lettertype (schreef / schreefloos / script / decoratief)

Hoofdletters of kleine letters

Dikte en grootte

Geen afbeeldingen gebruiken! Puur typografie en kleur

Lesafsluiter: wat neem jij vanaf nu mee als je content gaat ontwerpen voor een echte doelgroep?

eind les 1 week 6

Week 6 les 2

Boek: Webcontent. Hoofdstuk 4: Content ontwerpen

leerdoelen en planning op slide 2 en 4

Vandaag:

1.   Geheugen opfrissen (10 min)

2.   Werken aan portfolio (1 uur)

3.   Lesafsluiter (10 min)

Opfrisser: typografie in het wild (10 min)

Doel: herkennen en beoordelen van typografie

Nodig: laptop, Word

Ga naar een bekende webshop, app of socialmedia-account van een merk dat jij tof vindt. Zoek een voorbeeld van opvallende typografie (in een logo, titel of advertentie)

Wat valt op aan het lettertype? (stijl, dikte, schreefloos of juist sierlijk?)

Wat voor gevoel of sfeer roept het op?

Past dit bij het merk of product? Waarom wel/niet?

Maken in Word, klassikaal nabespreken

Werken aan portfolio (1 uur)

Vandaag ga je verder met:

Opzetten klanttevredenheidsonderzoek (NPS) + feedback eerdere bewijzen

Opleveren: Google form, meetinstrument of concept vragenlijst

CHECKEN MET BAS en itslearning

Lesafsluiter: de gouden vraag (10 min)

“Stel je voor: je mag morgen maar één vraag stellen in een interview of vragenlijst om zoveel mogelijk waardevolle info van je doelgroep te krijgen.

Wat wordt jouw gouden vraag, en waarom?

(Noteer deze kort in Word)

Na 5 minuten: klassikaal nabespreken

eind les 2 week 6