Date : 16th February 2008
Time : 11.33PM
Listening to : Nothing
Where : Room
After going through both sites, I must declare that Old Town is still way better than Secret Recipe's website. The main reason is probably the navigation and also the level of reading comfort. I will start off with my analysis on Old Town.
Old Town White CoffeeAfter choosing the preferred language, a window will pop up, bring user to the site. One thing good about this is that the pop up window is fixed a certain screen dimension; so no scroll bars will appear. The buttons are at the bottom of the page. It is consistent throughout the entire site.
This is the homepage. A short flash will play when we are at this page.
This is the "about us" page. The page name is cleverly manipulated to make it more interesting and in my opinion gives more identity to the whole site. This page allows me to know more of the origin of this company. Not too long, not too short. And the text is not spread from one end of the page to another; unlike Secret Recipe. The image on the right also enhanced the whole look of the page. Since it's telling the history of the company, I think the images used suited the content perfectly.
This page tells the user about their product; how they are made and produced, the ingredients and the advantages of their products compared to other brands.
This page provides information about the range of products that they have.
This page provides user with the fresh updates of their products. One thing that i don't really like about the page is the display of the different logos of the supermarkets that sell their products. I personally think it spoils the page. Maybe the box that contains the logos could be of different colours, not opaque.
This is the final page where users can find out how to contact the company. One mistake here is that they forgot to change the page site. The page title display remained as Fresh Updates instead of Your Favourite Contact. Also, I noticed that for each page title, they emphasized on a certain word with consistent graphic so that users will know which page they are in. Overall, I like the look of the page. They kept it short and simple but with sufficient information. The images used give the whole site and company a strong identity also. Old.
Secret recipeI think the whole layout of the page is not interesting. The introduction page is okay. But for the rest of the page, it's really not appealing to me. For one, the text spreads from one end to another, making it hard to read. And the content is too much. Also, their navigations are too divided.
This is the homepage. The navigations are divided to 3. One is above the company logo. Another one is below. And yet another one is at the side. It took me around 3 times going through the page to actually notice the buttons above the logo. And the one on the sides, it didn't attract me to click to find out more but that link actually features their product. I think it should be together with the rest of the buttons at the top of the page, right underneath the logo.
This is the example of the page I mentioned about the level of reading comfort. The sentences constructed are too long and it made me not wanting to read more.
Another thing about this site is that the small details are not taken care of. Like the margin. This page, the text sticks right at the edge of the page.
I know this image is very small, but I want to show how long the entire page is. The thing is that the page provides no "back to top" link. So I have to scroll all the way up again. Not only I cannot access to other page without having to scroll up, but I think it's really a waste of time having to scroll so much. A "back to top" link will fix the problem.
This is the product page. I think among all this is the best page I could find. probably it's just because of the cakes. ^^Y.
That's all for my analysis. Now I will update on our assignments.
Visual Fund2Concept Board4 figuresTypographySketches for Project 2ResearchWeb Design1Set on:1.Items you want to make2.Your base and theme3.SketchesIf got time:1.Moodboard2.What are the steps in the tutorial3.If got reference book/ images you want to use, bring to class4.Bring the content(site diagram also)5.Do flowchart and file managementAlso, please remember to do the web analysis:1.Personal blog,forum, etc2.Martha Stewarts, Delight.com (everybody) Old Town, Secret recipe (Judy) netdiver.com, deviantart (Chris, Wahyu, Tanyus) ChristinaAguilera, Apple.com (Selvia, Diana)Design MethodFinish the Peer AssessmentCheck out the imap siteshttp://www.art-design.herts.ac.uk/a/mihs/imapcontents.htmhttp://www.art-design.herts.ac.uk/a/mihs/imaptext.htmhttp://www.art-design.herts.ac.uk/a/mihs/imapimage.htmhttp://www.art-design.herts.ac.uk/a/mihs/examples.htmBring A1 mounting board, cutting mat, cutter, scissors, glue, sketches, references, records and whatever that are relevant to your imap.Digital Media2Refine your flowchartPlease come out with your sketches already.That's all for now. Enjoy!
Labels: Assignment Updates, sharing, web analysis, Web Design 1