Friday, September 24, 2010

Thursday, September 16, 2010

Sunday, September 12, 2010

Web Design 2 - Redesign Commercial Website

Gantt Chart

Site Map
Client Website - Yong Sheng

- navigation bar got roll over effect, clear and easy to find
- grid system, easier for user to read
- content very clear

- over all color combination not very nice enough
- weird photo for home page
- the hamper place on top, not very nice

can be more interesting like add in some more picture and colors

- the photos of the product very attractive
- list out the price of the product

- do not have a title for every page, user might confuse where they are,
navigation bar also did not shown

Outlets and Contact Us can be combine together.

News a bit boring.
can show some content with the title, user can read a bit
and decide which news they want to read.

Competitor's website






- not consistent
- nice design for no.2 and no.3, if the background color are same will be better
- no.3 and no.4 color very outstanding, very attractive
- contact us can be in a web page, pop up a box not very nice


- very formal style, quality assurance
- reliable, trustworthy
- nice layout and navigation bar
- user friendly =)


- looks fresh and new
- reliable, trustworthy
- tidy web layout
- user friendly =)
- attractive web pages

Bakers Cottage

- color combination still okay
- not fresh and new enough
- overall looks old design
- navigation bar too long, hierarchy not obvious enough, will confuse
- not user friendly

Dai Thong

- very simple design but nice yet
- overall clean and formal
- reliable
- user friendly

Inspirative Commercial Website

- clear navigation bar
- interesting top bar design
- target audience : young people

- color mood very warm and comfortable
- navigation bar better align left
- page layout simple but nice, clean and clear
- target audience : young people

- the font of the navigation bar suitable enough
- mouse over effect
- background color light, the product more outstanding
- overall looks elegant

- play with spacing and transparency
- looks high class and expensive
- font size quite suitable, small but clear

- beige/ light yellow looks delicious
- brand new
- interesting navigation bar with graphic
- playful and serious
- photos very attractive
- content box quite nice
- more focus on 18 - 50 years old

- the combination of reminiscence and modern
- it looks elegant
- product very outstanding because of the background color

- pinky pinky very sweet
- looks commercial also
- very attractive, especially for girls

- navigation bar very tidy, feel good
- red tone for the background, white color for the font,
navigation bar very obvious and easy to read

HTML Tutorial

They provide the most helpful and complete guide to creating web pages anywhere.

This tutorial teaches you everything about HTML.
This HTML tutorial contains more than 100 HTML examples.
With their HTML editor, you can edit the HTML,
and click on a button to view the result.

HTML for beginners, Advanced HTML

CSS for beginners, Advanced CSS

You will also get access to video tutorials that are perfect for any newbie getting started with their first website

15 lessons to create a website.

You can use this tutorial either as a complete introduction or as an A-Z reference to HTML.The pages are packed with : Easy to understand explanations, massive examples, tips, smart workarounds and useful quick references.

Design Tutorial

Here you will learn some cool Dreamweaver tips, Dreamweaver Behaviors, CSS in Dreamweaver, Using Templates in Dreamweaver and more!

27 best Photoshop Web Layout Design Tutorials to Design Decent Web Layouts

40 Greatest Web Interface Design Photoshop Tutorials

20 High Quality Photoshop Web Design Tutorials

In this collection, you’ll find 25 excellent Photoshop tutorials geared towards web designers. You’ll find a variety of tutorials that include creating full web page templates, navigation menus, headers, and content boxes

User-Friendly Navigation Menus

50 excellent navigation menus — they feature CSS-based design solutions, CSS+JavaScript-based menus and Flash-designs

50 Tips To A User Friendly Website