Tuesday, May 26, 2009

Home Assignment

---------------------------------------
1. Blog-Refine Site Map

2. Interface design of 1st page & 2nd page

3. Sketch 3rd & 4th page

4. Revision on CSS & HTML (Test on lesson 4)

Monday, May 25, 2009

Sunday, May 24, 2009

Saturday, May 23, 2009

My Client's Website





















- This is the website of Asian Heritage Row, which is my client.
- For me, i felt that this website lack of own uniqueness.
- The texture is nice actually, but too flat. cannot see the depth.
- The navigation part.. It's clear enough to lead people to other pages. just that the design is too normal. not special, and dun have sound button.
- I think if add in clubbing music to this index page will be better.

Tuesday, May 19, 2009

Home Assignment

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

-Add on analysis to blog

-Moodboard

-Gather branding materials

-Blog workbook Part 1-Project Concept Proposal

-Create Site Map in illustrator

-Sketch 1st page & 2nd page

Monday, May 18, 2009

-4 URL and screenshots with analysis of beautiful commercial web

Beautiful Commercial Web 1 - CoffeeCompany



http://fc01.deviantart.com/fs36/f/2008/272/7/8/Coffee_Company_by_Sansana.jpg


-This is still not a uploaded website.

-I take it because the design is interesting.

-The color mood is nice for a coffee website.

- The navigation also very clear, and the texture that they use is suitable.

-The typeface they choose also nice, it looks very clean.
Beautiful Commercial Web 2 - Ts2 Online Game




http://ts2.runup.com.my/index.php


-This is 1 of the game that i am playing these lately.

-I am interested to this website because of the character design very cute and the interesting compositionon top that how they focus on the characters.

-I believe from this single image you can already see the clear navigation. They even provided both languages Mandarin and English.

-The color is warm.

-I can say mostly for games, their target audience are around 12~25age. Because this age of people mostly are gamers and many people like something cute just like me.
Beautiful Commercial Web 3 - Pepsi




www.pepsi.com


-This is one of the coolest commercial website that i have seen.

-Look at the composition that how they design. It's very balancing and the art style is more to high technology kind of stuffs.

-The navigation for this Pepsi website is also very clear. try to look at the way when ppl scroll the mouse to the buttons on top, they makes the middle background darker to brings out the depth between button and the items that will show at the middle part.

-The color is also consistent to the product itself. Blue is nice, a feeling of refreshing just like water.
Beautiful Commercial Web 4 - Nike




www.nike.com


-This nike website have a very nice interactive design and the cool function.What i mean a cool function is like the way the lead users to change pictures. to go to other page.

-Even though the website overall is very dark, but we still can see that it's not flat. Maybe because of the form like a stage.

-The navigation quite clear but just lack of some other pages example : Home, gallery, about us, contact us, etc etc..

-4 URL and screenshots with analysis of competitor's website

Competitor 1 - Euphoria





www.euphoria.com.my


-Euphoria, a very creative commercial web design.

-The effect is very cool and nice, and the typography they play with is very interesting.

-Just that for the enter page, when it click into the home page, it doesn't look consistent anymore. It's like a different site, but it's pretty nice. The music also makes me don't feel like closing the site.

-The navigation is clearly stated there. considered a beautiful commercial website too.
Competitor 2 - Zouk




























-Zouk, a nightlife place in KL.

-I actually quite like the feeling of this website, i can see depth in this site.

-The color mood is not bad.

-The navigation is clear enough. User friendly.
Competitor 3 - Popi Cafe




http://www.popi.be/


-This website actually is not bad one, but because they fix everything inside that rectangular box, makes it looks a bit too simply. However, the effects of the neon light behind is kinda creative and pretty well done.

-The navigation is clear, because there's only 3 buttons i believe everyone notice that. It's lack of some pages.
Competitor 4 - Quattro




http://www.clubbing9.com.my/index.php?/Club-Quattro-Avenue-K-Kuala-Lumpur.html


-This is one of the competitor for Asian Heritage Row.

-The biggest problem that i found in this website is the own title/logo didn't show out, it makes ppl hard to recognize that this is Quattro website.

-Secondly, The color that they applied is too colorful, don't have a focus point. even though it's purpose design for night life, but this is still too flat.

Friday, May 15, 2009

-4 URL of design tutorials

-http://abduzeedo.com/amazing-photoshop-light-effect-10-steps
-http://www.good-tutorials.com/
-http://www.tutorialman.com/
-http://www.tutorialized.com/tutorials/Flash/Web-Design/1

-4 URL of HTML/CSS/Javascript code library tutorials

-http://htmldog.com/guides/cssadvanced/
-http://www.htmlcodetutorial.com/
-http://www.echoecho.com/html.htm
-http://www.tizag.com/htmlT/

Tuesday, May 12, 2009

note : web design 2

Understand Website Development Process

-Understanding : Site definition and planning
-Planning : Information architecture
-Design : Site Design
-Development and Test : Site construction
-Launch : Site marketing
-Maintain : Tracking, evaluation, maintainance

What is "ORPHAN" site?

URL : http://webstyleguide.com/process/develop.html

Blog
-4 screenshots of client's website
-4 URL and screenshots with analysis of competitor's website
-4 URL and screenshots with analysis of beautiful commercial web
-4 URL of HTML/CSS/Javascript code library tutorials
-4 URL of design tutorials