http://www.kwongwah.com.my/supplement/2011/11/24/8.html#.TtBo50IXI2k.facebook

Refine MoodBoard

more shopping and local cuisine color and element...

This is MoodBoard of Website Design 2
for Tourism Penang.


(need take few min, lightbox and file size a bit big)

http://www.tourismpenang.net.my/index.html
===============================================================================
picture01 picture02 picture03 picture04
===============================================================================
These are my webdesign 2 project which is redesign a Commercial Website, I am doing the "local cuisine" and "shopping" title in this project.

Overall is brown color and it take out the heritage feel when audience read this website.

Good
-the color mood is a bit strong it can take out the heritage feel
-the list of the street food in local cuisine is very clear and the description also very clear
-the photo of food and shopping is match and nice

Bad
-the info and grid of typo is abit confuse
-abit boring when reading the infomation
-no hierarchy of info

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

Now is about the Competitor and Analysis of website.

This is LAS VEGAS tourism website~
http://www.visitlasvegas.com/
====================================================================
Las Vegas 01 Las Vegas 02 Las Vegas 03 Las Vegas 04
====================================================================

Good
-they used color to show the hierarchy of the information
-navigation is clear and when rollover it have link and image to let audience see
-the list of information are very clear! and it have a nice look
-mood have a bit Las Vegas, but not strong

Bad
-color a bit down

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

Next is "Your Singapore" tourism website of singapore~
http://www.yoursingapore.com/content/traveller/en/experience.html
===================================================================
Singapore 01 Singapore 02 Singapore 03 Singapore 04
===================================================================

Good
-the home page of java-script is very attractive and the information inside category also very clear
-the photo mood are same
-color and typo hierarchy also very clear

Bad
-information of the place and others is a bit small

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

This is GOTHENBURG tourism website
http://www.goteborg.com/en/
===================================================================
Gothenburg 01 Gothenburg 02 Gothenburg 03 Gothenburg 04
===================================================================

Good
-The Gird of picture and typo is really nice!!!very clear and good looks
-typo hierarchy is very very clear even the navigation
-photo are very clear and match with the grid system is nice
-right site bar color hierarchy is nice

Bad
-just the top of the bar blue color is a bit boring

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

Last is Cottonseed oil tourism website
http://www.cottonseedoiltour.com/
===================================================================
Cottonseed 01 Cottonseed 02 Cottonseed 03 Cottonseed 04
===================================================================

Good
-mood are strong, i can feel the culture~
-color and design are very suitable
-the list of information inside are java script, audience can click and expand if dun wan can close,is a very useful and interesting
-all hierarchy are nice and clear!

Bad
-background texture is too out standing

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>


jQuery
-------------------------
http://tympanus.net/codrops/2010/12/14/moleskine-notebook/
http://tympanus.net/codrops/2010/12/27/portfolio-zoom-slider/
http://tympanus.net/codrops/2010/11/14/animated-portfolio-gallery/
http://tympanus.net/codrops/2010/06/07/fancy-sliding-form-with-jquery/
http://tympanus.net/codrops/2010/07/16/slide-down-box-menu/
http://tympanus.net/codrops/2010/02/24/grungy-random-rotation-menu-with-jquery-and-css3/

Javascript
-------------------------
http://www.dezinerfolio.com/2007/07/19/simple-javascript-accordions
http://www.dezinerfolio.com/2007/08/08/df-javascript-smooth-scroll

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

Tutorial
-------------------------
http://psd.tutsplus.com/tutorials/interface-tutorials/design-a-cartoon-grunge-website-layout/

http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-make-a-highly-textured-site-layout-in-photoshop/

http://designinstruct.com/web-design/clean-classy-web-design-photoshop/

http://designreviver.com/tutorials/create-a-nature-inspired-painted-background-in-photoshop

** http://www.viget.com/inspire/how-to-make-the-viget-inspire-background/

** http://psd.tutsplus.com/tutorials/interface-tutorials/photoshop-web-design-sleek/

** http://webdesignerwall.com/tutorials/design-watercolor-effect-menu

http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-create-a-grunge-web-design-in-photoshop/

** http://psd.tutsplus.com/tutorials/interface-tutorials/photoshop-paper-texture-from-scratch-then-create-a-grungy-web-design-with-it/

http://www.grafpedia.com/tutorials/create-type-layout-photoshop

http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-worn-paper-web-layout-using-photoshop/

http://www.blog.spoongraphics.co.uk/tutorials/how-to-build-a-stylish-portfolio-web-design-concept

http://www.mtuts.com/designs/creating-template-for-a-coffee-bar-or-restaurant-free-psd-included/

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

I renew my whole blogskins!!!
and make it more like portfolio
this times i add in the light box and swf pop out
so people can see my artwork it easily :P

the background is peaceful
is Matilde package design

Than i pick one of the design and use the "Cony" Font as my logo

And
This is my first time i renew my all code
normally i always ask my friend ashly to help me and fix the problem
but i try to research myself and use her basecode and change the layout and color
so now this is outcome ><

and feel free to see my artwork :D
Thanks All :D

about the sketches...my scanner got problem...cant scan...
so i will show lecture tmr...sry about that...:/

but i post a sample overall digitalize first...
just a sample...will be refine more more more more more....

These are my references :D






























This is the structure
1st page is like when u open it just have a enter button let u enter
2nd page is main page