Sunday, January 10, 2010

Web Design 2_Preparation










+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+



Client Website: Computertots.com.my

this is a website of computer education center for kids
it has many learning centre in M'sia n other countries




Intro Page


About Us Page


Gallery Page


Career Opportunities Page


* the overall color not harmonious and too pop, make ppl feel dizzy.
* the information and images didn't manage well, cause the layout too blank.
* Navigation bar is too small, can't get the people's attention.
* put all the information all together, make people lose the interest to read it.


+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+


Competitor's Websites




www.digitalmediaacademy.org
this is a digital media academy in US
* the typo treatment make the information clear and simple
* the overall color is match

* images are interesting





www.davinci.com.my
Da Vinci kids
although it's an art & craft learning centre
but it oso an education website
* the category and navigation are clear and easy to read
* interesting images
* layout design very match to the image of learning centre






www.computerxplorers.co.uk
this website is one of the oversea corporate of COMPUTERTOTS
it's located in UK
wonder why same company but come out the web page design are totally different-.-"

* the color of the chosen button(navigation bar) will change, easy to find out which page we locate.
* well typo treatment
* the color combination is match





this website is the international headquarter of COMPUTERTOTS which located in US
* their website is colourful and color using is same as the M'sia one, but well-managed of the color for this website.
* the category on the navigation bar is clear and obvious.
* also have interesting images

+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+



Nice Commercial Web Design


www.showandtellsale.com
* the layout design is nice and neat
* well typo treatment
* consistency
* color using is harmony and match





www.ricoverdeo.com
* the information is neat and clear with some nice images
* consistency
* elegant layout
* use rolling effect for changing to another page






www.brooklynfare.com
* layout design is simple and neat.
* color combination is simple but harmony.
* well typo treatment, show the hierarchy.




* the layout design is unique and artistic
* navigation is clear.
* consistency
* attractive



+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+



CSS/HTML Code Tutorials



+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+.+


Design Tutorials

No comments:

Post a Comment