Entire homepage of Alex's 2015 website portfolio.

Project brief

For my second year university project, in the Website Development unit, our class was tasked with creating our own website portfolio. We had to stick to best practices and coding standards such as optimising our images, making sure our HTML code was validated and referencing any third party code that we used on our website.

Go to website

Branding

For my logo I used the initials of my full name, AMC, and then combined them together. When choosing my colour scheme I decided to use my favourite colours of red, black and white because I personally feel that these coloura work very well together.

Two wireframe mockups of Alex's old website portfolio.

For the typography I used only one font type, Josefin Sans. Similar to my colour scheme, I chose this font type due to personal preference and beacuse I felt it was easy to read.

I also wanted to make my website interactive so I decided to add a nice partical effect on my main banner images and when the user moves the cursor along the banners, the particles move as well.

Alphabet and numbers using Jpsefin Sans font.

Design

This was the first website where I introduced mobile-first design. With it being my first time, the mobile-first design process was difficult, especially with the fact that I didn't create a wireframe beforehand.

Three screenshots of Alex's old website portfolio in desktop and mobile sizes.

When it came to structuring the website I wanted to make it as simple as possible. Using large blocks where neccessary to make them stand out and using a simple navigation so the user can naviagte round the website with ease.

Share this project