design tutorials

1)url: http://vector.tutsplus.com/tutorials/text-effects/how-to-create-a-smokin-western-type-treatment-in-illustrator/2/

2)url: http://psdfan.com/tutorials/designing/making-the-clean-grunge-blog-design/

3) url: http://www.pvmgarage.com/en/2009/07/quick-psd-tutorial-how-to-create-a-simple-and-effective-retro-logo-with-a-soft-grunge-background/

4)url: http://abduzeedo.com/super-cool-retro-poster-10-steps-photoshop

beautiful commercial website

url: http://www.brownbagfilms.com/

1) It's an animated website...actually it take time to load it
2) but the overall(animated, mood, style & texture) is very nice
3) the navigation bar is quite clear also

beautiful commercial website

url: http://www.jochemmyjer.nl/#/Home

Analysis:

1) each icon got animated and sound effect...it's funny...
2) this style is using pencil to draw it...but  the written typeface(some) is hard to recognize...
3) I found that without the background also can create a good website...but need to add on "texture"

beautiful competitor website

url: http://www.mwp-online.de/

Analysis:

1)I felt that it's nice website...just click the content that u want...it will directly move down/up to the page

2)i like the mood as well...very fantastic (I felt)

3)But I found that some of the typeface(content button) is not match...

Beautiful commercial website

url: http://www.wix.com/daniliz/daniliz?partner%5Fid=WMGs4POB1ko%2Da&wixComputerID=W9vcsj2NVaVctFU02Uj6Ix8bwD7OVRGuR5uFcUjgzG%2FUA5rc3AEbg2%2Flsq2csF20bITmDKBjqLqjNs%2BekqUc0w%3D%3D&orgDocID=lvzWlJyfHdI%2Da&experiment%5Fid=smashflash8&gu%5Fid=59fe941c%2D7046%2D45ae%2D80a5%2D75b8b4f8703d

Analysis:

1)I found that this website is using the layout of map to become the mainpage...

2)It's simple and easy to use it

3)the size of font of the content is quite small....

4)I felt that althought the background is empty...but i still felt beautiful

Competitor's website

url: http://www.osakasushi.com/location.html

Analysis:

1) actually I quite like this website...it can catch my eyes to observe it

2) It gave the way to felt very tidy but the simple design is nice

3) but the thing is also make me felt a bit empty...maybe is the background or the square box

4) besides that, the restaurant's name is very clear to see and easy to remember...

Competitor's website

url: http://www.palmscourtrestaurant.com/home.html

Analysis:

1) This website is interesrting got play around with graphic...look relaxing...

2) the mood is ok...

3) it's easy to get the message

4)but...it really felt empty...no much info...but still better than the client's website...

Competitor's website

url: http://www.gunthers.com.sg/menu.html

Analysis:

1) This website make me felt like a high class restaurant.

2) Compare to the client's is definitely clearly than the client's one.

3) But...the size of the typefont is a bit small...

4) The mood is quite nice for me...

Competitor's website:

url: http://bijoucafe.net/index.html

Analysis:

1) This kind of layout is quite simple and nice...they got some rollover effect to change the pic for the page

2) But I do not know which status that i stay...

3) The info/content quite clear...easy to get the info as well.

4) Just a part one of the page(contact) it's make me felt empty...maybe is without the photo...

5) This website is clear than the client's website...althought it's easy to read...

Client's website

My analysis for this client's website is:

1)For the homepage, unless for the background is flat, the visual & layout it's terrible(for me)                        

2)Look very messy...too much of different photo....                                                                                      

3)the navigatoin bar it's like just put on it, nothing much...(boring)                                                                   4)the composition of menu page it's messy too...(maybe of the background image)                                        

5)for the about us page...the content is too long...will let me feel boring to read on...                                      

6)the requires of the feedback is quite clear                                                                                                  

7)for the locate page, it's really hard to see and some of the content part was out of position.                         

Gantt Chart

This is my "Web Design" for Design Mwthod 2

Fisrt of all, I would like to do a user testing for my website...which is kopitiam website
Anyone can give any comment or suggestion or anything else about on it...color mood, functional, feeling, contrast, rollover effect is it ok? or anything also can let me know(write on english or chinese also can^^)
But I want to tell u all first I haven't complete all of it yet...so just looking for the others that I was completed first^^
(And I wouldn't explain that what is what about that first...Coz I would like to know how is ur first time to see my website...so that I can make it better than this time)
I will keep loading on it^^

the others will coming soon (^^,)

Flowchart

or

Moodboard: "Baking"

MOODBOARD: "Baking"