Monday, September 12, 2011

Web Design 2 - Gantt Chart & Site Map


Sitemap

______________________________________________________________


Gantt Chart

______________________________________________________________

Web Design 2 - Competitors





MANGO website show a very strong feeling on modern and stylish fashion for women. The navigation bar is clear and they have a very good typo treatment on magazine, information, navigation bar etc. On the first page they put video on it, a very nice way to give extra feeling and information for the customer. On the shopping page, they enlarge every single item and put roll-over effect on how it's look like on a model. Very fantastic.

______________________________________________________________________





Very modern and stylish layout to bring out the feeling of the brand. But of the shopping list page, i feel the page is boring and look very empty, if they add on some graphic or roll-over effect for the images it will be nicer. Overall the layout and navigation of the website is good.


______________________________________________________________________





Classic and a little-bit of modern style. The home page look a bit messy with too many information, but the focus point is big enough to catch your eye! Overall the page of shopping list etc is very simple and neat, the special part is the history part, they provide a very good way to show the before and after.

______________________________________________________________________





Elle website is run with system but too messy and the navigation is bad. It is very confusing compare to others  website, too much information and the type system is bad, overall is bad.

______________________________________________________________________

Wed Design 2 - Beautiful Website

BENHANTOOT





A very stylish and awesome portfolio website. The website is full of interactive stuff such like
Click and Drag, Roll-Over, Animating Background etc effect. Together with the music, this website
was able to control my mind and go explore the website. The color on this website is more on black and white together with grey and it's very match to the website. Very clear introduction and instruction on how the website runs. 10 out of 10 !


______________________________________________________________________

National Parks Project





Amazing website about environment,nature and animals. This website have a very nice interaction show on picture 1 with a very good navigation system, every page color is match on what environment that you are about to view, if the page you click is about forest, then all the website layout will change to green, if it is sea, then the color will be blue, on each single page the background will run a movie clip, and the layout is fill with flash animation. Very organized. 
10 out of 10 again!


______________________________________________________________________

Message For Japan





Simple, nice and interactive. On this website, you can write message or take photo and upload it. People who viewing this website can see your message or photo and u had shared. Any language that you write will automatically translate to Japanese as the picture 3 showed, the above part is translated Japanese and the below part is the original text. The color on this website is main is soft color combine together the good typo hierarchy and simple graphic make the website become very beautiful.


______________________________________________________________________

Suck Yeah





Good layout with texture, typeface is suitable. But this website got some link is not working, and not much graphic. Good color scheme and mood, overall is still OK.


______________________________________________________________________

Wed Design 2 - Tutorials

Html Code & Java Script Tutorial


_________________________________________________________________________

Design Tutorials







Stylish Portfolio Layout




Portfolio Web Layout




Clean and Classic Web Design

_________________________________________________________________________

Monday, May 30, 2011

Refine -- How to - Be a professional 'D.O.T.A' player.


Who am i - Game's Lecturer
Who is she/he - Player
What for - To become a professional in 'D.O.T.A'
1st task - Learning the basic system of the game. (3-5 steps)
2nd task - Understand the character's role and item's effect. (1-4 steps)
3rd task - Practice, keep playing and competitive with others. (1-4 steps)
Outcome - A 'D.O.T.A' professional is born.
Showcase - Gallery.

Saturday, May 28, 2011

5 Campaign Website

Online Campaign




___________________________________________


HERE











___________________________________________

Dark Side of Tanning








___________________________________________

Unicf










___________________________________________


Offline Campaign






___________________________________________


Greenpeace







___________________________________________



Smoking Side Effect








Saturday, May 14, 2011

Beautiful Website




Research for Beautiful Website
_____________________________________________________________


Get the Glass





This is the home page. Contained flash and interactive stuff.








This is the preloading page.






This is the Explore page. The Island will move around 
and the island will pop-up with some wood-sign to
describe certain information.






Interactive page with flash cut-scene.








Interactive page with instruction and playable.








Interactive page, the game have start.








Interactive page with pop-up information.






This is a very creative website with many interactive and flash and you will spend time to play it for sure.


_____________________________________________________________

Sensi Soft




Home page with interactive stuff and music.








If you click on the button, the things will turn.








The things will turned into something that belong
to another city and the music will change.







There are many places and each of them
display different things and music.







Everything in that stick on the things is click-able
and display certain information.







The combination of flash and
interactive elements.





This website show some interesting stuff like changing into somethings and the background is a flash together with music. 5 out of 5 !


_____________________________________________________________


Level 2




Loading page. Nice art direction.



Home page with many interactive and flash elements.




Click on the button and the board will changed.




The board contain flash elements and interactive button.




About us page. Very interactive and neat.




Compare  to other interactive website. This website show different style like changing only the board when clicking the button and overall the feeling is nice. Together with some flash moving around the website and music. Clear and neat.


_____________________________________________________________


Made For Each Other




Loading page, very interesting.









Flash movie before going to home page.








Introduction page for how to navigate the website.








First layer for the website (home page).








This website is very interesting, all the layer is in one
pieces, use the mouse to scroll from top to bottom.






Under ground layer with many interesting interactive elements.






'
Including Pop-up video buffering.








Last layer with full of interactive elements and flash game.









Flash game.






This website is amazing, personally i like it very much. 5/5 for interactive elements and other's media like games, video and music etc. Overall this is the one of the best website for me and i like the art direction very much.

Followers