Web Design 2 - Redesign Commercial Website Outcome /
Friday, March 16, 2012 @ 9:12 PM

Okay, I love Web Design, but i'm not really well in coding.
It makes my eyes feel so tired and headache always..
Maybe i still need to take some times to explore about it.

Anyway, here i post some screenshot pages of the outcome, after i redesign it. (Rapid's Penang).



 


Digital Photography Final Project /
Saturday, March 10, 2012 @ 9:57 PM

Time flies, I had end up for this semester again..
Photography lesson is the most fun subject for me.
I even more enjoy to go for out door shooting with my friends and him.

During sem break, I finally get a good rest for myself.
Although is quite boring sometimes, haha

So I decided to post up my Photography Final Project over here.
Those photos is about Penang Heritage.
Some of it had rejected by my lecturer before i pick out the final one.
but i am not satisfied with it. :p
Still want to post the rejected one.
I feel is nice wat ^-^








Photography - Unique angle /
Wednesday, February 8, 2012 @ 5:38 AM

Just Done another Photography assignment ! :)
is fun <3 











Photography /
Friday, February 3, 2012 @ 5:17 PM

Here are the photos I taken when during New Year.
Trying to take some lomo feeling photos.
nice?  :D





Web Design 2 - moodboard /
Monday, January 16, 2012 @ 7:03 AM



Scanography /
Wednesday, January 11, 2012 @ 5:15 AM


This is my first experience for doing this assignment.
And below here is the result...  :)




Web Design 2 - Redesign Commercial Website /
Saturday, January 7, 2012 @ 6:52 AM


Well, since the website that i assigned is "Rapid Penang", 
so I would like to do more research on the original website.

Here, I created a Sitemap & Gantt Chart.






Is quite difficult to find a beautiful rapid's or bus's website to be my competitor website.

 So in the end , I tried to find some similar one to do analysis.




4 Competitor Websites:

http://www.tokyometro.jp

Good
-  Very nice Grid system.

- Color mood and theme are very consistent and nice!

-  The arrangement of fonts and information are very neat and clear.

-  information are very organized.

- It wont looks boring, because it have some pictures and infographics.

- The picture and infographics looks nice and very suitable.

- Navigation are very clear and easy to understand.

- Navigation button and bars provide the visitor with a clue as to where they are,
what page of the site they are currently on.

- Over all looks clean and comfortable.

- The subway Map is interesting and very well done! 

-Over all Information are very neat and detail.

- The hierarchy of information is perfectly clear.


Bad
- Except the homepage have  slideshow on the top, but the rest pages are not.
( I suggest maybe still can put a picture on top of it for all pages, so that it will looks
more consistent  with the home page and more comfortable.)

    
   
http://www.mtr.com.hk

Good
- I love the slide show, very nice pictures because it looks so attractive and nice.

- Nice color mood, it makes over all looks comfortable and warm.

- The colors usage for every different categories are very well done.

- Really like the picture composition, it looks so nice ,organized and comfortable.

-Every pictures are very consistent color mood and it get audience attention.

- Grid system make over all looks neat ,clear and comfortable.

- Navigation buttons and bars are easy to understand and use.

- Every pages have different picture on the top of the content, it looks fun.
so that audience wont feel boring.

- Navigation button and bars provide the visitor with a clue as to where they are,
what page of the site they are currently on.

- Links are underlined so they are instantly clear to the visitor.

- Information very organized and detail.

- Nice infographics.

- I love the arrangement of the showcase and design.

-  Really nice layout ! I love it.


Bad
- Maybe can do some roll over effect on the picture of information.



http://www.jrpass.com/

Good
- I love the way of  the typography treatment,
it using different sizes and colors to show the main title and subtitle.

- Very simple layout design and good grid system.

- Using some simple infographic to make audience easy to understand.

- Using bolder fonts to show the number prices, it looks really good and easy to read.
  

Bad
- A bit boring with this kind of layout design.
- Maybe can add some pictures or background picture to make the whole website look more interesting. 

- I prefer the color mood of this website should change to warm color rather than this color.

- Maybe can add some design on the navigation.

- Navigation are too simple and not obvious, reader may not see the navigation.


http://www.railbookers.com

Good
- Very good grid system.

- The composition of information are very neat and organized!

- Very Detail information.

- Beside showing information and content,
  it show different pictures of every single categories showcase and pages.
  Look very nice and interesting.
- The slide show picture look nice and the fonts on it are readable and clear.

- Font treatment are good too, important information are always look obvious bigger than the content.  

- Every pages , even the color also look very consistent and neat.

- Navigation button and bars provide the visitor with a clue as to where they are,
what page of the site they are currently on.


Bad
- The background picture are nice, just it looks so weird for just padding top.
  (Maybe can do some masking on the photo, so that it can blends with the white background.)

- The navigation on the slide show are too obvious and it looks more like main navigation.
  (I suggest the button can make as simple symbol to present it, then the font maybe can put on the picture.)


Okay, here are some beautiful Commercial websites and my analysis..




4 Beautiful Commercial Websites:
 
http://www.dixonsapples.com

Good
- Very nice layout design and color mood.

- Content information are very detail and organized.

- Neat Grid system, and good composition.

- The flow are fine for me.

-  I love the "Our apples" page, the arrangement of the photos and contents are good.

- Overall's flow are good.

- The arrangement of categories are very clear and organized.


Bad
- The content typeface are not really readable, I prefer use other sans serif typeface rather than this.

- The pricing of apples are not that good, I prefer the price make it bigger, 
so that audience easy to read and differentiate.



http://www.wearemadd.com

Good
- The font treat of the slide show are good. It get people attention.

- The infographics design look nice.

- Composition and flow are fine.
- The menu looks okay for me just the font are too big already.

- The color mood is good, very energetic and funky.

- The typography for the "opening hours" and " "address" is readable.

- Nice graphics and good flow.


Bad
- The menu pages background Color are too distracting with the showcase color.

- Color combinations of text and background make the text hard to read.

- The Map can be better.


http://www.truetea.cz

Good
- Nice texture and design. I love the art style.

-  Nice simple drawing of infographics.

- The Gird system are fine, every thing align center.

- Font treatment are readable.


Bad
- I prefer Navigation put on the top, because it will be easier to see and comfortable.

- I suggest those thing that are click able, will have roll over effect.

- Beside home page, the other page have a "cross" symbol to go back to home page,
I feel it is not clear enough for reader to understand. I thought just click logo will be.


                                       

http://www.yogiproducts.com/

Good
- Overall design looks simple but nice.

- The introduction of the products are nice, 
but i suggest it show the Tea's name on the top of the content.

- Nice product's pictures.

-The hierarchy of information is perfectly clear and detail.

- The categories arrangement and flow are very organized.

- Navigation buttons and bars are easy to understand and use.

- Navigation button and bars provide the visitor with a clue as to where they are,
what page of the site they are currently on.







Bad
- Some page i feel it is not necessary, because i don't understand what is the purpose also.
Example at the "Well Being" (subpage ) of the inspiration.

-  Some categories are already available on the subpage, i suggest don't have to 
repeat the navigation. Because there have to many categories and subtitle,
 it will make reader confuse.




Here are some html coding tutorials that i found..

http://www.dynamicdrive.com/
http://www.w3schools.com/html/html_tables.asp
http://www.2createawebsite.com/build/html.html
http://tympanus.net/codrops/2011/03/16/expanding-image-menu/

and css tutorials.. 

http://www.tizag.com/cssT/
http://www.w3schools.com/css/
http://www.web-source.net/css_tutorial/
http://www.htmldog.com/guides/cssbeginner/