iPhone site done for main website

So the mobilisation for the phone has been done, just needs a few tweeks on position but other then that it is completely finished and ready to join the rest of the work to literally be sent off in one big file.

Finished mobilising site for iPhone4

iPad Site - Done

Boom shake shake shake the room

Mobilising the site for iPhone

I have started to mobilise the site for iphone, heres the first stage.

iPad Main Site

Just started on the homepage for the iPad.
(Sorry will probably keep editing this)

 Just added all the CSS for the iPad about page, Taken the images out using a hide class;

Product Page

 "Find Us" Page.

 "Contact" Page.

Dooone!

New navigation for the site. Breaks up the page and brings the buttons out as well.

New idea for the homepage (Nav still needs to be fixed)

We wanted to break up the page because the logo is so imposing, we thought taking the wrapper down to the content and having the header and nav freestanding allowed us to take the top full screen to make more of an impression. We liked the original homepage but wanted to start looking at it in a design point of view. It needs tweaking but overall, we're happy. What do you guys think?

iPad Site - Emile

This is the iPad website made to the media queries CSS specifications , what do you think?

Problem - iPad

problem guys , every time i use the browser   re-sizer , it is not reading the the media queries CSS code but if manually re-size the browser to the left , it does , so i don't what do . i have emailed Giselle on the matter

iPad Site

 Since you can't download Google chrome on the computers in 105 , i have found a website which allows me resize the browser to size of the iPad 

http://resizemybrowser.com/

Playing around with new concepts for the navigation, really like inkeeping with the rounded borders. The nav border appears on hover.

Lightbox DUNNNN!

(Also you can see other bits of progress we've made throughout the site.)

About Page

So I used the example of the CSS trick off the web designer wall site and implemented it into the about so that the imagery, text and sections were in the right place, and this is how the About page looks as it stands.

Image Border

So I worked on including the images of the Perfect Pastries Team. I found a way of including the rounded border edges through web designer wall, which I thought would be a good idea as to keep it in sync with the theme and finished look so far.

http://webdesignerwall.com/tutorials/css3-image-styles-part-2

iPad Site

Started on the iPad site for the main site guys , ignore the color of the background its just the easier on the eye when working and still need to sort out the navi. eg make it smaller and also he size of the JQuery slider

Re-coded versions of the About and Find Us to incorporate into the site. Mehuli is now going to work on the imagery of the site and put it in through CSS and also find a nice and functional contact form. I'm going to work on the PDF and we'll meet on Monday to do the product page together.

Coding changed to include a border radius curve for the about, now editing the information within the page.

Borders

http://border-radius.com/ 
We thought it would be a better and nicer idea by including rounded edges, so we looked at border radius so that it flowed design wise, with the current logo.

Now that the colours of the original site have been changed, i'd really like to change the about styling of the page, just due to the colour scheme not working together, i think it needs to look a lot more simple as the sticky notes fit in well with the other site but don't really go with this one.

Me and Mehuli working on the re-sizing for the logo, we changed it to smaller to incorporate the logo and fit it into a smaller area so it wouldn't take up the entire screen on a smaller laptop or device screen.

New logo and background for the main site made to the clients preferences.

Logo for other website

Working on the original logo and re creating it to make it look simple but hopefully effective.

Personally I prefer this variation

possible design idea

Progress

Today Me and Jordan , have finished up with the HTML 5 And the CSS3 on the main site , the only thing left to do is to find a suitable body text and we should be able to finish off the site by the end of the week and start mobilisation. Mehuli was working on the second site , deciding which elements are best placed and in is progressing with the development of the second site's logo.