Mobile Site

Ok so iv moved on to the mobile site for a couple of days, just inserted the image jquery slider, I reduced the pictures down to size and cropped them so that the important information could still be seen. See the below image.

Twitter feed JavaScript JSON

I have finsished my twitter feed which is to go into the footer of every page of the website, the image is above, just need to style it now :D

Client Meeting

On Wednesday the 16th March I went up to Mansfield to have a meeting with my client. This included receiving the content for each page, feedback for the site, and also changes they wanted doing, and additions they had later thought about.
changes included...
1)changes to rolling image on the homepage
2) selecting images for each page
3)collecting images for partners and awards
4)size of the blog reducing
5)email form
6)twitter feed in footer
7)List of services bullet pointed and different sizes
8)Information from leaflet
9) Contact details changed, and map created.
I will try and get all of this done for next Friday

Mobile Version Hands On!

I have decided to take a break from the main website, and look into creating a mobile verison for Hands On. I took a look at the BBC's mobile version and looked through the code and styling. I have used one of their images of andrew strauss just to measure up what it should look like on the mobile browser. Below is a screen shot taken from my iPhone of the logo an image and the links. I will now spend time on the mobile version while i am waiting for the content for the main site.

Hands On Website Update

I have been spending most of my recent time on the Client website. Additions since the last post are increase in header size, small alterations to the jQuery Slider images. I have created a working login and blog using PHP. The navigation is all now working and i have created blank pages for the other links.
To create the login i used the code which i used in the second term last year for my first PHP project. I also created the blog by editing the code David Downes taught us last year in the CD example. Next On the agenda for the site is to get all of the content for the other pages of the website. I also would like to include a PHP image uploader and also the othion to delete images and posts.
For the latest vesion view www.willgilberthorpe.co.uk/handson

Image Edits for Slider

Here are the first drafts for the images for the slider on the homepage of the Hands On Website, to see the slider with the images at this stage please see mhttp://www.willgilberthorpe.co.uk/handson/

Photographs

On Wednesday i went down to the Hands On warehouse to take some photographs, as you can see its not the greatest place in the world to photograph however with a bit of editing i think that some of the photos should look good. Here is a small selection of some of the photos.

jQuery Slider for Homepage

Just made the jQuery slider for the home page of the website, i used some code given to me from a tutorial on youtube, the like to part one of the tutorial is http://www.youtube.com/watch?v=gZ9Km3bPte0&playnext=1&list=PLF959F0A41FF13AAE

and here is the link to the slider on my Hands On website, the images are obviously not the final ones, also the slider works well in all browsers apart from google chrome, i am trying to sort this out as soon as possible.
http://www.willgilberthorpe.co.uk/handson/

Development 7- Solid Footer

Development 6 Orange Background

Development 5-a Contrasting Colour

4

Mock Up Development 3

Mock-Up Stage 2 Development

Hands On! First Basic Mock Up

Here is the first design for my Client Project Website Hands On!

Leaflets

The only peices of documentations to visually represent the company have been sent to me, they are pdf posters or leaflets, i hav included two of them in the post. I have been sent 7 of them but they are all very similar to each other. There is a distinctive colour pattern of purple and white, and the hand theme is also clear from one of the posters.

Fonts

I hav started looking at some various fonts to suit the Hands On logo. I have narrowed it down to five fonts which i have downloaded. Below are the examples, number one is Sketch Book, two is Adobe Regular, the third is Walkaway, the fourth is Coolvetica, and the final one is Comfortaa Light. I downloaded these from dafont.com =D



My two favourites that i think suit the company best is either coolvetica or adobe fonts.