WEB DESIGN 2--Redesign Website

In this short sem, we are required to be more professional in doing or creating our project, treat our project like what we will do for our clients in future. So, although it is a short sem, but actually not that relax as well.
In WEB DESIGN 2, our final project is about redesign our client's website which is chosen unluckily...hehehe...my client is PAPPARICH, a restaurant in Malaysia. I need to redesign their website by solving the problems in their website.
Here I will post some screen shorts of their website.

problems should be solved:
1. navigation bar in each page is not consistency and the design is too simple.
2. overall color mood and art style is not match with their theme.
3. there is no title in each page.
4. no hierarchy in each page, either the images or paragraph.
5. Menu page is very messy, make the audience no more mood to continue reading.

_____________________________________________________________
competitor's website:

Oldtown
www.oldtown.com.my
Analysis: overall mood is very nice, design is very eye-catching, artstyle looks very class but modern, information is organized nicely.



Avista Restaurant
www.avistarestaurant.com
analysis: design simple but very nice, looks high class, layout designed nice, the organization of the information is very well.


Firewater Cafe
firewatercafe.net
analysis: layout design is simple but nice, hierarchy of information or each paragraph is well-organized, color mood is there.

Camilles Cafe
www.camillescafe.com
analysis: look at this website i really want to go there to have a lunch or what dy~~~^^overall design is very nice and eye-catching, have a very nice treatment of typography design and organize...very nice...


_____________________________________________________________

commercial websites:

King's Bridge
kings-bridge.com

analysis: very nice graphic design, motion, animation rollover effects and transition is very well designed and lively...i like this very much...


Sensisoft
www.sensisoft.com

analysis: graphic is very nice, overall mood is there, animation in every page is different and lively, every page looks consistency, transition is well-designed.


Vanilla Splits
www.vanillasplits.com



analysis: art style is very nice, looks very realistic, navigation bar design is creative enough.

Nespresso
www1.nespresso.com


analysis: wow!!!hehe...layout design is very nice and creative, looks professional and high class, transition between every page is very smooth and realistic...sai lei...

____________________________________________________________________

html/CSS/Javascripts tutorials:

• http://www.htmlcodetutorial.com/
• http://www.echoecho.com/javascript.htm
• http://www.javascriptkit.com/javatutors/
• http://csshtmltutorial.com/csshtmltutorial-htmllinkcodetutorial.php
  

____________________________________________________________________

design tutorials:

• http://www.pixel2life.com/
• http://vandelaydesign.com/blog/
• http://abduzeedo.com/tutorials
• http://www.ndesign-studio.com/resources/links
• http://designrfix.com/
  

新家~~~

是的
本人又开了一个新博客啦~~~
为什么要开多一个新博客呢？
原因很简单
就只是为了把放功课的博客
和只是记录心情的博客简单的分化开来而已~~~

我的新博客--静心尽意

希望大家时常光顾啊~~~

Weather Forecast Design

Yup, weather forecast design...our Typography final big big big project...
In this project, we have to design a weather forecast, to make it have a new look, not just like what u see in TV, a group of numbers, a sun or a cloud...thats all...
We are required to design it as creative as we can, as much different with normal look as we can...

So, here is my final outcome. We need to design it in FLASH so it will have some motion or animation, but here i just put the jpeg of each design.


First one is weather forecast in PARIS.
The scroll will show the information especially the highest temperature. After that, scroll will close itself, background change to raining, scroll open again, and now the information change to lowest temperature, to show that the lowest temperature is like that and it will be raining in Paris.


Second one is weather forecast in TOKYO.
Same, the scroll will show the information first, then it close itself, background change to have more fog, scroll open, show the lowest temperature.



Third one is weather in BEIJING.
Also same, sroll will show the information and the highest temperature, after that it will close itself, background change to more cold, and snow becomes more and more, then scroll open again, and this time it shows the lowest temperature.


Finish....
Do u have any comments or suggestion about it?
Pls kindly leave down here o...thx...

Refine Website

One of the project of Typography subject is, choose an official website(actually is lecturer choose for us, not we choose ourselve, no choice... ) then find out the typo problem and solve it.

So, my chosen website are: Malaysia airlines and RTM.

Here is my final outcome...actually i dun like my final visual as well but need to post up to have some sharing, and get some feedback also...hehehe


Malaysia Airlines(before refine)

(after refine)



RTM (before refine)





(after refine)


So, as usual, any comments you all can leave down here o~~~thx first~~~

Flash Game Design

Yup, this is our DIGITAL MEDIA 2 final project, create a survival game.
My game actually is a horror game, the name of it is "ALIVE".
Storyline: U are a children. One night, u wake up, realize that u r not in ur original house with ur family, u r in a horror house alone. U need to run out from the house as fast as u can, or else...hehehe

My game actually includes 4 small games, which are: maze, calling, moving thing, and finding key.
If u fail to complete one of these games, the "person" will appear to find u...
So, here i post up some of the scenes of my whole game design.

index page

short animation

short animation

game part scene

game part scene

game part scene

game part scene

game part scene(need to be careful, there is a ghost appear...)

game part scene

game part scene

game part scene

if u loose one of these games, then the ghost will come out, she is looking for u o~~~

THE END~~

How? interested on my game? or got some comment want to let me know? u can leave down ur comments here...

Movie Poster Design

One of my assignment is this--MOVIE POSTER DESIGN.
The movie title of our group is "MM-Lab2", then we have to design our own movie poster, each one, not each group.
The storyline of my movie:
I and few of my friends are new students in TOA(^^), then actually there is a place that we can't access in this college...a horror place--MM-Lab2(Multimedia Lab 2). Once a person go in, then sure got something would happen, then the person never come out anymore...So, we don't believe about that, we try to stay 1 night in this lab to prove that it won't happen although we go inside. But, after that night, I am the last survivor in the lab...and finally, I also died...


And this is my design...
any comments? can leave down o....thx...