Beutiful commercial websites

www.miero.co.kr

• This is a website of a fibre drink
• The main colour and theme are feminine,suit for the target audience which are female too
• They use image of model,pretty girls to show the healthiness of the drink
• the website form is not in box,it's in half rounded
  

from www.behance.net

• This is a website of launching a Peugeot Car
  

• The main colour is Blue and white
• althou it's using boxy style,but the way the website interact with user is intersting
• you can change the colour of the car using colouring method
• they intoduce the car and it's sparepart in a more fun way
  

www.acafela.co.kr

• This website is a website of drinks
• The overall colour is harmony,nice matvh with the drinks.
• they make the drinks bcome a character and with own story
• the layout is without a "frame", and abit different of everypage
• feel the fun of the product
  

www.bud.co.kr

• This is a korea site, it's a website of a beer brand
• the website contruction is not in boxy type but curvy type
• and the beer image itself got smoke,feel very alive
• the whole environment is interesting, match with the beer image
  
• the navigation button change in interesting way,unike normal ways.
  

URL+ Screen shots of competitors websites

www.anlene.com

• This site is under sonstruction for quite some time...and not much information >.<
  

www.nestle.com.my

• light blue and white as main colour
  
• boxy and boring
• the pisture are interesting,nice shoot
  

www.dutchlady.com.my

• Light blue and white as main colour
• Clean,fresh and healthy looking
• consider a "nicer" websites compare with others that i'hv found
• still boxy but they have tried to put in rounded edges for the box
• he way of arraging information,everything is not that boring.
• give me more professional feelings
  

www.mmsb.com.my

• Yellowish/Reddish colour
• bright and lively feelings
• fresh and colourful(fruits)
• using articles and ads to push their product
• with updated news,events
• boxy T.T
• boring also @.@

Links

Links of HTML/CSS/JAVA scripts

http://www.html.net/tutorials/css/
http://layouts.ironmyers.com/
http://www.tizag.com/javascriptT/
http://www.w3schools.com/
http://www.echoecho.com/html.htm



Design Tutorial Links

http://www.tutcity.com/tutorial
http://abduzeedo.com/tutorials
http://www.tutorialized.com/tutorials/Photoshop/1
http://www.smashingapps.com/

We Design2

It's was my new term again.....web design 2 subject..
this time we are require to revamp a commercial website O.O

well, i got it~~~Good Day...any impression? it's a local company produce beverage...milk.yogurt,fruit juice...

i think his full company name "Susu Lembu Asli Group" is more known to some of us XD
heard of it? yea,you can get their product evrywhere~

here's some of the screen shot of the website.

www.goodday.com.my

• The first impression is blueee
• specialised in the manufacturing and distribution of fresh milk, dairy products and health beverages in Malaysia.
• too boxy?
• make the whole website look more "healthy"?
• more "fresh"?

Web Design Interface user test

This is my web interface design.
I'hv post a few pages of screen shot,and i wanted to do user test of the design and layout,please answer the questions below...Thankyou

1. Are the overall of the pages attracts you?

2.How is the overall colour and design?

3.Does this pages makes you want to explore the site further?

4. Does this site has a clear purpose?

5.Is it well suited to first-time visitors?

The flow chart and Mood board

There are the flowchart and mood board of my html page design for "how to make..." project..

Research and referance for Web Design subject

As im takin g web design subject now....and about our final project,is to create a tutorial website base on the title: " how to make...."

These are some of the research and referance that i feel nice...
They are HTML websites.....and also turorial websites....

Pls have a look ya!

Tutorial websites...........................................................................................................................................
i'hv posted the links of some tutorial websites as i think that taking screen shot is abit confusing,feel free to browse through these websites ya...some even have youtube teaching video.

http://craftingagreenworld.com/
http://www.hearthandmadeblog.com
http://www.make-baby-stuff.com/
http://www.craftzine.com/halloweenkids/



HTML websites.............................................................................................................................................A website promotes travelling in china..



Camera website

Japanese reastaurant website..

The Hulk