Saturday, January 9, 2010

Web Design 2 - Redesign Website

Now is Semester 6, lots of newbie subjects this sem, photography, digital vid, marketing and our old friend Web Design TWO! First day, project brief sudah datang.
This time our project require us to redesign a website... me, MC and Ruzafir are taking the same topic... which is www.theloaf.net... BREAD BREAD BREAD...
Here is my Gantt Chart for this project

and my flow chart :DDDD


mmmm, i think we gonna lapar when doing this web, especially when we are in the stage of OT! OAO... So here are the screenshots of the websites :DDD

Problems that i found in this website:
- almost 90% of this website are pictures, including Body Text.
- too much flash.
- the side button of this website should have a rollover effect.
- the colour mood could be better
- the news and event page seems to be very very long and full of data plus not interesting
- the background image of this website could be better, rather than just repeated bread background.

Competitors Websites
Salem Baking
- very good table arrangement
- colour mood is nice and very classy
- not all of this page are using flash
- it gives the bread and baking feeling
- information arrangement are neat and readable
- overall website is very attractive



Grand Central Baking
- very soft colourmood
- it gives a soft feeling in this overall website, plus it is kinda cute
- very good table arrangement
- there are alot of information and text in this website but i find the way they arrange it is very neat and readable plus comfortable for the users.
- picture quality are also clear and attractive
- the typefaces of this website are also suitable and readable



French Meadow

- very clean and neat information arrangement
- colourmood are very soft and it gives the soft bread feeling
- simple flash decoration does make the whole website more interesting
- very neat table arrangement
- the picture quality does attract the customer


Atlanta Bread

- I love the loading page, it makes the whole bread website look more different plus the intro mainpage too.
- Colourmood also suits the whole website, different subpage, different colour. This can help the user to know which part of the website are they in
- Information arrangement are also neat and readable
- Simple rhythm makes the website more interesting and fun



Commercial Websites

Burger King
- love the flash mainpage, can play around with it. This website also suits primary school kids.
- love the flow of this website, very interesting
- i like the concept of the website, is like a digital folder
- not everything in this website are flash, the text are just text instead of flash or pictures



Hello Sour Sally

- very girlish colourmood and cute
- very nice intereactive website, is like a game
- very cute character
- graphics are nice and the information are well arrange
- buttons design are also very cute


Jack Link's Beef Jerky
- very interesting western colourmood and style
- cute loading bar
- information are also well arrange
- products are also well promoted, very interesting interactive in the product page.
- overall website gives a very western, cowboy and beef feeling




Nespresso
- the loading page is simple and yet interesting
- I love the colourmood alot, is golden, red, orange, yellow and black. Sunset mood. Well, actually
- Simple intro animation makes the whole website more interesting
- I like the background music of this website, it suits the product. Plus the rollover sound effect at the bottom of the mainpage. Different page, different background music. This can tell the user that they are in a different page.
- very good interactive.



HTML/CSS/Javascript Tutorial
- http://www.quackit.com/html/tutorial/
- http://www.html.net/tutorials/HTML/
- http://htmldog.com/guides/cssbeginner/
- http://www.echoecho.com/javascript.htm
- http://www.tizag.com/javascriptT/

Design Tutorial
- http://www.tutorialguide.net/deluxi_tutorial.html
- http://www.photoshoplady.com/
- http://www.photoshopstar.com/
- http://www.photoshopcafe.com/tutorials.htm
- http://www.smashingmagazine.com/2009/02/22/space-explosion-photoshop-tutorial/

No comments:

Post a Comment