Tuesday, September 13, 2011

Design Tutorials


HTML Code & Tutorials

Beautiful Websites




Analysis:

« Nice: 
  • Nice brochures layout is used.
  • Nice navigation used which make the location on the map can be select and with some flash movement when user rollover it.
  • Nice short information provide when click on the other brochure of the homepage.
  • Nice drop down menu navigation at the right of the webpage when click into some pages.
  • The mood of the website also show the feeling of "Woodlands", which very suit to it.

« Weak:
  • Basically it is a nice website, just the texts of the information is too much, if can reduce it using infographic or point form will be better.







Analysis:

« Nice: 
  • Clean and nice layout, show elegant and class.
  • Nice footer design to end the webpage.
  • Nice colour mood, which look comfortable.
  • Nice and clear typography been used.

« Weak:
  • The contact page can be more interesting by adding some graphic frame for it.




Agency Net 





Analysis:

« Nice: 
  • Nice loading page design.
  • Nice building layout as the navigation with some flash animation provide.
  • It is interesting when link to the website of "cur idea" because it provide the user to change the background layout as they like.

« Weak:
  • Overall is very nice. For me, it is the website is perfectly done.




Bini Silvia






Analysis:

« Nice: 
  Nice fantasy feeling that it created. The songs of it very suit with the feeling that this website bring to me.
  • Nice combination of that 2 art direction element, which is the backgrounds and the characters.
  • Nice pop-up paper to show the content information of the page.
  • Nice colours combination of the website, which play with the rainbow colours.

« Weak:
 • I like this website very much! For me, it no weakness at all. It is perfectly done!




Roger & Gallet












Analysis:

« Nice: 
  • Nice loading page with the product of it.
  • Interesting navigation for the homepage, which categories them into colours.
  • Interesting art direction of the website, which create the feeling of "blowing by the wind".
  • Good typography hierarchy that it play.
  • Nice interaction that provide for user, so that we won't get bored.

« Weak:
  •The website is nice!! It is perfectly done.


Competitor Websites of Desa ParkCity








Analysis:

« Nice: 
   • I like the navigation part below of the homepage. It easy for me to navigate and search without reload the page
  • The drop down menu is clear and categories. 
  • The homepage of the website is very high class.

« Weak:
  • Other than homepage, the page is like change to sudden. My eyes got a bit pain when the page suddenly from black colour background change to white.
  • It is organize, but why should they list down maximum 3 name under the drop down menu for user to click then there should be more than 10 of them. For me as a user, if it direct bring me to the list of all of them will be better.
  • The navigation buttons which been set to "should not be click-able", the list from the drop down menu is where we can click,  but when come to Integrated Development" button, it suddenly link me to the webpage of  www.sunwayproperty.com, it cause me a shock when I accidentally click on it.





Analysis:

« Nice: 
  • Nice full page slide as the background of the homepage. Good naming is state for each of the picture, which to let the user know where is the place of the picture taken.
  • Nice drop down menu with some background graphics, and me as a user can look through clearly about the categories of them.
  • Nice lightbox been used for the gallery photos.

« Weak:
  •  The red and white box which use to place the latest news is very abstract. It cause the whole website contrast everywhere, hard to know where should we focus, if look at the homepage for too long, my head will be headed too.
  • The background image for the navigation drop down menu box is a bit annoying when we using it in the homepage. It cause a bit blend into the background.


 Malaysia Land Sdn Bhd




Analysis:

« Nice:
  • Nice brochure layout used.
  • Interesting navigation used.
  • Nice lightbox use to show the image clearer.

« Weak:
  • It is too bad, the text in the website cannot be highlight and copy.
  • The information that provide is not detail and complete enough.



SP Setia Bhd




Analysis:

« Nice:
  • Nice slideshow of photos with the naming of places clearer.
  • Consistent navigation placement, easy to navigate.
  • Nice drop down content been used to store large information. It make the page clean and clear.

« Weak:
  • The footer treatment of the website is bad.
  • The background used is too down, hard to catch user attention.






Analysis:

« Nice:
  • Nice colour mood of the website. It show elegant and class.
  • Nice flash slideshow with the naming and the picture cut out.
  • Lightbox is use to present the map of the places and the photos.

« Weak:
  • The logo is too big and annoying.
  • The navigation bar can be improve, because when the 1st time I explore this website, I almost can't find the navigation bar which provide in the homepage.