Jennifer Willems

Wat je kunt verwachten: – Moodboards en stylescapes van Boris Schmidt: deze geven een visuele richting aan het project en laten de sfeer, kleuren en stijlelementen zien die ik wil gebruiken.
– Moodboards voor mijn portfolio: hierin zie je welke visuele keuzes ik maak om mijn persoonlijke merk en werk te presenteren.
– Onderzoek en inspiratie voor Project X: dit bevat voorbeelden, technieken en trends die ik heb onderzocht, geprobeerd en toegepast. Het laat zien hoe ik inspiratie heb omgezet naar een concreet idee en getest heb met gebruikers en stakeholders.

Kortom: ik laat je zien hoe ik vanuit onderzoek en visuele oriëntatie tot een interactief mediaproduct kom dat aansluit bij de doelgroep én de huidige ontwikkelingen in media en design.
Download: Inspiratie en Moodboarden

Wat je kunt verwachten: Ik ga je ook twee interviews laten zien die ik heb afgenomen voor het project van Boris Schmidt.
Beide interviews zijn gedaan met mensen uit de doelgroep en dus ook potentiële gebruikers van het interactieve mediaproduct.
In deze interviews heb ik gericht vragen gesteld over hun wensen, behoeften, ervaringen en verwachtingen rondom het gebruik van dit soort media en platforms. Het doel was om te begrijpen wat voor hen belangrijk is, waar ze op afhaken, en wat juist werkt.

Wat je kunt verwachten:
– Feedback uit de doelgroep: waardevolle inzichten over wat zij aantrekkelijk of juist verwarrend vinden.
– Concrete input voor het ontwerp: de antwoorden uit de interviews heb ik gebruikt om keuzes te maken in stijl, interactie en inhoud.
– Testen van aannames: door deze gesprekken kreeg ik bevestiging of juist bijstelling van mijn ideeën.
Download: Interviews

Wat je kunt verwachten bij de usertesten:
Voor Project Cardan
– De test is uitgevoerd met meerdere gebruikers tijdens verschillende fases van het project.
– Ik heb gelet op gebruiksvriendelijkheid, duidelijkheid van de interface en of de functies logisch aanvoelden.
– Feedback uit de testen heb ik gebruikt om verbeteringen door te voeren, bijvoorbeeld in navigatie, visuele hiërarchie en interacties.

Voor Project X
– Ook hier heb ik getest met mensen uit de doelgroep.
– De focus lag op het testen van het prototype: hoe ervaren zij de flow, wat vinden ze van het design, en begrijpen ze de bedoeling van het product?
– Ik heb gebruikers geobserveerd terwijl ze taken uitvoerden, en daarna feedback verzameld via korte interviews.
Download: Usertesten

Wat je kunt verwachten bij de wireframes:
Portfolio
– De wireframes tonen de basisstructuur van mijn persoonlijke portfolio-website.
– Je ziet hoe de pagina's zijn opgebouwd: van navigatie tot projectoverzicht en detailpagina's.
– De focus ligt op een duidelijke presentatie van mijn werk, een logische flow voor de gebruiker en het benadrukken van mijn identiteit als maker.

Project Cardan
– De wireframes voor Cardan laten zien hoe de applicatie is opgebouwd, inclusief schermen voor opdrachten, drankjes maken, voortgang en feedback.
– Hier is extra aandacht besteed aan gamification en hoe de gebruiker intuïtief door het systeem navigeert.
– Ook zijn de wireframes gebruikt tijdens usertesten om de functionaliteit te toetsen voordat het visuele ontwerp werd uitgewerkt.

Project X
– Deze wireframes vormen de eerste vertaling van het concept naar een interactief product.
– Ze bevatten schermindelingen, knoppen, gebruikersflows en interactiemomenten.
– De wireframes zijn besproken met stakeholders en aangepast op basis van hun feedback, voordat ik verder ging met het visual design.
Download: Wireframe

Wat je kunt verwachten bij de code en documentatie:

Project Cardan
– Ik heb de front-end code geschreven in HTML, CSS en JavaScript.
– In de code heb ik commentaar toegevoegd om de werking en functies toe te lichten.
– Dit helpt om de code begrijpelijk en overzichtelijk te houden.

Project X
– Ook bij Project X heb ik de code voorzien van duidelijke uitleg in comments.
– Hiermee leg ik uit hoe onderdelen werken en wat het doel is van verschillende stukken code.
– Zo zorg ik dat de code goed gedocumenteerd is voor mezelf en anderen.
Download: Code uitleg

Wat je kunt verwachten bij versiebeheer:

Project X en Portfolio
– Voor deze projecten heb ik versiebeheer toegepast via GitHub.
– Ik heb mijn voortgang bijgehouden met commits en branches, zodat wijzigingen overzichtelijk en traceerbaar zijn.

Project Cardan
– Voor Project Cardan heb ik gebruikgemaakt van GitLab als versiebeheersysteem.
– Ook hier heb ik mijn code gestructureerd beheerd en gedocumenteerd binnen het platform.
Download: Github

Dit is de tekst voor Leerdoel 2, Kopje 3.

Dit is de tekst voor Leerdoel 2, Kopje 4.

Wat je kunt verwachten bij het designproces:

– Ik heb een uitgebreid document gemaakt waarin het volledige designproces van Project Cardan, Project X en mijn Portfolio staat beschreven.
– In dit document vind je alle stappen terug: van onderzoek en inspiratie tot wireframes, prototyping en usertesten.
– Ook heb ik de ontvangen feedback verwerkt en toegelicht hoe dit heeft geleid tot verbeteringen in het ontwerp.
– Zo geeft het document een compleet overzicht van hoe ik mijn projecten gestructureerd en iteratief ontwikkel.
Download: Design Proces

Project plan

– Voor Project X en Project Cardan heb ik uitgebreide projectplannen opgesteld waarin ik mijn werkzaamheden per dag heb verdeeld.
– Deze plannen geven een duidelijk overzicht van welke taken wanneer uitgevoerd moesten worden, inclusief mijlpalen en deadlines.
– Door mijn werk zo gestructureerd in te delen, kon ik efficiënt vooruitgang boeken en overzicht houden over het gehele project.
– Daarnaast hielpen deze plannen mij om flexibel te blijven; wanneer zich onverwachte situaties voordeden, kon ik de planning tijdig aanpassen zonder het einddoel uit het oog te verliezen.
– Zo zorgde ik voor een goede balans tussen organisatie en aanpassingsvermogen, wat essentieel is voor een soepel projectverloop.
Download: Project X - Projectplan
Download: Cardan Designen Projectplan

Wat je kunt verwachten bij Leerdoel 4 – Communicatie:

– Tijdens mijn projecten heb ik actief en doelgericht gecommuniceerd binnen verschillende teams. Voor Project Boris Schmidt en het programmeergedeelte van Project Cardan gebruikte ik voornamelijk Discord, vanwege de mogelijkheid om via verschillende kanalen taken, feedback en mededelingen gestructureerd te bespreken. Voor het designteam van Cardan maakte ik vooral gebruik van WhatsApp voor snelle, visuele communicatie zoals het delen van schetsen en korte updates.

– Bij alle projecten zijn duidelijke afspraken gemaakt over taakverdeling, communicatie en deadlines. Voor Boris Schmidt werkten we met een SCRUM-board in Trello om overzicht te houden over taken en voortgang.

– Voor Project Cardan hadden we een samenwerkingsovereenkomst waarin verantwoordelijkheden, aanwezigheid en overleg werden vastgelegd. Daarnaast maakten we specifieke afspraken voor programmeren, zoals het gebruik van Engelse namen in code en database, en het principe van 'één team, één taak'.

– Deze afspraken en communicatiemiddelen hebben ervoor gezorgd dat de samenwerking gestructureerd verliep, feedback goed werd verwerkt en het project soepel vooruitging.
Download: Communicatie

Wat je kunt verwachten bij Leerdoel 4 – Exploratory Research:

Exploratory Research voor Project X
Ik formuleerde twee hoofdvragen rond het ontwikkelen van een interactieve webgame met React.js en het verzamelen van gebruikersfeedback.

Ik koos voor React vanwege de componentgebaseerde structuur, virtuele DOM voor vloeiende gameplay en sterke communityondersteuning.

Mijn onderzoek richtte zich op geschikte React-componenten, UI/UX-principes voor gebruiksvriendelijkheid, en gamification-elementen om betrokkenheid te vergroten.

Voor feedback gebruikte ik kwalitatieve methoden zoals interviews, gebruikerstests, think-aloud protocollen en focusgroepen.

Deze inzichten heb ik toegepast in Project X, bijvoorbeeld in het ontwerp, de gamification en het testproces.

Reflectie: door onderzoeksmatig te werken werd mijn project gestructureerder en beter onderbouwd.

Exploratory Research voor Project Cardan
Ik deed onderzoek naar de toegankelijkheid van websites met focus op motorische en cognitieve beperkingen en de WCAG 2.0-richtlijnen.

Motorische toegankelijkheid: belangrijk voor gebruikers met beperkte handfunctie; aanbevelingen zijn grotere klikgebieden, toetsenbordnavigatie en alternatieve invoermethoden.

Cognitieve toegankelijkheid: essentieel voor gebruikers met ADHD, autisme of geheugenproblemen; aanbevelingen zijn minder afleiding, eenvoudige navigatie, rustige lay-out en begrijpelijke taal.

WCAG 2.0: een internationale standaard met vier principes (Perceivable, Operable, Understandable, Robust) die zorgen voor brede toegankelijkheid.

Het toepassen van deze richtlijnen maakt websites gebruiksvriendelijker en inclusiever voor een diverse groep gebruikers.
Download: Communicatie

Wat je kunt verwachten bij Leerdoel 4 – Presenteren:

– Mijn pitches verliepen goed; ik kwam enthousiast en duidelijk over, vooral bij de presentatie voor de klas en klant van Project Cardan.

– Oefenen met Myrthe hielp me om mijn pitch beter te structureren en mijn spreektempo onder controle te krijgen. Zo voelde presenteren minder spannend.

– Plankenkoorts blijft een uitdaging; ik praat soms te snel door stress. Ik blijf hieraan werken om zelfverzekerder en ontspannen te kunnen presenteren en er energie uit te halen.
Download: Presenteren

Wat je kunt verwachten bij Leerdoel 5 – Excursie naar Playground Eindhoven:

– Tijdens de excursie bezocht ik de Mini Artist Alley, waar ik inspiratie opdeed door onafhankelijke illustratoren en concept-artists te zien werken met diverse materialen en stijlen.

– Bij de lezing van Nomada Studio, makers van Gris en Neva, leerde ik over hun ontwerpfilosofie, zoals het gebruik van beperkte kleurpaletten voor emotie, interactieve laadschermen en inspiratie uit alledaagse objecten.

– Dit bracht me op ideeën om te experimenteren met kleuren en texturen in mijn taverne-interface, interactieve mini-spelletjes in laadtijden toe te voegen, en eigen schetsen van objecten te verwerken in game-assets.

– Als vervolg ga ik onder andere een mystery-mini-game integreren tijdens laadtijden, werken met pastelkleuren voor NPC's en eigen sketches gebruiken voor assets.

– De excursie gaf me veel creatieve inspiratie en praktische handvatten om mijn ontwerpvaardigheden te verbeteren en toe te passen.
Download: Excursie

Wat je kunt verwachten bij Keuze Semester 3 en Switch naar AD Front End Developer:

– Voor het derde semester heb ik bewust gekozen voor de studierichting Front End Developer, omdat mijn eerdere opleiding vooral gericht was op back end ontwikkeling en front end vaak beperkt bleef tot eenvoudige layouts en scripts.

– Mijn professionele ambitie is het bouwen en ontwerpen van aantrekkelijke, gebruiksvriendelijke websites en applicaties, waarbij ik ook UX/UI-principes, responsive design en toegankelijkheid wil beheersen.

– Door front end kennis te combineren met mijn back end ervaring, creëer ik een compleet profiel dat mijn kansen op de arbeidsmarkt vergroot.

– Met de Associate Degree Front End Developer wil ik moderne technologieën zoals React, CSS preprocessors en build tools systematisch leren en praktijkgerichte projecten uitvoeren die aansluiten bij de actuele marktstandaarden.

– Ik ben ervan overtuigd dat deze opleiding mij de front end vaardigheden zal geven om zelfverzekerd interactieve webapplicaties te ontwikkelen en zowel de client- als serverzijde van projecten te kunnen verzorgen.
Download: Keuze Switch naar AD

Wat je kunt verwachten bij Leadership:

Personal Leadership in Project X
– Ik koos voor een complex project in plaats van een simpel voorbeeld, waarmee ik mijn visie en doelen duidelijk stelde.
– Ik nam vanaf dag één initiatief door React zelf te leren, eigen assets te maken en een CSS-klok te programmeren.
– Mijn planning was strak, met dagelijkse tijdsblokken en aanpassingen waar nodig.
– Problemen loste ik zelf op door bugs te analyseren en iteratief te verbeteren.
– Na afronding reflecteerde ik kritisch om mezelf te verbeteren, vooral op het gebied van toegankelijkheid en testen.
– Het project versterkte mijn motivatie en liet zien dat ik een inspirerend voorbeeld kan zijn binnen een team.

Leadership Project Cardan programmeren
– Ik nam onverwachts verantwoordelijkheid in een team met minder programmeerervaring.
– Ik paste mijn verwachtingen aan en deelde taken realistisch in, met oog voor de vaardigheden van mijn teamgenoten.
– Ik bracht structuur aan door de code overzichtelijk op te zetten en korte teammeetings te organiseren.
– Ik leerde delegeren door begeleiding en vertrouwen te combineren.
– Ik reflecteerde dat het project soms te ambitieus was, en dat leiderschap ook betekent dat je realistisch moet blijven en het team beschermt tegen overbelasting.
– Deze ervaring heeft mijn leiderschapsvaardigheden versterkt en helpt me bij toekomstige samenwerkingen effectiever leiding te nemen.
Download: Leadership

Leeruitkomst 5 – Reflectie Semester

Inhoudelijke leerstof versus praktijk
Dit semester leerde ik minder nieuwe theorie, omdat ik veel al kende of zelf had opgepakt, zoals React. Mijn groei kwam vooral door praktijk en samenwerking.

Werken met verschillende achtergronden
Het samenwerken met mensen van diverse opleidingsniveaus was leerzaam en uitdagend. Het verbeterde mijn communicatie en begrip voor verschillende perspectieven.

Projecten met externe opdrachtgevers
Voor het eerst werkte ik met een externe opdrachtgever binnen een schoolproject, wat om professionele communicatie en verwachtingsmanagement vroeg.

Nadruk op documentatie
Documentatie kreeg veel aandacht, wat ik soms kunstmatig vond, maar ik begrijp het belang voor toetsing en reflectie.

Vroegtijdig testen en verbeteren
Eerder testen gaf ruimte voor verbetering en hogere kwaliteit. Dit wil ik blijven toepassen.

Persoonlijke groei in design
Ik heb grote stappen gezet in lay-out, Figma en het ontwikkelen van een eigen stijl. Dit geeft me trots en bevestigt mijn keuze voor Media.

Verbeterpunten

• Minder snel leiding nemen en ook leren volgen.
• Meer structuur en planning om stress te verminderen.
• Presenteren blijft lastig; ik wil dit verbeteren.
• Meer denken als designer, minder alleen als developer.
• Projecten niet te complex maken om stress te vermijden; balans zoeken.

Deze ervaringen hebben mijn samenwerking, planning en praktisch werken versterkt en mijn leiderschap en ontwerpdenken verder ontwikkeld.
Download: Reflectie