Group Client Project - updates

This is the homepage of the website so far.

The navigation and gallery jQuery are working, the pages are linked together.
As each member of our group have done different pages separetely, we are now working on putting the pages together with the same CSS style but the basic structure is done. We still have quite a lot to tidy up and a few jQuery codes needed to be add in but I think we've worked quite well so far as a group.

Group Client Project - Accordion

As there are so much information in the website we need to include, we need some jQuery accordion to hide some of the content in a page so the content and the page will be neater and clearer.

This is the accordion we are going to use- jQuery Common Accordion - Horizontal and Vertical

Demo

Group Client Project - Product Icons

These are the original icons for the products.

I've re-designed them to make them look moderner and more professional.

Group Client Project - front page pictures

I've been working on the pictures that are going to be in the gallery box in the front page, like the one in the Windows homepage with buttons that can slide through the products and linked to the download page.

Each one of these pictures are for each one of the five products in AJC Soft.

They need further editing as they look a bit dull at the moment and we need to try to put them into the actual HTML5 to see if they fit and also ask the client's opinion first and then I could improve the quality of the pictures.

Group Client Project - jQuery gallery

I am looking at some jQuery galleries for the front page gallery.

1)View Demo

script

We need something like this, with a description and buttons for users to click through the pictures.

2) View Demo

script

I think this is just what we need, with clear arrows and number of slides. Description with links too.

3) Demo + Script

I like this one, simple and professional.

4) Demo + Script

This is similar to the one above, simple and professional. An I think this looks even moderner.

5) Demo + Script

I think our group had came across this one and thought this would be a good one to use. I like it. It's like the two above combined.

Group Client Project - further mock ups

After meeting up with our group, we've came up with an improved version mock up. I am glad that it's based on my first mock up as my groupmate liked my use of the colours.

This is the improved version mockup for the homepage I made.

This is basically how the website is going to look like with these colours and layout and this is the actual size too. The only thing isn't right is the font, we've decided to use this Caviar Dreams font.

So now we are going to work on the actual HTML5 and CSS3 and putting in some JQuery codes and the more complicated product pages, still a lot to do, more to come!

Group Client Project - Lavalamp menu

So finally, we've decided not to use a drop down menu in the navigation bar, as it looks a little bit messy when it drops down. We've decided to use the Lavalamp Menu in the navigation bar, because it's neat and looks professional.

Here's the one we've chose to use - Lavalamp Menu

Demo