moodboard for ZOO

5 good typo websites

URL: http://www.sj63.com/web_show.asp?id=37480
navigation out of box. not using all same size, but some big and small,and transparency as well~

5 good typo websites

URL: http://www.sj63.com/web_show.asp?id=38007
i liked their art direction. Typo arrangement match up nicely. mood was there. old traditional feel give to us. content showing part by part clearly~

5 good typo websites

URL: http://www.sj63.com/web_show.asp?id=38009
every pages with different design, and yet based on their grid system. creative using typo as one part of their design also.

5 good typo websites

URL: http://www.sj63.com/web_show.asp?id=39442
they not restrict their design, feel free to use wide their space and match with their concept and idea.

5 good typo websites

URL: http://www.sj63.com/web_show.asp?id=39884
out of box designing typo~ play around typo with navigation and content.

5 good color skin websites

URL : http://www.minuit.co.nz/
yellow match with blue~ contrast. but not straighting or catch people attention ways. still can focus content area.

5 good color skin websites

URL : http://www.chevaldetroie.net/
color mood there. Tidy, i like their design, although overall is form by box, but somehow i wont feel bored when viewing this websites.

5 good color skin websites

URL: http://www.sir-patroclo.com/
This websites quite user friendly. Basically we can see a bar there to choose which color skin that u want to. Interesting~

5 good color skin websites

URL: http://www.checklandkindleysides.com/

color skin jus simple and tidy. Bring out the message clear also.

5 good color skin websites

URL : http://www.communicatorworld.com/

research on 5 websites on dbcut

http://www.e-fact.co.kr/
Three major color for this web design, grey, green and white. For me, websites is like boxiest and majority navigation, content part design is same, just left or right, top and bottom. This websites actually is same theories also, just they dint draw out the grid system line or either navigation bar. Websites is just fit enough, no need to drag down see content or images. Color is contrast and yet we can read content.

research on 5 websites on dbcut

http://www.cravesound.co.kr/
Compare with websites bottom, i prefer this . Same using round, but this most focus on line. From line bring out sound. I liked the way when we roll over a line will following cursor drawing a line, it's hard line, but slowly become soft and transparency. Yet, it's simple, tidy and play around with space, but not simply, somehow bring out comfortable feeling to me. Play around with typo, message clearly delivered.

research on 5 websites on dbcut

http://www.m-dot.net/
Using dot and circle as they design. Actually most of the Korean websites, they all put in flash or scripting when designing an interface. Plain background play with a lot of color tone is their style. Somehow i find their design is a bit empty, they might play with space. When go in their session, in a circle they put a box for their content is not match with their design, czuse everything is so rounded, and suddenly a sharp square there, a bit weird. Art direction is unique, which i can learn and study.

research on 5 websites on dbcut

http://www.gngnet.co.kr/
Big title always following there. It's a focus point. Background design of this interface showing an aeroplane wing with crop or angle, lead our eyes goes by the angle to read content and design. Navigation is on middle top, they play around with space design. After we go in, actually left part is showing which session we are in and right side is the content and images showing, Consistency and we wont get lost when viewing.

research on 5 websites on dbcut

http://www.ncomputing.co.kr/
Home page design make the structure lively. The box drop down match with the sound, and when cursor near by, it's sound added in. When go in further, can realized actually each of their pages is following by the grid system. Navigation bar always on the left and content and images in on right side. Although they have a lot of content, still can categorize their content part by part, this is e point that i had to learn. Cause my client websites-ZOO negara, it's content a lot of information and details, i had to categorize it nicely. otherwise client or viewer wont know which to focus.

Project: redesign websites

Client: http://www.zoonegara.org.my/index.htm

Mission of statement:

First, i had to figure out whether the identity of Zoo negara logo color. Because of the ticket i been before and the websites i view is different color. So, the identity i had to confirm before i moved on.
They lost the focus point when we are entering Zoo negara websites. Images and photo is mostly all the same sizes, should had depth and layers in the layout. They have lots of information and content is important and useful. But they dint structure and plan well how to categories those information and content.
Navigation is so small there, is sit not important? So i had to consider this problem. Which way to express is more functionality and effective. Reorganize the information and architecture to better match audience motivation when visiting the site, so content is to support.
Too boxiest of the layout design, and it's too flat.

GOAL:
Redesign to make it become more attractive and interesting. Create depth for the interface design. Goal is to achieve more people visit my site and client-ZOO negara. Clearly note that where are they current in my websites. Content arrangement and focus content had to make it clear. Home pages might put those extinct animal photo. Color more to tropical feel.

TARGET AUDIENCE:
-tourism
-teacher(holiday trip for student)
-family

Redesign Website(competitor ZOO s'pore)

S'pore ZOO
URL: http://www.zoo.com.sg/index.htm
This is the 1st landscape ZOO websites that i search, most of ZOO websites is using horizontal to put in their content and images. Spore ZOO websites just updated their websites, cause we can see it's following season there~ When i enter few days ago,it's not this kind of design. Good to following season to produced differents series or season websites. This is the good point that i can learn. Nice structure builded. Some more they provided three language, is Chinese, English and Japanese. Good effort~! When clicked inside, their design and content is fine, but background color they let it blank there, somehow look a bit empty at background. Pages consistency~ but some pages it's lot of content so they use horizontal, some they used landscape~ so, not really clear about that, is it websites can done by this way? But i liked this websites~

Redesign Website(competitor)

Competitors for Zoo Negara
URL: http://www.sandiegozoo.org/
This websites is using warm color, it's neat and tidy. The subtitle bar there, when your cursor move over will have a small flower plants out from the words. Have a focus point, which is the animal photo, using flash animation to make it~ Center linked bar there is linked to other websites. Compare with MALAYSIA ZOO NEGARA, the content is nicely done, every pages look consistency. All the linked not like ZOO NEGARA big big there to catch people attention. This is nicer~ Lot of information and content inside, but not so pack, can be easy read.

Redesign Website

My client - ZOO NEGARA
URL: http://www.zoonegara.org.my/index.htm

I went to zoo negara before in 2006 and still keep their ticket. For me, zoo is a garden and wonderful world for children~ When i enter this websites, i don't know where to focus and which part is the important content.Images mostly is same size,this is the point i can improved. And, worse thing is when u clicked in the images, they only simply put those animal content and picture there, look not consistency and too simply, i can improve from the linked also. In the navigation, they maintain consistency but come to images linked, it's all messed up. I think green color is suit zoo negara websites, because it's natural~ I'll try to enhance the color and redesign the overall layout.

Co-operate Website 01

URL: http://www.spannerworks.com/
Consistency grid system in every pages, user friendly. Once i come in this websites, it give a comfortable feeling to me. Maybe of the arrangement, images match also. Typo arrangement bring out a comfortable and match feeling. Although is a square or box layout, but dint give very boxy feeling.

Co-operate Website 02

URL: http://www.washpostco.com/
This websites contain two grid system, main pages and contain pages is different. user friendly.There are a lot of information that need to be display, for instance, the products, the news, the activities and etc,but text all been arrange nicely. No need to scroll down down only can read those contain. Actuali it's not contain much of designin, only text and some images will do. look wont tight, consider space and text arrangement.

Co-operate Website 03

URL: http://www.icrossing.com/
company websites, it's user friendly and been nicely design.Clearly note there navigation bar and those link.but different session using different grid system,it's somehow still maintain consistency.Contain pages and main pages is different grid system.