LO1 - Conceptualize, design, and develop interactive media products
Description
I design my interactive media based on what the user wants and needs by combining research and technology. For the studio project "DCODE," I used mood boards as inspiration for the logo design. I make hi-fi wireframes inspired by different websites on Awwwards and gradient posters. I made the concepts come to live with interactive features like hover effects, sliding elements and a responsive contact button.
Evidence
Reflection
This semester, I focused on combining visual design and technical development in a user-centered way. For the DCODE studio project and my portfolio, I started with research and mood boards to define the style and logo direction. This helped me build a clear aesthetic and made the design process feel more structured and intentional.
I took inspiration from Awwwards websites and gradient poster trends to create hi-fi wireframes with a modern, interactive look. Features like hover effects, sliding UI elements, and a responsive contact button made the concept feel real and functional. Working on both the visuals and the code helped me grow my skills across different areas of media design.
Overall, I’m proud of how these projects turned out. Next semester, I’m excited to explore new interactive features and keep pushing my design thinking even further.
LO2 - Transferable production
Description
For this portfolio project, I focused on creating clean, well-documented code that others can understand and use. I implemented several JavaScript features to make the portfolio more interactive and engaging. The background animation using HTML5 Canvas creates a dynamic particle effect that responds to mouse movement, and I added a battery status indicator that shows the current device battery level. The script.js file manages the stacking card animation in the offers section, handling scroll events and smooth transitions between stacked cards. The background and battery inspiration came from Two Capitals Studio. I also got design inspiration from Sintesis Studio. I used GitHub for version control, making sure to write clear commit messages that explain what changes I made and why. My README.md file includes detailed setup instructions, project structure, and explanations of the key features I implemented. I have worked with branches in groups Git. I maintained a consistent Git workflow, using feature branches for new functionality and creating pull requests for code review. Each commit message follows a clear format: "type: description" (e.g., "feat: add battery status indicator" or "fix: optimize background animation performance").
Evidence
Reflection
I learned a lot about writing maintainable code during this project. Initially, my JavaScript was all in one file, but after getting feedback from my peers, I separated it into modules (background.js and battery.js) to make it more organized. I also improved my README documentation after realizing it wasn't clear enough for others to understand how to set up the project. The background animation went through several iterations - first it was just static particles, then I added mouse interaction, and finally I optimized it for better performance. These changes taught me the importance of code organization and documentation in making projects more accessible to others. My Git workflow also improved significantly - I started with basic commits but learned to use branches effectively and write more descriptive commit messages. This made it easier to track changes and collaborate with others when needed.
LO3 - Creative iterations
Description
I changed my work based on feedback. I remade my portfolio from a Pokémon theme to a professional design after asking for advice from a LinkedIn expert. During the IMA project, I switched from a React Native app to a PWA. By doing this I made it easier to code and I improved the offline functionality. I also made an Ai chatbot for Dutch learning and changed it until it fit the needs of the refugees. Lastly, I added stacking cards in my portfolio, these gave me a lot of trouble but I fixed it with the feedback that I got.
Evidence
Reflection
This semester, I focused on improving my projects through feedback and iteration. I redesigned my portfolio to be more professional and added interactive elements like a moving background. For the language app, I switched to a PWA for better performance and added features like AI translation and a help button based on user needs. I also fixed animation issues in my stacking card feature to make it smoother. These projects taught me how to combine design and tech effectively while always keeping the user in mind.
LO4 - Professional standards
Description
In this portfolio, I document both the redesign of my personal portfolio website and the design process of a language-learning app for refugees. I started by changing my portfolio from a playful Pokémon theme to a more professional style, so it could better represent me on platforms like LinkedIn. At the same time, I worked on an app that helps refugees learn Dutch in a simple and visual way. Both projects challenged me to think about design, usability, and how to match the right tone to the right audience.
Evidence
Reflection
This semester, I focused on designing a solution for a real problem with a structured and professional approach. Using the Double Diamond model and a clear project plan, I developed a language-learning app for refugees at IMA. From user interviews to empathy mapping, I learned how to turn real needs into features like a visual UI, AI support, and multilingual onboarding.
The project helped me grow in applying research methods, working in a team, and delivering a user-centered product. It also showed me how to balance design quality with professional standards this is something I’ll carry on doing in future projects
LO5 - Personal leadership
Description
In this semester, I have made a reader about my personal development and reflecting on my growth during the semester, improvements to my LinkedIn profile, networking efforts, feedback reflections, event participation, and a self-analysis through a SWOT framework.
Evidence
Reflection
This semester, I focused on growing both personally and professionally. I used my free days to work with friends who are also students but at a different school, this helped me see things from different perspectives and improve my communication skills. I also updated my LinkedIn, planned a professional headshot, and started networking more to prepare for my internship search. The SWOT analysis helped me understand my habits better, especially how procrastination, perfectionism, and stress are connected. I’ve started making small changes and asking more for feedback, which has already made a difference. Overall, I’m proud of my progress and excited to keep building on this next semester. I am especially excited to prepare for the internship abroad and to specialize into generative AI.