Web Design 2 Final Outcome

well~finally my final outcome here...haha..XD
Click HERE for version 1.=)
*strongly prefer using Mozilla Firefox view it.Thanks!

And click HERE for version 2.=)
*strongly prefer Mozilla Firefox version 3.6.6 to view it.Thanks!

the different only with the back to top back,one is with the floating effect, one is without.Cheers!

*And feel sorry to the different viewer & browser problem...since i have try hard to solve it...I think is the table problem, this is my first try n first time to put my background into the table~But well~never try u will never know what the problem u will face. Happy Holidays!=)

Interface Design

sorry for the late to post my progress up~
Main Page

One of the content page

look like found a big problem for me in this page...too many of words???background problem???or...??hmm...

Moodboard & Revised Site Map

Moodboard ( Click for enlarge)

-------------------------------------------------------------------------------------------------

Revised Site Map ( Click for enlarge)

Scanogram

Made by my favourite candy - Skittle and m&m chocolate...i was using them to make out a children's art and bring out the joyful of children's world with the characteristic of the candy and chocolate.

Web Design 2-Redesign Commercial Website

Redesign Commercial Website: Susu Lembu

http://www.goodday.com.my/

Logo

Home Page

- The navigation have roll over effect.
- The banner have some shining effect around with their product.
- The fonts can be better.
- The overall design still can improve a lot, now it looks unfriendly and un-attractive.
- Fail to find the identity of their company or product.

Product Range

-hard to let the user know the product pictures are a button, means can click.
-look very old fashion and boring.
-no information.

Corporate Vision/Mission

-contents arrangement can be better.
-overall feel boring and impatient to read.
-no picture to attract the audience.

Enquiry

-Feel like a boring form.
-Fail to attract the user fill in for the feeback.
-Should be more styling.

4 Competitor Websites:

Nestle

Nestle is a very famous food and beverage company in Malaysia. The overall design is better that Goodday. This website looks professional, organized and clean. The colors which are using in this website are interesting even is their navigation, they just pick the colors from their product. It is a way that can success to show out the identity of their product.

Dutch Lady

Dutch Lady is one of the popular milk website. The hierarchy, typography and the design are obvious and nice in this website compare to Goodday. The overall of the design are success to show out the feeling of harmony and healthy of their product.

F&N

F&N is the parent company of Magnolia dairy and fruit products. The website designis very boxy and look un-interesting but the overall design are better than Goodday because it look more organized.

Malaysia Milk Sdn. Bhd

Malaysia Milk Sdn. Bhd. is the parent company of the Marigold's product. The design of this website compare to the Gooddays, it will be more better. Even is the navigation, typography, pictures or the content arrangement, this website will be more clearly and tidy.

4 Beautiful Websites:
This 4 websites that i was found are quite interesting and beautiful even in their layout design or the content arrangement and so on. And especially is their flash graphics which are enough attract the user.

Vanilla Splits

Letter Bird Lane

Vivid Display

Indzen Studeo

4 HTML/CSS/Javasript Tutorials Websites:

1. Form Field Limiter
2. Flexi slideshow
3. Switch Menu
4. Top Messages

4 Photoshop/Illustrator Website Design Tutorials:

1. Sixrevisions
2. Webdesign Photoshop
3. 1stwebdesigner
4. Tripwiremagazine Photoshop

-------------------------------------------------------------------------------------------------

Gantt Chart (Click for Enlarge)

Site Map (Click for Enlarge)

~当自助旅行遇上摄影~

*Have a group photo with Chen Su Yin.^^
After came back from the KLCC(BookFest),I was joining this talk(当自助旅行遇上摄影)at AVH which by Chen Su Yin. Enjoy this talk a lot~*我会欣赏这样的人.Appreciate...=)
*But feel sorry tat i dun hav support her journey book...cos spend too much at the book fest this morning...><

Cheer!^^

Weather Forecast & Movie Poster Final

Tokyo

KualaLumpur

LosAngeles

Moving Type on Screen

my first try to upload a swf file in my blog...i spend my time...finally it works!it is a small size...=="but satisfield also...:D~

*will have a refined version in the end of November...now is lacking the current weather information and background music.=)

And now turn to the movie poster...i think tis consider to project 3~My title of the movie poster is Vivacity, means "action". Story is about an alien want to destroy n occupied the earth, n how the human save their world with their confident.

For this movie poster...anyway should thanks God that giving me an idea at the last minutes~and luckily my photos can use...><"

Typo Web Application-KFC

*My typography project 1 (Final Outcome), redesign website (interface).

version1--->click to enlarge

version2--->click to enlarge

click to enlarge

typo web application-Visit Malaysia,travel

*My typography project 1 (Final Outcome), redesign website (interface).

click to enlarge

click to enlarge

typo treatment

Typo treatment--->>>rushing works...because of no ideas...><"but at least i should come out something for my progress...anyway i believe that in my final the design will better than this.

moodboard

i feel more interested on it...how abt yr comments?

how to make a recycle school bag
1.WHO AM I-Author
2.WHAT IS IT-recycle school bag
3.WHAT FOR-putting something
4.1st task-prepare materials, like cutter, masking tape...
5.2nd task-collect old clothes and soft drink cans
6.3rd task-sewing it and design the pattern
7.OUTCOME-recycling, save the earth
8.SHOWCASE-Gallery

moodboard

How to be a Superman?
1.WHO AM I-a normal human(guys)
2.WHAT IS IT-a superman just like a hero
3.WHAT FOR-to save a pretty girl and chase her
4.1st task-train for muscle,eat more protein's food to be more strong
5.2nd task-dressing..."S" word t-shirt, red underware......
6.3rd task-learn how to save a girl with a romantic ways
7.OUTCOME-successful to be a superman and chase a girl
8.SHOWCASE-Gallery

MY ONION

an assignment just like a puzzle...but is using script...0.0

how to...

HOW TO KEEP FIT

1.WHO AM I- Doctor
2.WHO IS SHE- A fat girl
3.WHAT FOR - A Beauty Competition
4.1st task- Set a healthy meals menu
5.2nd task- Do exercise everyday
6.3rd task- Dress herself
7.OUTCOME- Beauty Stage
8.SHOWCASE-Gallery

HOW TO GIVE THANKS

1.WHO AM I- Student
2.WHO IS SHE- Teacher
3.WHAT FOR- Teacher'Day
4.1st task-Buying the materials
5.2nd task-Baking the cake
6.3rd task-Decorating the classrooms
7.OUTCOME-How we celebrate it
8.SHOWCASE-Gallery

HOW TO COOK A MAGGIE

1.WHO AM I- A Hungry Girl
2.WHO IS IT- A Maggie
3.WHAT FOR- Supper
4.1st task- Prepare The Materials
5.2nd task- Cook it follow the step
6.3rd task- Add a egg
7.OUTCOME- Steps of Cooking A Maggie
8.SHOWCASE-Gallery

HOW TO BECOME A HELPER

1.WHO AM I- Sister
2.WHO IS SHE- Baby
3.WHAT FOR- Mother out for work
4.1st task- Play with him
5.2nd task- Make milk for him
6.3rd task- Taking bath for him
7.OUTCOME-How to take care a baby
8.SHOWCASE-Gallery

HOW TO LIVE BETTER

1.WHO AM I- AUTHOR
2.WHO IS THEM- People are giving up their life
3.WHAT FOR- Cheers Them Up
4.1st task- To join a interesting talk
5.2nd task- To join the useful activity
6.3rd task- List out the target of life
7.OUTCOME- Love Life
8.SHOWCASE-Gallery

illustrator/photoshop tutorials

beautiful website

1.



www.walkthelinefestival.nl
2.



www.disturbmedia.com
3.



www.isky.co.kr
4.



www.adidas.com