Monday, September 21, 2009

Web Design 2 - Goodday Moodboard


Tuesday, September 15, 2009

Web Design 2 - Tutorial URLs

Coding Tutorials

http://www.howtocreate.co.uk/tutorials/css/introduction
www.htmlgoodies.com/
www.echoecho.com/school.htm
www.javascriptkit.com/

Design Tutorials

www.ndesign-studio.com/resources/tutorials/
www.allgraphicdesign.com/
www.pegaweb.com/
www.adobe.com/designcenter/tutorials/

Web Design 2 - Examples of Beautiful Commercial Websites

Burger King



Nokia



Adidas


Orange UK

Web Design 2 - Client's Competitors

F&N



F&N is the company that's responsible for the Magnolia dairy and fruit product range, and is therefore a direct competitor of Goodday. The overall look of F&N's website is better than Goodday's mainly because it looks 'cleaner' and more organized. However, the website design is rather boxy and lacks innovation.


Malaysia Milk Sdn Bhd


Malaysia Milk Sdn Bhd is the parent company of the Marigold product range. The design of their website, I would say, is better than Goodday's because the images and text in it is more attractive and viewers would probably have more interest in browsing through them.


Dutch Lady

This one is perhaps my pick of the bunch when it comes to design. The hierarchy is obvious, the color harmony is evident, and I feel that the corporate identity of Dutch Lady has been well captured. The target audience will find the moving text and images interesting and relevent, rather than if they were presented in Goodday's website.


Yeo's

Although not a direct competitor, Yeo's produces fruit drinks that do compete with Goodday's fruit drinks product line and therefore they can't be left out of the equation. Their website is user-friendly compared to Goodday's cold-looking one. The highlight of Yeo's website would have to be the way the "leaf-buttons" drop down when rolled over. It shows they really do care about the audience.

Web Design 2 - Gantt Chart


Web Design 2 - Client's Website and Site Mapping

Home Page


The page's strength, I would say, is the "shiny effect" of the buttons when rolled over with the mouse. But that's where the good points end. Overall, it doesn't look appealing nor friendly. If the milk cartons weren't there, I wouldn't be able to tell that the website was selling milk.

Product Range Page

It's hard to tell the images are buttons because there's no response when they are rolled over. However, it's good that the page is straight to the point, which allows viewers to easily find out information on a specific product line. A poorly planned "Product Range" page would put the entire company's production all on one page in an unorganized fashion.

Company Profile Page

Terrible. All I see is words, and I wonder if their designer even had a second glance at this page before submitting it. It's as though he/she didn't think anyone would bother reading it anyway. If you're going to put that many words into a page, at least make it look more interesting to read. A company that produces milk doesn't have to look or sound boring. This page definitely needs some fun added to it.

Enquiries Page


I look at this page, and the message I'm getting here is "We've put this boring-looking form here to dampen any desire within you to send us feedback. That way, you don't have to spend time and effort typing into the bland boxes, and we won't have any feedback to take care of. We all win". The forms here could definitely do with some styling.


Site Mapping

HOME
- Main Page
- Certification page

COMPANY PROFILE
- Company profile
- Corporate vision/mission

PRODUCT RANGE PAGE
- Product range
- Goodday Milk
- Mr Farmer Milk
- Goodday Fruit Drink
- Mr Farmer Fruit Drink
- Goodday Yogurt
- Mr Farmer Soya Milk
- Daily Fresh Fruit Drink
- Daily Fresh Mineral Water

ENQUIRY PAGE
- Enquiry

Wednesday, May 27, 2009

Moodboard For Web Design 1 Project