My portfolio website is designed for people sharing interest in Digital Media and future employers. It was designed for laptops and PCs and it will work across the UK.
Below you can find a skeleton of this website:









It was essential to consider what content each page will include: images/ graphics/videos/screenshots/text/links/navigation bar, etc.
Go Back
Portfolio Design
I wanted it to be easy to navigate. The following sketches show my first ideas of the structure and lay out for each page. They demonstrate where the photos, text, navigation bar... will be placed.
I decided to create an intro-page to welcome viewers with an eye catching graphic inviting them to enter the site further. I want the homepage to be simple but effective, encouraging the viewer to stay on the site.
I picked bright and formal colors such as black and white for my website and traditionally I kept the use of blue for hyperlinks.
The About page includes basic information about me and a photo of me. In the Contact page I placed different ways to contact me.
I intended to set up the layout horizontally on my portfolio pages making the website different from other.
Portfolio page includes access to different projects.
For design purposes, I was experimenting with different ideas in order to achieve the best result. The screenshots on the left show development of navigation buttons and on the right there are ideas for intro page.
Below you can see my development of the intro-page. You can notice that the first stage of development was used as a shadow in the navigation bar and second part as a background of the entire website.
The website is build for myself, course-mates, friends, family and tutor. It works within UK and it's designed for PCs and laptops.

The navigation bar allows users to view different pages whcih display text, videos, graphics, etc. Images support text so that it is easier for readers to understand the information.

I also tested my website on different devices such as iPhone 4:
<<< Portrait
Landscape >>>
Moto G: