Portfolio Mockup and Background Video

    I started off today by creating mockups of what I want my portfolio website to look like. This is following on from last week when I planned my layout on paper, to today where I made a digital layout in Photoshop.

The Photoshop document of my portfolio mockup

    This gives me a better idea of the website I am going to be creating, even more so than the paper layout drafts, so that when it comes to developing the website I will have a good idea of what I need to be doing, and not wasting time making decisions that could be made previously. Designing in Photoshop means that the project is very flexible, and I can play around with different colours, layouts, fonts to experiment with my website's appearance.

    We then moved on to implementing a background video using HTML in our webpage.

The blurry image in the center of the screen is the background video

    Using the HTML