Thursday, 30 May 2013

Personal branding: Web

Working from some very rough scamps I began to quickly throw together some potential layouts for the website










After not being happy with these quick throw togethers I quickly sketched this thumbnail of a centrally aligned page that I wanted to try out


I am much happier with the way this looks, and the larger amount of white space gives the page a bit of space to breath.


This is the basic grid for every page of the website


Each page of the website works by the user scrolling down, the navigation bar at the top stays fixed throughout

The place where the images scroll under has a subtle grey gradient on it to add a bit of depth to the page.




The site will feature an interests page, to get across a bit of who I am and what I am interested in, this will be updated regularly


This page will use lightbox to display information about each specific interests.




FInished Mock Ups










Info Pack

This is my info pack that will be sent to potential studios. As the people that will be receiving this pack will get an awful lot of similar things I decided to start the pack with an interactive game that involves the user ripping out the perforated page and placing it on the floor and then trying to land the business card on the zone. The pack then goes on to deliver CV information and samples of work.


As there has been some confusion about howe to fire the cards I did some diagrammatic illustrations to explain the procedure:




This is where the business card will sit, either it will be held by these tabs or a small sticky tab to avoid damaging the aesthetics of the reverse side of the page.


The samples of work give a taster of some of my successful projects and then the user is directed to my website which will feature the projects in greater depth.


Other products that could accompany this pack are, pop-up fingers, shuttle finger puppets, posters, cd etc.