multimedia design

:(

2010-01-31T16:09:00.001+08:00

i am lazy.
i like to sleep
or daydream

i dont want to do anything
i want to travel

styleframe

2009-10-28T10:38:00.001+08:00

im doing hiv,
stop discrimination towards the hiv patients..
the gender symbols r out of shape cuz gona do it in ae..

msg:It is bad enough that people are dying of AIDS, but no one should die of ignorance. ~Elizabeth Taylor

survey

2009-09-14T19:47:00.003+08:00

hi..im doing a survey based on new media for design method 3...thanks thanks thanks for ur answers..

********************************************************************************
Age: Gender:

1. Do you know what is full-body interaction?
yes
no

2. Would you like to experience it?
(eg. tune & listen to different radio frequencies by using your own body/ shadow)
(picture below)
yes
no

3.Reason?

4.Would it be useful in our daily life?(this kind of interaction)
yes
no
perhaps

5.Do you think this media will be globalized in the future?
yes
no

6.Do you wish to have more invention based on this kind of interaction?
yes
no
WHY?_____________________________

User testing

2009-07-02T06:32:00.003+08:00

pls enter here

pls comment

the workable links are
home
about>introduction
about>proud of us
products>special occasion
products>special occasion>mooncake
contact>location
contact>feedback

questions
1. can you access to all the pages stated above?
2. do you think the design suit the company and products?
3. what do you think about the pages?interesting?
4. would u like to know more about it?
5. are the content readable?
6. other comment

original yongsheng

web 2 ---sketch

2009-05-26T11:03:00.001+08:00

web design---part2

2009-05-24T22:47:00.007+08:00

Moodboard

Sitemap

Yong Sheng's products

Project summary

This project is about to redesign the website for Yong Sheng Confectionery Sdn. Bhd. I am given 7 weeks to create no less than 8HTML pages, fully functional website that shows at least 3levels of content structure. Website must remain useful and compelling to the needs of both clients and the audience. I do not need to rebrand the whole company website, no need new info. But to enhance the overall design to attract more users and consumers. As well as promote this leading confectionery manufacturers in the southern region of Malaysia to everyone.

Current Site’s Analysis Goals

The current client’s website was done in 2008.I think it’s time to change for a better and more interesting layout to attract more people although some of the info like the coming dragon boat festival that have the rice dumplings is updated. The website should actually help the company to gain more consumers, tell the public about their uniqueness. However, the overall website looks normal that is not impactful enough for people that drop by the website. To increase hit rate, I found out that some areas can be improved .

First of all, I think it’s not necessary to insert so many images in the mainpage. It will somehow look “cheap” because of the overall colour mood is striking too. The way the images linked to each other is kinda confusing too.And the banner on the right hand side is too big and it exists in almost every pages.

To improve this, I will categorized the image under products, and under products, maybe will be divided into some small categories as well, like festive products, hampers, etc.

For the about page, the info is too lengthy. Maybe I can make them into different pages, like each subtitle is a page under the About page.Besides, the navigators can be more interesting too, maybe more rollover effect than the current ones.

Another thing is the outlet page, it stated that no available outlets now. But the page is there, it’s definitely not necessary. Besides, actually there are some outlets of the company in Johor and Melacca, but the info is under Contact page. When I first log in to this website, I am lost too, and confused. Thus,it has to be changed and improved so that it will be more convenient especially for first timer users.

I have collected the brochure from the Melacca branch. What I notice is the brochure is not bad, it gives me a kinda high class and elegant feeling, as well as the packaging. Thus, I might use the dark brown and some sort of golden colour feeling in the website, to make it look more high class and different from other brands. Also, some Chinese cultural elements will be added into the page, to enhance the overall feeling and mood. Another point is, maybe the website can provide membership to the customers, give them discounts on certain amount of purchase.

Client’s analysis

Yong Sheng Confectionery Sdn. Bhd. was established in 1952 in Muar, Johor. Today, they are one of the leading confectionery manufacturers in the southern region of Malaysia that focuses in the production of quality wife cakes, moon cakes, cookies, pastries and hampers.

Their factory, Tatawa Industries Sdn. Bhd. which specializes in soft-filled cookies and chocolates was founded in 1992. At the end of 1994, Tatawa Industries Sdn. Bhd. has captured the international and market coverage such as Japan, Europe, Middle East and Asia.

In Yong Sheng Confectionery Sdn. Bhd., their products strive on the intrinsic Chinese culture that blends with South East Asia delicious delicacies. They use not only finest ingredients to produce their products but exquisite and natural resources that hail from our environment. They are continuously upgrading their expertise in areas such as product development, design and packing to meet the ever-increasing and changing consumer market demand. To ensure all consumers have the best valued products, they have invested substantially in both equipment and manpower.

Besides,they also provide many varieties and quality hampers which are offered at favorable prices to their customers across the region. Due to the increasing demand of the gift giving society, which is part of our culture in Malaysia, they offer to cater the different types of hampers according to our customers’ needs such as special occasions and during festive seasons.

Yong Sheng Gift Shops were launched to sell and promote their products. Professional and dedicated teams were set up to provide their friendly service and share their knowledge on the products with their customers. However, their shop at Jalan Sayang, Muar remains our foremost outlet in Malaysia.

The unique selling point of Yong Sheng Confectionery Sdn. Bhd is that the company has more than 50 years of experience in the confectionery field.They provide plenty kinds of products, be it festive products, or any other Malaysian Chinese traditional cookies.Compare to other competitors, Yong Sheng provide more choices of Chinese delicacies for customers.

Yong Sheng’s products are suitable for all kinds of customers that would love to try Chinese cookies, the prices are affordable too. Also, with the beautiful design of the packaging, it’s quite worth it. In addition, the company emphasize on the Malaysian Chinese culture, which means,Chinese culture mix with South East Asia culture, then can attract more customers,either local , or overseas.

Short & Long-term Site Goals

The website is supposed to increase the business value, attract more people and let us know more about the products that they provided. The updates and images are interesting in the website, but the layout is quite normal, do not give much impact to the customers. Besides, I think some info in the website is quite confusing, in terms of categorizing.

Thus,for a long-term site goals, I think it is necessary to create a more attractive and clear web page layout. However, it’s just enhancing the design of the page and keep the contents there. So, I will design the layout, make it look more elegant and high class, to suit its packaging and brand as well. Also the fusion of Chinese and South East Asia culture elements. The company could also think of creating membership discount for customers, and collecting database from them, in order to deliver the certain latest updates to them.

For short-term goals, maybe the company can state out some special offer promotions for certain products.

Target audience

This website is targeted to those that love Malaysian Chinese traditional confectionery. It is useful for the users with the info provided, so that they can know more about the company’s products and prices before they need to go to the shop and purchase from there. Thus, to make sure the users log in often to the website, a better layout design and thoughtful arrangement would improve the situation. They can even provide newsletter service fortnightly and monthly.

Competitor’s Analysis

One of the company’s competitor is Oversea Corporation. The website has some flash in the beginning to make it more lively. Even the logo in the header has some kind of effect too.However, it doesn’t show the prices of the products. For this company, other than mooncakes and some other cookies, they do have restaurants for their delicacies too. The webpage layout is not that interesting and special. But overall it’s clean and provides some extra info than Yong Sheng Sdn. Bhd.

Secondly,it’s Kum Lun Tai.Same thing, they have flash in the entering page, although it’s not that interesting too, but at least it isn’t that static. This website does not even put description and price for almost all their products.And the western girl image in the header,does not give people an oriental feeling. By the way, the company has some other products than Chinese cookies, that can attract more buyers. A bad thing bout this website is that,there are a few broken links.

Another competitor is Baker’s Cottage.What I notice is, these competitors has an enter page.This company basically only use 2 main colours,their corporate colours to design the layout.It’s very simple and the navigators are not interesting as well, even hard to read.Same thing occurs,there are some broken links.But good thing is they organize some activities for people to join.

web design2-analysis-part 1

2009-05-16T17:59:00.001+08:00

Client website

www.yongsheng.com.my

the placement of the logo is not outstanding enough
the about page is too lengthy
abit boxy
the design on the righthand side bar is too much.

Competitor website
Kam Lun Tai

www.klt.com.my

the western girl in the header doesn't give the oriental feeling
broken links
prices are not listed
there's a flash in the beginning page
the info is too much in a page maybe

Baker's cottage

http://www.thebakerscottage.com.my

the navigators on the left is hard to read
broken links
should align center the whole page
the colours are ok but the design is not interesting enough

Oversea(hai wai tian)

http://www.oversea.com.my/

there are some simple flash in the header
clean
oriental
there's only a chinese page
and the picture in that page is not nice

continue

2009-05-16T17:59:00.000+08:00

Beautiful websites

https://www.crumpler.com.au/

a company that sell bags,the overall design is very interesting because every pages are different,but it maintains the feeling of a store-like page
interactive pages
the dark tone of the background makes the content outstand alot
easy to read!not pack with boring text

http://www.m-ms.fr/front/fr-fr/html/index.html

lots of animation,mixture of characters and real life
the colour of the background is comfortable and brings out the mnms feel
interesting navigators cause it's not boxy

http://www.digi.com.my/

the website looks fun with cute designs
the colours have the young and joy feeling to attract more users
simple graphics
neat and clean

http://www.7up.com/

nice flash loading at the beginning
good transition using flash
interesting facts because they are not listed in a boring way
use corporate colour to enhance to mood
gives us a fresh feeling
not too many text

HTML/CSS/Javascript tutorials

http://www.htmlcodetutorial.com/
http://www.htmlfreecodes.com/
http://www.tizag.com/javascriptT/
http://sixrevisions.com/category/css/

Design tutorials

http://psd.tutsplus.com/
http://abduzeedo.com/tutorials
http://www.smashingapps.com/
http://www.tutorialguide.net/design/adobe_photoshop/

END

2009-04-19T10:52:00.000+08:00

Happy holidays~
stil have vfund >,<

3weeks,,too short....

User testing for web design 1

2009-03-27T15:49:00.000+08:00

1. Do you know what is the website for?
2. How is the colour combination?
3. Do you understand the content?
4. How's the mood?
5. Other comments?

T.T

2009-01-29T18:59:00.000+08:00

it's day 4 of CNY,
i got no mood to do my assignments,
no mood to think,no mood to start...

i want to enjoy :(((((((((
can i................

i tot i could start today...
t.t

Moodboard+flowchart

2009-01-22T21:49:00.000+08:00

Title:How to make your own felt toys
Tutorial:animal(owl),flower,fruit(apple)

moodboard

flowchart

2009-01-19T17:07:00.000+08:00

my friend sms me
"one of my ex-classmate,which was my colleague in sin hua,has just passed away"

me:"haaaaa???how come??"

fren:"i think because she pressure herself too much,her english is not tat gud,but she has to teach BI n SC in the school.

me:"b4 that,she alwiz headache??"

fren:"if she press herself too much,she will headache,i think if she din teach in sin hua,will be nth"

only one week the girl has taught in the sch,
n shes gone now.
the reason is,
too much pressure...

frensss.....
take k. n have sufficient rest...

web design 1

2009-01-13T09:07:00.000+08:00

hi jo n chung kai..
these are the ideas n researches i've done so far..
my initial idea is,

"how to make junk decor"

the website is to teach kids how to use the "junk" like transform the used tissue box into drawers,the core of the toilet roll become the pencil holder and a used cardboard become a simple photo frame...so they can learn to create something useful from junk..

at first i wanted to name it something to do with recycle but i think it cannot work,because of cuz i'll use other material like "leftover crepe paper" etc to enhance the overall outcome.

so the colour wil be kinda colourful ..

another idea is

how to make your own candy toy

it's a tutorial website that target to the teenagers,
teaching them how to make their own candy toy using mostly feltz,with sewing method.
maybe i can create a simple story about it

Beautiful websites

Tutorial websites

warm up sem

2008-12-07T20:02:00.000+08:00

yenny told us that this is just a warm up sem...
how could it be O.o

stil left 5sems..

wish me luck

so that i can graduate from toa in 2010...

scary

interface

2008-11-26T15:48:00.000+08:00

we r ask to do 3diff interface..after the matrix method thingy,my theme is "SentimentalBuds"
it's developed based on the mindmap,titled,"groundnut"...@@
after that,we arrange the logo,typeface,n colours..which im lazy to upload here..
so..these r the interface for diff product..

the 3rd interface..belum lagi =.=

interface1..valentine's gift shop

difference:background pattern
which one u prefer..
any other comment..

interface2...online florist

how;s the navigator?
the background ok?with some blurred dots..
the flowers..arrangement..any problem??

comments?

PS:the rite hand side 1..i desaturated abit..will it match with the left part more?(due to comment)

third version @@

2008-10-28T22:06:00.000+08:00

i've change the colour of the elephant to become more outstanding..does it look better now?
changes:
-colour of the elephant
-logo,i just use her last name( 和）
-the text on the leaf.

interface for nicole

2008-10-28T19:01:00.000+08:00

main page,the navigators are the leaf,water splash,and the elephant

preferences,that stated wat she likes n doesnt like.

healthy formula,cuz she is very concerned bout this!!

Diary,cuz she likes to jot down things that happen

we are asked to create interface design for our client,which is one of our classmate.
so my classmate is nicole,she loves elephant..
earth tone,
and free flow

most importantly,we have to design the page based on simplicity.
so this are the modified version of the pages..do they look better?
any comments?
eg,the placement of the logo(her chinese name)...the arrangement..texts hard to read?

thankss~

1st interface

2008-10-28T18:45:00.000+08:00

main page healthy formula

diary about me

Posters,Design Method 1

2008-10-09T18:37:00.000+08:00

first poster,illustration

2nd poster,graphic,vector.
3rd poster,collage
2nd media
4th poster,digital montage
2nd media
(mm..after presentation,i oso feel that this is not that suitable...cuz the poster is"local" but i've put in in the "wrong country" @@...but at least..they r asian too..haha
suan le ba..careless >.<>

aaaa ..i';m not satisfied with my presentation today because i've swallowed lots of words n explaination..maybe too tired n gan jeong *.*
reali not satisfied.. :X ...although they r not perfect...stil i gota like them..at least i've tried my best...T.T
however,it's already passed...
really really hope i can do better in the coming projects...
*prays*

I CAN DO IT!N I HAVE TO DO IT!

collage

2008-10-08T19:02:00.000+08:00

BUBBLE

2008-10-07T18:57:00.000+08:00

the first was the original
second n third ,i've added some reflection of the boy..as well as the shirt colour diff...
what do u think?with or without reflection is better?

illus

2008-10-05T13:23:00.000+08:00

better now?the slogan
i personally think thhat i;m gonna use the first in the 2nd media,for the faber castell crayon packaging.cuz clearer..
but for poster,mostly second or third,which have the childhood feel...

comments?@@

montage2

2008-10-04T23:05:00.000+08:00

i've deleted some of the bubbles but remain the kid's shirt in orangy colour
but i've adjusted the wall a lil blue oso..
cuz some say the bubble might blend with the wall ...

wil it look better?or the previous 1 better

poster,digital montage

2008-10-04T18:41:00.000+08:00

which one better
1st,change shirt colour,
2nd,no other bubble added
3rd,diff types of bubble added
4th,with polka dots background

other comments r welcomed

poster kid

2008-10-04T11:22:00.000+08:00

frenss....
now i've added the slogan...
which one you think is better?
click on the image to view a clearer version..
thanks!!

poster ,.vector

2008-10-03T19:48:00.000+08:00

hey guys...which one is better?
or any other comments please let me noe...

poster 1

2008-09-29T23:16:00.000+08:00

1,2,3,4..which one is better?or any other comment?
i havent put the slogan yet,which is "my world,without boundaries"
it's based on childhood memories.
so the concept is like i like to draw and colour whatever i like,with no limitation..n illogically..

moon background

2008-07-13T16:31:00.000+08:00

for the background..which one is better..the brightness..

1,2,3,4

loading page

2008-07-13T15:35:00.000+08:00

i make the object smaller than b4..while the 0,50,100 bigger ...as well as the background..darker..is it better now??

commentssss

tq!

4 pages..refined..

2008-07-13T00:11:00.000+08:00

any comments?

main page

2008-07-12T23:46:00.001+08:00

when the cursor moves to certain part of the main page...

wat do u think..any comment....

4pages

2008-07-12T03:39:00.000+08:00

these r the content pages of my story,the bamboo cutter..i need comments from u guys...tq very much..
for the loading pages n mainpage,stil in progress,need to change sth...

1)character introduction 1.can u identify what page r u in actually?(eg.home,character...)
2.Is the msg clear enough for primary school kids?
3.hows the colour combination?
4.others feedback

2) game
1.can u identify what page r u in actually?(eg.home,character...)
2.can you find the axe?do u think it's ok for kids?
3.hows the colour combination?
4.others feedback

3.rejected all the princes

1.can u identify what page r u in actually?(eg.home,character...) 2.is the dialogue box suitable?
3.is the background suitable?
4.do you think the background might overtake the text?(no written yet)
5.others..

4)back to the moon

1)is the background suitable?
2)hows the colour combination
3)others..

thank you for ur time..

game

2008-07-12T00:27:00.000+08:00

which one is better?1,2,3,4....in terms of the colour background,and the content inside..darker or lighter?

background

2008-07-11T22:01:00.000+08:00

which one do u think is better?i mean the opacity of the background...(the page is not done yet...)just wanna know which one is more preferably...because other pages i gota use the same opacity tooo..there';s one page i tried..if the opacity is too low..it will be too dull..so ....comment..pls..tq..
this one with higher opacity..

this one is the background with lower opacity...

main page

2008-07-10T18:01:00.000+08:00

this one is the whole page with transparency except for the man..
this one is the page where the home,character ,read story n synopsis r not using transparency...

so..transparency or x transparency is better...or other comments...

with frame n title.

2008-07-10T14:33:00.001+08:00

0%

50%
100%
the loading pages are with frame and title as u can see...other than that it's the same as the previous 1..which one u think is better?or any other suggestion/comment r welcomed....thx..

loading page without the frame..

2008-07-10T14:23:00.000+08:00

50%

100%

find the axe!(rough)

2008-07-05T23:18:00.000+08:00

i;ve sent it to some of my frens n younger cousins..they tot they had to click to play..swt..and the axe is kinda hard to be found..a fren of mine ask is it the B word..-.-
maybe i should modify the colour of the axe holder..

title +

2008-07-04T22:37:00.000+08:00

the character n the bamboo would be in the loading page.it has not been done yet,haven reali decided the background for it yet...oh ya.i've added some gradient for the character n bamboo too..

this is the japanese folklore's title...the bamboo cutter

loading page

2008-07-01T22:32:00.000+08:00

the character is without the stroke

This is the loading page without the background yet..

with or without stroke is better ler?

freaky batik

2008-06-29T00:26:00.001+08:00

i hate batik class!!!so so so damn tiring...everyone was so bengkui in the class,the bengkui-est is joycy!we were like trapped in an oven!so so so so hot!!!!grrr
this is the bee beeeeeeee....

for the notebook and keychain really made our group faint...@@

thank you~

2008-06-12T22:39:00.000+08:00

thanks to those who have given me opinions n suggestions...
presentation done lo..
but the p2 is coming....@@

tq..

again

2008-06-11T02:23:00.000+08:00

how bout now..take notes of the map on the globe

network

2008-06-10T23:57:00.000+08:00

blue colour is obviously more recognizable as a network icon....
but..if use blue,it might not be as consistent as b4.....t.t
howhow...
use back the orignal..is more consistent....
ori??@@@@@

wallpaper

2008-06-10T20:15:00.000+08:00

these are the wallpapers for the theme,candy...

raster n vector iconss

2008-06-09T18:47:00.000+08:00

game(dice),globe/network(ice-cream),setting,address book,message

Vector icons(illus)

raster icons(photoshop)

i'm doing a project which is the mobile icons and the theme is candy:)
here's some questions for u guys..

1:what do u think about the overall design for both?
a )well done!
b)not bad,acceptable
c)too common
d)sucks!

2..do u think the design and colours r consistent?
a)yaa
b)not really
c)not at all!

3..can you recognize what does the icon represent?
a)obviously yes
b)a bit confusing
c)very very confusing n dont even know what is that!

4..which part i can improve more?
a)the design itself
b)colour combination
c)others...u may list out..

any other suggestion or feedback r more than welcome(:
thankss

another 20 palletes

2008-06-08T23:56:00.000+08:00

10more colour palletes..sorry for the gap..-.-

iconss

2008-05-31T16:18:00.001+08:00

i've done the raster...
but for the vector,i've tried many times..still looks like #@$%
yyyyyy
grrrrrr
how to do ....>.<

the colour analysis

2008-05-30T22:18:00.000+08:00

the colour analysis

Bee-eater---i like the colour of the bird,it's very attractive and soothing...the colour of the nature is wonderfulXD

dendelion---this kind of flower gives me a very soft and gentle feeling.and so does the pic,of cuz.the colours are soft but with the dark colour as the background to enhance the flower itself

ice berg--overall the colours are very calm and cooling.

the waterdrop--the colours are almost the same in terms of the gradient of blue,it gives a cooling and refreshing feelingred trees?--the colours of this pic are very bright and attracting.the colours of the trees give us a warm feeling while the blue sky shows us it is a good day!XD

grape?--there are some different value of the purple colour.the colours are shriking and nice.

gula melaka?--the colours are very bright and eye-catching.it gives me a joyful feel because of the red and orange colour.it's like CNY..lol

sakura--the colours are warm and very natural.it gives us a very warm and comfortable feeling with the spring season

path--the colours are very dull,yet it shows the nature.

wooden door?--the colours are mainly brown and grey.it gives an old and antique feeling.

that's all..(=