Interactive.Media.Products

For this Learning outcome, I made a few designs.
I made a design for my portfolio, a design for the Fontys ICT part-time study for this one we did a desktop and mobile version. and i also made a poster for ICT part-time study.
You will read about the process of these designs.

Development

PortFolio.

First Design.

I made a design for my portfolio which you can see in my figma.
In this design, I focused on the way of navigating through the learning outcome. To make this design, I started searching for inspiration, This did on different websites. You can read more about my inspiration Here. For this inspiration, I used the Community research. This is because it's good to look what others have done for their portfolio, and maybe It's something I can use.

Figma prototype portfolio 2
Here you see my first portfolio design
Figma prototype portfolio 3
Here you see my second design after i got feedback

Second Design.

After the first portfolio review, I got some feedback about the design. Here is a file with the feedback and the things I did to improve them: feedback.
To make it more myself and add some elements to make it a bit less boring, I added the following elements to my design.
I added a red accent color to my design. This will make it look more luxurious/modern. Here is a link to my Figma design: Figma and here is the .fig file, so you can text the interactive ness of the design:

3D.Picture

I added a 3D picture of myself to make my design more memorable. It fits well with the overall style, and I've made it red to match my accent color for a striking look. And to give the design a personal touch. It blends nicely with the page style. I made the model red to match my accent color, making it really stand out.

Fontys.ICT.Part.time

First.Prototype

The assignment was to create more awareness for the Fontys part-time ICT study. For this assignment, We used 2 CMD-research methods.
- Interview, this because when you do an interview, I can get a better idea of who apply for the part-time ICT study.
- Survey, This because small,fast information is nice to have, and with this we cloud reach more people at once. We did an interview and created a survey on which we got thirty-one answers. With all this information, our group started on the website design in figma, and then we looked at it as a group to improve.
We came up with the following design. You can find the final website at fontys.platour.net.

fontys part-time final design

Final.Design

Then for the next project, we needed to confirm/check our design to do this. We used the CMD-research method Usability testing, we started with creating the user test. After the user test, we went back to making a design and changed it. I made a document with our process about the design which you can find here. You can find the final design of the website here in pdf. We also made a design for a mobile version, this is the desktop website but smaller and the navigation is turned in to a hamburger menu. Here is the mobile figma in pdf

Sprint.X

First.prototype

For sprint-X, I designed and coded a terminal-style portfolio website for Jasper Latour, a technology student in his second semester. Jasper wants his portfolio to feature a command line interface (CLI) for navigation. I started by designing the website in Adobe XD based on his preferences.
After presenting the initial design, Jasper wanted that the portfolio be accessible to others, so I added a hamburger menu for easier navigation.
After an interview, Jasper expressed a preference for a modern Linux terminal aesthetic with purple and gray colors and wanted a normal navbar. I researched modern Linux terminal designs and found the modern linux terminal colors, making the terminal a loose part of the website. All design iterations and interviews with Jasper are documented in the Adobe XD file and my research document. And for the final design in the Adobe XD, I made it interactive. Here you can find the full research document. If you want to see the final website, check it out at jasper.platour.net.

Design 1 Design 2