Wire Frame(Change)

New Wire Frame Try Out:

Proposal

Project Definition:

-Intro Malaysia

-Information for Malaysia Residency

Current Site Analysis:

-Less pictures to show

-A lot of information

-Add some color for background

Target Audience:

-Adults

Wire Frame & Moodboard

Wire Frame(try 1):

Wire Frame(try 2):

Moodboard:

Gaint Chart & Sites Maps

Gant Chart:

Sites Maps:

Competitors WEB

First:

http://www.honda.com.my/

Second:

http://www.toyota.com.my/index.html

- Actually this 2 website layout are quite same, but i more like HONDA website. Because it have more clear information and promote their car. But this 2 website have nice navigation bar.

Third:

http://www.nokia.com.my/

Fourth:

http://www.sonyericsson.com/cws/home?cc=my&lc=en

-Between this 2 Website, I more like is sonyericsson web, because it have design and look more interest. For me the nokia web have a bit boring and the color not so nice also.

Beautiful WEB sharing

First:

http://svn2ftp.com/

-nice color mood, overall graphic are nice and cute. i like the graphic and color very much.=)

Second:

http://www.puma.com/running

-have clear information, like the background design also, navigation bar are clear enough.

Third:

http://www.nikesnowboarding.com/

-like they use black and white color for the website, information are clear enough, navigation bar are clear. And the shoes are quite nice also.

Fourth:

http://www.sohtanaka.com/

-cute website, just use black and white color for the website

This are the link i founded this all WEBSITE:

http://bestwebgallery.com/

Design Tutorials: Photoshop & illustrator

Photoshop:

First:

http://www.hongkiat.com/blog/40-greatest-web-interface-design-tutorials-photoshop-tutorial/

Second:

http://creativenerds.co.uk/tutorials/100-best-photoshop-design-tutorials-from-2010/

Third:

http://www.noupe.com/tutorial/30-useful-abstract-photoshop-design-tutorials.html

Illustrator:

First:

http://www.blog.spoongraphics.co.uk/articles/50-illustrator-tutorials-every-designer-should-see

Second:

http://vandelaydesign.com/blog/design/photoshop-illustrator-tutorials/

Third:

http://www.ndesign-studio.com/tutorials

Url of html code

This are the HTML tutorials I founded, some is basic HTML and have advance HTML.

First:

http://www.htmlcodetutorial.com/

Second:

http://www.quackit.com/html/tutorial/

Third:

http://www.2createawebsite.com/build/html.html

Fourth:

http://html-codes.1keydata.com/