I have now completed my final design for my website portfolio and I have created all my content to go in it.

The idea from my layout was one that I did in my paper prototypes, with the images swapping sides. I made a few adjustments so that it worked better, like keeping text to all one side. I kept the text all to the left besides the original art and above my recreation. This way is better as the user can view it in an upside down L shape from Original-Text-Redesign, which creates a natural viewing flow and is more pleasant.  

To make the experience more fun, I have used motion effects to make the content for each section float in as you scroll down to it. I had to be careful to not go too overboard, since motion effects can easily become too annoying or distracting for the users. This is supported by Page Laubheimer, who says, “when UI animations are subtle, unobtrusive, and brief, they can improve the user experience and can communicate feedback and state changes, prevent disorientation, and strengthen signifiers. But they should not be overused, as they can easily become overwhelming and distract users.” (Laubheimer, 2020). 

I think this is true, so I have only used it to introduce new sections and to create more progression in my website.

The colours I have used are black, white, dark blue, and light blue. I wanted a professional and clean appearance and didn’t want too much colour to distract from the designs. I used white for regular text, black for the website title, dark blue for the background and light blue for links. I also chose to use one font, which was a sans-serif clear font that can be easily read on screens.