1
LEERUITKOMST
Ontwerpen met impact.
In deze leeruitkomst laat ik zien hoe ik ideeën ontwikkel en deze uitwerk tot professionele mediaproducten. Ik beschrijf hoe ik gebruikmaak van user-centered design, visuele ontwerptechnieken en actuele trends binnen media, design en technologie om tot sterke en doordachte concepten te komen.
· Waarom?
Het creëren van aansprekende en gebruiksvriendelijke mediaproducten is belangrijk om de doelgroep effectief te bereiken. Door te werken vanuit user-centered design en actuele trends, zorg ik ervoor dat mijn ontwerpen niet alleen visueel aantrekkelijk zijn, maar ook aansluiten bij de wensen en behoeften van gebruikers.
· Wat?
Ik ontwikkel concepten en vertaal deze naar uitgewerkte mediaproducten, waarbij ik rekening houd met de gebruiker, het doel en de context. Hierbij pas ik visuele ontwerpprincipes toe en onderzoek ik trends en ontwikkelingen binnen media, design en technologie om mijn ontwerpen te versterken en te valideren.
· Hoe?
Dit doe ik door onderzoek te doen naar de doelgroep, het maken van schetsen en concepten en het testen van mijn ontwerpen. Ik verzamel feedback en verbeter mijn werk op basis daarvan. Door mijn ontwerpen te onderbouwen met user-centered designprincipes en actuele trends, werk ik toe naar professionele en goed doordachte eindproducten.
Bewijsstukken
Hieronder zal ik enkele bewijsstukken geven, zodat men kan zien hoe ik
voldoe aan het behalen van de onderstaande leeruitkomst, in dit geval
leeruitkomst 1:
· Je creëert aansprekende concepten en vertaalt deze naar
professionele, gevalideerde mediaproducten door gebruik te maken van
user-centered designprincipes, visuele ontwerptechnieken en door het
verkennen van opkomende trends en ontwikkelingen binnen media,
design en technologieën.
· Main project – Dragons’ Den
The big one
Het voorbereiden van het Dragons’ Den live-event vroeg om veel samenwerking en verschillende vaardigheden van de teamleden. Als eerste hebben we contact opgenomen met onze klant, Dennis, om de wensen en verwachtingen voor het event te bespreken. Vervolgens hebben we veel ideeën bedacht voor het event, zowel visueel als organisatorisch, en deze aan Dennis voorgelegd. Veel van deze ideeën zijn daarnaast zorgvuldig gedocumenteerd, zodat het team en de klant altijd inzicht hadden in de gemaakte keuzes.
Voor het event waren verschillende animaties en visuele elementen nodig, zoals het starting-soon scherm, timer, yay/nay-animaties, dragon-animaties en overlays. Deze heb ik ontworpen en uitgewerkt in Photoshop en After Effects, zodat de prototype-fase zo realistisch mogelijk leek. Op 3 december 2025 hebben we een mockup-event, genaamd Lucy’s Nest, gehouden waarbij medestudenten hun leeruitkomsten presenteerden aan docenten die als dragons fungeerden. Dit stelde ons in staat om zowel technische aspecten als de interactie met het publiek te testen.
Daarnaast hebben we op 13 januari 2026 een tweede test-Dragons’ Den gehouden om de laatste verbeteringen te testen en verdere feedback te verzamelen. Tijdens deze sessie konden we nieuwe ideeën direct uitproberen en valideren in een realistische setting.
Reflectie
Het prototype- en test-event lieten duidelijk zien welke verbeteringen nodig waren. Zo waren er enkele misverstanden over het gebruik van microfoons en PowerPoint-presentaties, en sommige technische onderdelen werkten niet zoals verwacht. Hoewel OBS goed werkte voor de mockup, werd aangeraden om in de toekomst Vertex te gebruiken voor een betere integratie van de show en livestream.
Door dit proces heb ik geleerd hoe belangrijk het is om zowel de technische voorbereiding, de communicatie met het team en de klant, als de documentatie van ideeën goed te organiseren. De feedback van Dennis en Josh was zeer waardevol om inzicht te krijgen in verbeterpunten, zoals de zichtbaarheid van de dragons, de verlichting en de interactie met het publiek. Daarnaast bood het werken aan animaties, prototypes en ideeën een goede oefening om creativiteit en technische vaardigheden te combineren.
Bewijsstuk
Als bewijsstuk kan ik een aantal dingen tonen: schetsen van de layout en scherm-elementen, foto’s van de maquette van de medialab, screenshots van het mockup- en test-event, en de video van enkele animaties zoals het starting-soon scherm, yay/nay-animaties en dragon-animaties. Ook zijn de gedocumenteerde ideeën zichtbaar in onze OneDrive en projectnotities, wat laat zien hoe het proces en de keuzes zijn vastgelegd.
Hier zijn schetsen te zien in de eerste paar weken van het project, wanneer we een layout wilden maken voor de media lab.
Hier is een video van de eerste test-event Lucy’s Nest. Daaronder is een video met de final-test-event Dragons' Den die werd gehouden op 13.01.2026.
Foto's van onze maquette tijdens de mockup-event.
Foto's van tijdens de laatste test van Dragons-Den event (13.01.2026).
En hier zijn nog meer foto's te zien van deze events. Dit laat zien dat we druk bezig zijn geweest met het maken van iets speciaals.
Als bewijsstuk toon ik hier de verschillende animatieversies die ik heb gemaakt. Deze illustreren het iteratieve proces en de ontwikkeling van de animaties van concept tot definitieve uitvoering.
Dit was een voorlopige versie van de achtergrond voor Lucy’s Nest.
Volgende versie met feedback van teamgenoten en Josh.
Video met alle animaties in één van de Lucy’s Nest.
Een intro die ik heb gemaakt voor de Dragons Den, voor de laatste final event. Het was een concept.
En hier, als laatst de videos, waarin we onze presentatie laten zien tijdens het event op TQ.
Ik vertel alles met meer detail, in mijn portfolio-document.
· Portfolio design
Hoe mijn portfolio presenteren?
Net als in het vorige semester moest ik een portfolio maken waarin alle leeruitkomsten met bijbehorend bewijs worden gepresenteerd. Omdat ik dit de meest overzichtelijke en efficiënte manier vind, heb ik ervoor gekozen om ook dit semester mijn portfolio als website te maken. Dit geeft mij de vrijheid om zowel het proces als het eindproject op een duidelijke en visuele manier te tonen.
Ontwerpproces
Ik ben gestart met het verzamelen van inspiratie via platforms zoals Pinterest. Hierbij heb ik gekeken naar verschillende stijlen, layouts en trends om te bepalen wat het beste bij mij past. Op basis hiervan heb ik meerdere ontwerpen gemaakt in Figma. In de eerste concepten experimenteerde ik onder andere met progressive blur en verschillende vormen, maar deze designs voldeden niet volledig aan mijn verwachtingen.
Na meerdere iteraties heb ik besloten om het ontwerp volledig om te gooien. Uiteindelijk heb ik gekozen voor een donkere stijl met subtiele glow-effecten en een lichte vorm van glass-morphism. Deze stijl sloot beter aan bij mijn persoonlijke voorkeur en zorgde ervoor dat het ontwerpproces sneller en natuurlijker verliep. Binnen korte tijd kon ik een groot deel van het prototype uitwerken, waarna ik ben gestart met het coderen van de website in Visual Studio Code.
Reflectie
Door meerdere keren opnieuw te beginnen, heb ik geleerd dat itereren een belangrijk onderdeel is van het ontwerpproces. Het zoeken naar inspiratie en het testen van verschillende stijlen hielp mij om uiteindelijk een ontwerp te maken dat zowel visueel sterk als functioneel is. Dit proces heeft mij niet alleen geholpen bij het maken van een beter portfolio, maar ook bij het ontwikkelen van mijn ontwerpvaardigheden en het maken van bewuste designkeuzes.
Bewijsstuk
Als bewijsstuk toon ik hier screenshots van de verschillende ontwerpiteraties in Figma, inclusief de inspiratiebeelden en het uiteindelijke design dat is gebruikt voor het portfolio.
Dit was het eerste idee dat ik had voor het designen van mijn portfolio.
Dit waren de inspiratie-bronnen voor dit specifieke versie van mijn portfolio prototype.
Hier had ik weer een ander idee gekregen voor het designen van de website door weer naar andere inspiratie-bronnen te kijken op pinterest.
Dit waren de inspiratie-bronnen voor dit specifieke versie van mijn portfolio prototype.
Dit was dan weer het derde idee voor een design. Ik was al begonnen met het coderen van deze website in deze stijl, maar toch sprak het mij niet totaal aan.
Dit was het inspiratie-bron voor dit specifieke versie van mijn portfolio prototype.
En hier hebben we het design, het design dat jij als lezer ook hier terugziet. Dat betekent dat ik ook dit als uiteindelijke design heb gekozen, en mijn website ook hier in deze stijl heb gecodeerd.
Dit waren de inspiratie-bronnen voor dit specifieke versie van mijn portfolio prototype.
Kleine conclusie
Ik heb zo veel design gemaakt voor mijn portfolio, om voor zo'n best
mogelijk website te zorgen. Ik wilde al vanaf begin een website in
donkerdere-stijl, zodat de gebruiksvriendelijkheid beter was. Daarom
heb ik toch niet gekozen voor de een-na-laatse design in de lichtere
stijl.
Verder ben ik zelf trots op deze website en het eindresultaat.
Ik vertel alles met meer detail, in mijn portfolio-document.
· Opkomende trends en ontwikkelingen
Oriëntatie op trends
Binnen de wereld van media en design is het belangrijk om op de hoogte te blijven van actuele trends en ontwikkelingen. Dit helpt niet alleen om een grotere doelgroep te bereiken, maar ook om ontwerpen te maken die aansluiten bij wat mensen gewend zijn te zien op digitale platformen.
Toepassing binnen het project
Voor het ontwerpen van mijn portfolio heb ik bewust gekeken naar stijlen en trends die momenteel populair zijn binnen UI/UX-design. Hiervoor heb ik onder andere gebruikgemaakt van Pinterest en Behance, omdat hier veel ontwerpers hun werk delen en snel inspiratie te vinden is. Deze inspiratie heb ik vertaald naar mijn eigen portfolio-ontwerp, waarbij ik verschillende stijlen heb gecombineerd en aangevuld met mijn eigen ideeën.
Ook tijdens het maken van assets voor de mockup-event Lucy’s Nest en het uiteindelijke Dragons’ Den-event heb ik samen met mijn groep gekeken naar actuele designtechnieken. Door trends toe te passen in animaties, overlays en visuele elementen konden we beter aansluiten bij de uitstraling van moderne live-events en social media.
Reflectie
Door gedurende het semester actief inspiratie op te doen, heb ik mijn creativiteit en ontwerpvaardigheden verder ontwikkeld. Het analyseren van trends en het combineren van bestaande stijlen met eigen ideeën zorgde ervoor dat ik bewustere ontwerpkeuzes kon maken. Dit proces heeft mij geholpen om sterker en zelfverzekerder te worden in mijn rol als designer, en ik ben trots op de groei die ik hierin heb doorgemaakt.
Bewijsstuk
Als bewijsstuk toon ik hier screenshots van inspiratiebronnen van Pinterest en Behance.
Inspiratie voor Dragons' Den
Inspiratie voor Portfolio
Ik vertel alles met meer detail, in mijn portfolio-document.