OUGD502 - A Design Presence: Website

I decided to go to screen with the scamps that I drew to see what I could do for my own website. I want to keep it simple, image based and contemporary.

Characteristics

• Fixed navigation
• One long page
• Arrows to navigate through projects

I decided to have full sized images, that have arrows on either side for the user to swipe or click through to see more from that project. There is also a caption of the project title and area of design. The arrows have a dark square around them in the same colour as the rest of my brand to help stand out to users.

I did this for a few projects. As they are images and not text, users don't really mind scrolling through lots of content. 

For the footer I thought I would have contact details. At first I used the same layout I have on my printed collateral, but then I thought the web is different - why have text when you can buttons going to these things. It is a lot quicker for the user and they don't have to read anything. So I got som  relevant vector buttons.

I moved these to the header as I also thought, I don't really need any navigation links if I'm just having images of my work. I could have page jump navigation links, but I didn't think it was relevant with work

I shrunk down the icons to make them look better with the size of the logo.

I decided to get rid of the facebook icon as it's not very professional.

I added the footer, and put the copyright sentence on it - something I have learnt is important this module!

I thought this was the final web design, then I thought about adding a back to top button so that it's easier for the user.

Here is the final web design, with a 'back to top' option at the bottom, to make it easier for users, and so they don't have to scroll up.

Mock Ups

Over Summer I will try and get it live. I will be working amongst developers on my placements so hopefully one could help me out with making it responsive.