My process began by creating scamps for diferent styled websites. I wasn't sure at first what the ton of voice for my website was so sketched some more and less formal designs.
This first one is quite a modern design with semi-transparent boxes over full screen images. My plan is to use the photos I've collected as much as possible as I haven't used photography much in my past projects and have usually stuck to vectors.
The other six sections of the pages would have had a 3 column grid to display the content as simply s possible.
A variation of this design (below) had full width images as headers with short slideshows of my images.
In a crit I was told that my subject (bar tending) is quite informal, so my website should reflect this and be quite messy. This gave me the idea to create a skeumorphic website that looks like the messy notes of a bartender in a book. I quickly grabbed a camera and took the photos below to explain my idea as best as possible.
The homepage would be the front of the book.
The tabs of the book would be used to navigate the website as seen below.
I began mocking up the simplest way to achieve this design. The main problem I found was deciding how the content would scroll and the background stay static.
There were 2 diferent ways that I saw the website could scroll. A. showing a white page which the content would fade in and out from the top and bottom when scrolling or B. having one long scrolling page which a scrolling background.
