UX/UI Design : Portfolio Website

Low Fidelity Prototype

Instead of creating a physical, paper prototype, I created a digital prototype within Clip Studio Paint. Here it's clear that my initial ideas were significantly different. At this point, the pages were all homogenous in design and utilized the same blue background and pink cloud shapes. The images were completely different, and instead of focusing on times of day, it focused on different types of clouds.

I had wanted to get more experimental with the shapes of my website, but ultimately ended up scrapping that by the final website.  

High Fidelity Prototyping

My high fidelity prototype uses the shapes of the original paper prototype as I still intended to include lots of cloud shapes at this point. It also, however, includes the idea of each page having its own time of day theming. I had started finalizing the colors that my website would use at this point. Shades of pink, yellow blue and indigo. I determined that the time of day for each page should be determined by where it is located on the nav bar. The left side would represent earlier points in the day while those to the right are later parts of the day. The only exception is the resume page, which I wanted to keep a little bit plainer by utilizing a greyscale rainy day theme.

I also had picked out some pixel fonts at this point. However the font I selected ended up not being available for web use, and I needed to search for an alternative font to use instead. Eventually I settled upon 04B_30.