jien's Blog: 2011

Monday, September 12, 2011

WB2 - Tutorials

HTML Code Tutorials

Design tutorials

Funky web design layout

Grunge Web Design

Sleek an texture website

Analysis: It looks very clean yet classy and elegant. Font type used is nice and suit the theme. The use of the black box at side bottom of the slide show is good as it is to highlight the important point and it looks .organized and professional.

http://www.brainbuzzmedia.com/themes/class/wordpress/

Analysis: First of all, the logo attracts me the most in the first sight. The hierachy is good and the information is arranged neatly. The treatment of the subtitle is nice and interesting. Usage of fancy font for the subtitle and subhead brings out the feeling and fashion and fun. i like the created vector icons and texture of jeans is used.

http://www.thecassette.fr/

Analysis: The very first thing that attracts me is the illustration. As it is a portfolio website for a film animation school so there's animation being used and the whole webpage is in illustration artstyle. Navigation button is cute and the title is clear and the treatment is interesting as it's playing with the space and different font type.Navigation is clear.

http://www.thelostthing.com/

Analysis: The overall feeling towards this website is clean and classy. It's easy to navigate as the next and back buttons allow you to see the well organized informations in the box 1 by 1. I like the way they show the informations and how they arranege the hierachy.Font type used is suitable and comfortable to be read.
http://www.olliemccarthy.com/themes/VenturaLive/?transparent_layer=Header-Rays.png

WB2 - (YTL)Lake edge's Competitor websites

1) Mah Sing group - OneLegenda

http://www.onelegenda.com.my/

Analysis: The font is quite hard to be read. I think overall design feeling does not suit the type of the property. The whole chunk of text does not attract the viewer to read it. However it's user friendly and i like the floorplan selection effect in Design& features - typesA,B,C

2)Gamuda Land

http://www.gamudaland.com.my/

Analysis: Interesting and nice Art direction - Retro and classy kind of artstyle and feeling. But somehow i feel it's a bit too heavy for a properties website. There's lots of nice effects in this flash based website, so the loading part take some times to be loaded.

3)ioi property - Bandar puteri Puchong

http://www.ioiproperties.com.my/bdrputeripuchong/designconcept.html

Analysis :I think the font used for the navigation bar is a bit too fancy and the webpage would look nicer if the frame place in center. The information should be arranged in hierachy or summarized if it's too long so that the reader wouldn't get bored so easily.

4)Mah Sing - Garden Residence

http://www.gardenresidence.com.my/

Analysis: The menu bar is not so user friendly as in sometimes i find it hard to make the menu bar to scoll down. It's simple yet informative and clean. i find it comfortable to browse through the pages and the informations are arranged well and the hierachy is quite well done.

Tuesday, May 31, 2011

DGM 2

Title: Spring show and sale ( offline & online media )

Title : Clorets (offline media)

Title : Bose (offline media - poster)

Title : Dark smoke (offline)

Title : Glass recycle campaign (Online- video)

Wednesday, May 25, 2011

Web design - moodboard and sitemaps

Mood board

Sitemap A

Sitemap B

Tuesday, May 17, 2011

Ideas on project 1 for Web Design1: How to....?

Title : how I prepare a memorable and romantic marriage proposal

1. WHO AM I             : Author
2. WHO IS SHE          : Girl friend
3. WHAT FOR            : Marriage proposal
4. 1st task                    : choosing ring & flower
5. 2nd task                   : Decorating the restaurant
6. 3rd task                   : Different ways to propose
7. OUTCOME            : Successful proposal
8. SHOWCASE          : Gallery

Title : how to be prepared for exam

1. WHO AM I             : Teacher
2. WHO IS SHE/HE    : Students
3. WHAT FOR            : Get good result in exam
4. 1st task                    : Never fear or hate exam and be confident.( throw away negative words in brain )
5. 2nd task                   : Environment in the study room (keep away things that distract you e.g. Television)
6. 3rd task                   : Eat the right food and drink plenty of water ( choose the right drink and food )
7. 4th task              : Other minor preparation list
8. OUTCOME : Good/ satisfied result

Title : how to prevent from snatch thieves

1. WHO AM I             : Author / Police
2. WHO IS SHE/HE   : Citizens
3. WHAT FOR            : Safety of the citizens
4. 1st task                    : Identify anyone suspicious
5. 2nd task                   : How to prevent (e.g. place your bag/laptop bag under the car seat)
6. 3rd task                   : How to react when get snatched
7. OUTCOME            : Less snatch thieves
8. SHOWCASE          : Gallery