Web Design 2 - Redesign Commercial Website

Client: justlife (click here to proceed to their website)

justlife is a local business that started in 1999 selling organic goods to the public. They have branches in Selangor, Kuala Lumpur, Penang, Negeri Sembilan and Malacca.

Below are screenshots of four selected pages from the client's website. (CLICK ON THUMBS TO ENLARGE IMAGE)

-Home page-

-About page-

-Products page-

-Contact page-

Below are the client's four competitors. All of the competitors are local companies.

-Country Farm-

Pros:

1. Although it has a boxy navigation, I like the simple design and the treaments applied to this
website.

- Gradient background and reflection at bottom of page does not make the site feel flat and
boring.
2. Colours used makes this site feels fresh. This is very fitting because this site is all about selling
fresh, healthy organic food and products that are evvironmantally friendly.
3. There is consistency in layout, colours, and treatment on every page.

Cons:
1. In the "Products" page, the navigation to the left is too long and many of the clickable links
lead to an empty page and is unnecasseary and is confusing.

-Green Image-

Pros:
1. Easy Navigation
2. I like the fresh colours that they use.

Cons:
1. Although the simple is neat and clean, it's feel very much like a medical website rather than something that fresh and lively/active.

-Matahari Organic-

Pros:
1. Has flash, so the site does not feel too static
2. Their "Products" page is neatly organised and additional info like the price of the item and ingredients of the item are given. Very useful for visitors who want to what they are paying for. ;)
3. Easy navigation
4. The contact us page not only has the address and the phone numbers of the site, there is also a section where site visitors can input their name and email address and send a short message to the company.

Cons:
1. Although they have a neat "products" page, I do not see the need to have it repeated on the left side of the page.
2. The design of the page looks plain and dull.

-Radiant Code-

Pros:
1. Has flash, so the site does not feel too static.
2. Products information is stated clearly. This would help buyers decide which product would suit their needs.

Cons:
1. Their products are listed too long
2. No index.html page
3. The flash does not stop and provide info when I hover my mouse over it. So if you wants to know what were the produts that were displayed in the flash, you'll have to play the guessing game by going through the whole list of products on the left nav bar
4. The design on the top of the page feels cheap and crowded.

-Beautiful Commercial Websites-

HP

1. Beautiful art direction. Very fantasy like.
2. Voice over made the site feel more fantasy

Alpine Meadows

1.The images are rough and textured. It suits the website because it is promoting a ski lodge.
2. The treatments are taken into details and be seen in their contact page; their buttons are not flat because a white border and drop shadow have been added.

Coke

1. This is similar to the hp website above. It has a fantasy art direction and has many fun interactions and games.

-Nespresso-

1. This website is very slick and even the music makes this site's atmosphere feel even more slick and laid back.
2. The transition from one section to the other is very smooth.
3. Although it's slick this website too feels dreamy because of the low-lighting used.

-HTML/CSS/Javascript Tuts-

http://www.noupe.com/category/tutorial
http://www.domedia.org/oveklykken/articles.php
http://www.webmonkey.com/tutorial
http://www.ndesign-studio.com/resources/links/
http://www.javascriptkit.com/javatutors/
http://www.echoecho.com/javascript.htm

-Design Tuts-

http://abduzeedo.com/tutorials
http://vandelaydesign.com/blog/
http://www.myinkblog.com/category/tutorials/
http://www.pixel2life.com/