Use Of Guides/ Rulers

Through the use of guides and rulers I am able to place information/ images into place so that the items will be in line throughout each page of the website, this helps for consistency and flow.
These also help when aligning anything within the design, for example i used them a lot to make sure the categories were inline with each other and had the correct spacing, as well as being on a suitable level with the logo.

Text For Info Page

The correct information in the about section of my website is imperative, I want to put across enough information inorder for the viewer to form an opinion of me. I also want to put across my own personality into the text so that the viewer can relate and feel comfortable working for me. 



Below is the information that I chose to use...

------------------ ---------------------- ---------------------- --------------------------- ----------------

// Currently studying photography at Salford University, I am a Manchester based portrait photographer who enjoys travelling and fashion.

I primarily photograph people, with a unique style that incorporates both documentary and fashion as the key elements. Through using both digital and analogue techniques, my work has a sophisticated yet vintage look.

Traveled:

      //   Milan

      //   Florence

      //   Pisa

      //   Rome

      //   Brindisi

      //   Bari

      //   Corfu

      //   Lefkimi

      //   Dubrovnik

      //   Split

      //   Barcelona

      //   Malaga

      //   Tolox

      //   Madrid

Contact:

Tel: 07854054725

Email: ben-stokesy@hotmail.com

Additional Info:

From studying photography at college, I went on to enroll on a university course that would test my photographic skills.  

Mock Journal Page

Above is a screenshot from my design for my jornal page, I actually really like it. I have designed it so that you can see what text would look like on the journal as well as images.

The layout is in the same grid/ rulers as the other content pages, apart from the home page which is full bleed. There is use of the slash sign inorder to show the different posts.

Visual Diary Page/ Journal

I have been looking into and researching the idea of putting in a visual diary page, this will work as a blog would and I will constantly add photographs, text and other information. This would give the viewer  possible future client a look into my thought processes and influences. All work would be my own however I may use quotes if relevant.
Through looking into other practitioners blog, it is apparent that some use just images and others choose to include text when posting on their blogs. Below are screenshots and examples. I think that I will use both text and images however I imagine I will use mostly images. I will also make sure that most of the images are mine, if not all. 

The below blog shows an image then when clicked on, some information about the person in the photograph, very interesting!

Michael Mayren has chosen to simply use images without any text for his blog, again saying something about his personality and style.

The Way People Read A Website Page

The following post looks into how the human eye looks at and reads a webpage.

The above image was found on the internet and shows how the human eye initially looks at a website page. This is very interesting and has helped me throughout the design process in terms of were to place certain things and how to catch the viewers attention. For example, I chose to put my logo in the top left hand side so that the viewer will remember my name. the viewer then will look at the images/ information below the logo.

Clients/ Features/ Commisions

Due to only not having that many well known clients as of yet, I may decide not to have a section of my info page for people that I have done work for.
This will be something that I will revisit when I have left university and have worked for more clients.

Info Page

The about page of any website is essential, especially for photographers who show their online presence in order to get more clients.

I have always imagined my about page/ info page/ contact page to be straight to the point, telling the potential client briefly yet descriptively about my capabilities and style. I also want the page to put across my own personality, this is due to the first impressions that the viewer will see. As it is in the photography world, first impressions count!

Below is a screenshot from photographers India Hobson, her layout is simple yet informative and the navigation is easy and again very simple, great for user interaction. Although she does not speak a great deal about herself and her style, the viewer is able to get all the information that is need through the images on her site. She has chosen to show her location and provide a phone number and email contact details. 

NOTE: Dont use a HOTMAIL account, this looks unprofessional.

Below is another screenshot from a clothing brands website, they decided to use an extended quote as their information, this long quote being relevant to the brand.

Below is yet another example of about pages. This page has been written in second hand, as if someone is talking about the artist. I also used bestaboutpages.com inorder to gather a greater understanding of the content for my info page. http://bestaboutpages.com/

Text Layout Idea

http://haydnrydings.co.uk/about

Whilst researching about what to include in my 'About Us'/ Info page, I came across a text layout and style that would work really well for my own website. This style was that there was a use of two slashes "//" instead of the conventional bullet points used when listing information. 
This would work well for my website because I have the continuous use of the 'slash' throughout my design, in order to keep some sort of fluidity and flow. 

Research

The below screenshot shows my website in the very first stages of the design process! My idea has changed from how I initial thought it would look after help from tutors. 

The below 10 screenshots show Andy Golpys website.

I like how American Apparel have used the same spacing between their photographs, it give for a nice finish. 

The below screenshots are from Alex Flueras photography website, I chose to showcase this due to the horizontal scrolling design, this is where some of my inspiration came from. It was helpful to navigate around a horizontal scrolling website so that I was able to imagine how my own would feel and look when laid out similar. 

The final screenshots are from a website that whilst researching, a certain element really caught my eye. I liked how they had chosen to use a large bold black slash inorder to separate their work genre/ ideas. I have decided to use this. My website is really somewhat of mixture of different websites put together to give something that I like and also something that suits my own style of photography.