Work Page Design

Each image on my Work Page (and home page) represents a different project and a selection of my projects from both University and Personal. To deliver a little bit more information than just an image, I decided to include the names of the projects below each image with a ‘READ MORE’ link to take them through to the project.

The links are a different colour to represent a link to the user.

Initially these boxes had no white border around them. However when it came to designing the About page and Contact page, I realised I needed to create further consistency through the design. Giving the images a 5px border keeps the consistency of a white wrap area that contains the content on the other pages. It also helps to separate the images from the background and bring them to the front.