Group Client Project - Mock up

Working on some mock ups at the moment. This is the first mock up draft of the homepage.
We've chosen this color template as our color theme as we all agreed to the colors of blues and greys.

More to come....

Group Client Project - Structure

This took me a long time.
The basic structure of the existing website.
Since our client had updated the website recently, there are some changes in different sections. They've added a forum and useful article in the website, but the website now is much clearer and neater than the previous one which makes us easier to build a new one.

 

(click to enlarge)

It's probably a little bit messy, hope everyone at least understands the basic structures.

Group Client Project - Drop down menu

Looking at some drop down menus for the website.

I like this one:  http://www.webdesigndev.com/web-development/create-the-fanciest-dropdown-menu-you-ever-saw


DEMO

but it's probably a little too complicated.



This one looks quite good too : http://www.clarklab.net/blog/posts/animated-drop-down-menu-with-jquery/

DEMO

I like how the words go bold and bigger when the mouse move over.


I think this one is probably the most suitable for our website : http://javascript-array.com/scripts/multi_level_drop_down_menu/?st

I like how the menu is kind of faded in and out. It's clear and looks professional too.

Group Client Project - Wireframes

Only one idea for now. More to come.

Group Client Project - Fonts

I'm looking at possible fonts which we could use in our website.
I think the most important thing about the font in a software website is it should look professional, reliable and easy to read.

1) PT Serif

 

(click to enlarge)

2) Vollkorn

 

(click to enlarge)

3) Molengo

 

(click to enlarge)

Group Client Project - Colour Swatches

Some colour palettes I think are possibly suitable for our website.

1) http://www.colourlovers.com/palette/92095/Giant_Goldfish

2) http://www.colourlovers.com/palette/381446/Before_All_Fades

3) http://www.colourlovers.com/palette/1490128/spirited_away

4) http://www.colourlovers.com/palette/2204/Retro_blue

5) http://www.colourlovers.com/palette/14664/son_o-prime

I've chosen mostly grey-blue colours as I think it looks professional yet comfortable.

Group Client Project - inspiring websites

Our client is a software company called AJC Software.
This is their current website http://www.ajcsoft.com/index.php
All we need to do is basically communicate with the client and re-design the website.

So while getting in touch with the client, we decided to look at some software or similar websites and choose 5-10 which has an nice element where we could put in to our website.

1) http://www.comprousa.com/en/home.html

I think the moving news box is quite good to have. If you have a lot of news or updates then you can avoid having a long list but still able to see each news in one box.

2) http://www.corel.com/servlet/Satellite/gb/en/Content/1150905725000

There are several elements I like in this site. I like the flash images in the center of the page. It's big and eye catching. You can see a lot of information in one image and it's effective. We definitely need some drop-down menus like this in our website as there are too much information in the current website but they are not very organized. I like how they have put different links into categories at the bottom so users can find the information they want easily.

3) http://www.novell.com/home/

I think the footer of this website is clear and useful. It has a lot of links but they are in categories so it's very easy to look for the wanted information.

4) http://www.fsf.org/

I like the part where it says "You are here". So users know where they are in the site after clicking into a few links, they know exactly which category they are in and they can go back to the page they want directly with those "You are here" buttons.

5) http://discover.epicor.com/uk/erp/erp-74N2-92056.html

I like the background and the image of the staffs. It looks professional and promising with the sky and the blue.

6) http://www.1sourcetc.com/

I like the picture of "About Us". It looks professional and cool. I also like the "Points of Sale Products" pictures. Because they are circular they look less boring than original rectangular pictures.

7) http://www.computersoftwareinc.com/index.php?page=1

 

I like the design of this website. It uses flash in both the navigation bar and the image/banner in the middle. I think the color of the website is nice too.

8) http://download-data.com/shop/testimonials/

The "Testimonials" part is simple and clear and I think that's good.