Tuesday, September 13, 2011

Tutorials

Design Tutorials
http://psd.tutsplus.com/tutorials/tutorials-effects/mix-cool-retro-curves-into-your-photographs/
http://psd.tutsplus.com/tutorials/designing-tutorials/creating-a-stunning-old-world-look-in-photoshop/
http://psd.tutsplus.com/tutorials/illustration/cartoon-fish-photoshop/
http://abduzeedo.com/vintage-badge-illustrator-and-photoshop
http://abduzeedo.com/artistic-printing-inspiration-illustrator-and-photoshop
http://abduzeedo.com/beautiful-vector-illustration-illustrator-and-photoshop-carol-rivello

CSS Tutorials
http://www.w3schools.com/css/
http://www.csselite.com/
http://www.noupe.com/css/css-layouts-40-tutorials-tips-demos-and-best-practices.html
http://www.tizag.com/
http://htmldog.com/guides/

HTML Tutorials
http://www.yourhtmlsource.com/
http://net.tutsplus.com/tutorials/html-css-techniques/30-html-best-practices-for-beginners/
http://www.htmlgoodies.com/primers/html/article.php/3478141/Basic-HTML-Introduction.htm
http://www.htmlcodetutorial.com/
http://www.2createawebsite.com/build/html.html

jQuery Tutorials
http://webdesignerwall.com/tutorials/jquery-tutorials-for-designers
http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery
http://www.w3schools.com/jquery/default.asp
http://net.tutsplus.com/articles/web-roundups/jquery-for-absolute-beginners-video-series/
http://coding.smashingmagazine.com/2009/08/23/50-useful-new-jquery-techniques/

Javascript Tutorials
http://www.relisoft.com/web/javascript.html
http://net.tutsplus.com/tutorials/javascript-ajax/24-javascript-best-practices-for-beginners/
http://www.echoecho.com/javascript0.htm
http://www.javascriptkit.com/cutpastejava.shtml
http://www.noupe.com/css/13-awesome-java-script-css-menu.html

Beautiful Commercial Website






Web Design 2 : Redesign Commercial Website

Redesign Website: Ghee Hiang 
Target: To redesign the website to make it more interesting. More attractive to people who came visit the website.


The Legacy of Ghee Hiang

It is originated from Fujian, China since 1856, it has also become an integral part of Penang, Malaysia's colourful heritage and mesmerising traditions.

In 1856, during a period when the tin mining and rubber industries in Malaya (now Malaysia) was flourishing and attracted many Chinese immigrants from Southern China, the founder invited a Fujian Pastry Chef  to Penang and adopted the name Ghee Hiang. This marked the beginning of Ghee Hiang traditional pastries in Penang.

Then in 1900's, Ghee Hiang Baby Brand Pure Sesame Oil was introduced, using methods and techniques learned from Fujian, China. 
Through the years of further refinement and quality seeds selection, Ghee Hiang Baby Brand Sesame Oil had gained much appreciation, demand and popularity. It had become a trusted brand name for uses ranging from households, food industries, restaurants to healthcare.

This are their mascot.Each of them represent an individual product.


Screenshot of Client's Website





www.ghee-hiang.com

Good:
-Provided efficient information for you user to browse though.
-Enough detail of the product for use to consider whether what to buy and what is it.
-Nice flash introduction on the homepage. It attracted me to watch it.
-Nice introduction of using chart to show some information.
-Clear Pictures

Bad:
-Poor color, can be improve more.
-The arrangement of information is a bit dull/boring
-The arrangement of updates/nes is not interesting yet attractive.
-Overall dont have the vintage feel of it to bring out the duration of this company had been open till now.


Gantt Chart

Site Map




Competitor's Website





www.taithong.com.my

-Nice flash website.
-Lack of detail
-Use don't know where to click or which to click
-Lack of product description which is bad for user to see what they want to buy.








www.oversea.com.my

- Nice commercial website.
-Nice layout and background design for this website that brings out the traditional feeling.
-It's a bit troublesome for user to click for enquiry about the product. exp: price






www.yongsheng.com.my

-Can see the grid.
-Too formal and not interesting to attract user.
-Very detail about the product information.




 www.choi-heong-yuen.com




-Boring website.
-No detail about product.
-Bad color.




www.koikei.com

-Nice interface.
-Nice background design.
-Color a bit too dark for the overall.
-Product lack of detail and information.






Thursday, May 26, 2011

MoodBoard_FlowChart_Structure

MoodBoard


FlowChart

Structure (might change after more research)


Web_references

http://whoisleon.com/#home

http://www.natrashka.com/

http://www.designlabcph.com/about.html

http://janploch.de/