Thursday 1 May 2014

Personal Branding // Website visuals and mock ups

At this stage my website is currently under construction, however the design I present below is pretty accurate to how I intend the final piece to look and work.

 As you click through the menu options you will find the choices 

- Home
- About
- Work
- Contact
I do not want to over complicate this website, I want to use it purely as a promotional digital cv, and I don't want the complexity of the web design to take away from presenting my work.

The website will be based around my visual branding that you saw earlier applied to my business cards, but in this context the logo doubles up as a platform for the menu bar to located.

The home page is simply my logo with a 'click me' button at the button, from them the logo and menu bar re locate from the centre to the top left hand corner and full screen images of selected portfolio product shots will randomly fill the screen as a background.

Starting page



Home

The background of the page will keep on scrolling through full screen images of my work but depending on the page that you have selected a different paragraph of information will be provided at the bottom left of the page as you can see below, this way, the viewer still continues to whitness my work but also can read the information they require.


 The same concept applies to the about page, but with further information provided about me as a designer and my specialist areas and bio.


The work page gives the viewer an option to select which specific works they would like to view, and once selected an archive of each project will be presented and they would then be allowed to scroll through and select images at will.



 Contact information is a very simple page, with just my current information being promoted, I find with many designers websites, it is actually quite difficult to find contact information because it is often over shadowed by the physical design of the website. My intentions are to keep it as simple, understandable and aesthetically pleasing as possible.


 Below you can see how each page is intended to be viewed on a computer screen, I need to update the layout to allow it to be applied to smart phones and tablets.

Start


About

 Contact


Home


Work



No comments:

Post a Comment