WebDesign I Progress

I reformatted my pendrive because there's a virus that my stupid anti-virus can't detect =.= I think I've already back up all the files inside. WRONG. I lost my web design folder T.T I thought I've got the copy already in my hard disk. But I stupidly do my assignment directly from pendrive last week T.T But I still need to redo anyway :( So here's my main page~
Comment please :)
Btw, some randomness I want to share here XD Been browsing in some fashion blogs and I encounter some interesting stuff.
Guess what?
Mary-Jane shoes cross breed with tea cup!

Miu Miu Tea Cup Mary Jane

Expressionist painting cross breed with tulle dress

Dolce and Gabbana Hand Painted green tulle dress

Watercolor painting dress

Rodarte, Zac Posen, Josh Goot, Jeremy Laing watercolor dress

Navigation Research

1. Mozilla
I think I like this website. The navigation is very clear, the design also very clean. Really easy for me to find what I want. The first page show us big icons and links to the newest browser and add ons, straight to the point to promote their products. I think that also because usually what user want when they go to software website is to download the software or plug ins, so they directly put the link there to make user can easily download their stuff. They also do not just give the links to download, but also provide small link about the product details, in case user want to know more about the product. The top navigation also straight to the point, easy to see.

When I go to the products page, there's two icons of the product in the middle of the page as the navigation to more specific page for each product. Below the title there's breadcrumbs navigation that shows the "depth" of the page.
For page with more content, there's sub navigation where all content being listed. The depth of the content showed by indent.

For even more content like page for developer, it lead us to somewhat micro site with more focus in its topics. There's navigation using tabs for the main topics, sub navigation at left hand side for sub topics, and normal text links for more specific topics.
Overall the site have very good and clear navigation. Each page maintains the consistency like the top navigation and breadcrumbs navigation. For page with many content they separate it and make it have its own specific page.

WebDesign Project 2 progress

Well, I try to research again for my Project 2, here's some interesting website about recycling
http://www.recycle.co.uk/
http://www.recycle-more.co.uk/
http://www.recyclenow.com/
http://www.recycleforlondon.com/

Mostly the website using table and got corporate looks. Main color as usual is green, except for http://www.recycle.co.uk/ where the color mostly orange with a bit green there. But I still prefer green though, the color orange makes me think more about global warming than recycle. Looking at those websites makes me think that here we don't really practice recycling stuff, while in overseas, especially in Europe and Japan, recycling stuff is quite popular (in Japan it more to must though).

Also some website about paper recycling:
http://www.paperretriever.com/
http://www.cmu.edu/greenpractices/recycling/paper.html
http://www.recycling-guide.org.uk/paper.html
http://www.tappi.org/paperu/welcome.htm

From there I got some interesting facts:

• It is possible to achieve significant reductions in the cost of buying office paper by reducing paper use and reusing paper where possible.
• Eliminating office from waste may reduce waste bills by as much as 50%.
• Making new paper from old paper uses 30% to 55% less energy than making paper from trees and reduces related air pollution by 95%.
• Each day American businesses generate enough paper to circle the globe at least 40 times!
• 77% of paper waste generated in offices is recyclable.
• Typical business offices generate about 1.5 pounds of waste paper per employee each day.
• Nearly half of typical office paper waste is high grade office paper.
• Recycling one ton of paper typically saves about 6.7 cubic yards of landfill space. A cubic yard of stacked office paper weighs about 380 pounds. Cost savings may be estimated by multiplying the tons recycled by 6.7 times the cost per cubic yard for waste disposal (if by volume) of by cost per ton (if by weight).
• Commercial and residential paper waste accounts for more than 40% of waste going to the landfill. Eliminating this paper from our waste would nearly double the lives of current landfills.
• Newspaper is recycled into newspaper, game boards, egg cartons, gift boxes, animal bedding, insulation, and packaging material.
• Office paper is recycled into office paper, tissue paper, paper towels, and toilet paper.
• Corrugated cardboard is recycled into new cardboard and cereal boxes.

From there I started making some analysis about what I want to do for my design:

• Promote recycle paper
• Make user understand how important recycling is
• Make it fun, not too corporate. Some website that I visited got Interesting content, but the visual wise it's not so nice. But some corporate looking website like Recycle Guide still can make it interesting.
• Show how to recycle paper
• Show what can we do to the recycle paper
• Target audience are teenager and young adults
• Create mascot/logo, to make the website easier to remember

Some analysis for the logo:

• Promote recycling
• Green color
• The shape of recycle triangle
• Friendly looking logo

So here's the logo:
For the website I still want to use the concept that explain to audience that every paper that they use is the same as a piece of wood, that's why they must recycle paper, to reduce the amount of wood/tree that been cut just for a piece of paper.
OK, so far that's it my research for this project, will update later after I finished designing my interface! :)

Moodboard

Website Review

Martha Steward

Very organized website with noticeable page description that help us to identify our position. Each page have the same style, only different color themes for each categories. Sub categories have the same color theme with parent categories that tell us we're still in the same categories, but if we click to a sub category, I found it hard to go to another sub category; we must go back to parent page first. At the bottom of the page there's many links that help us choose our destination.
Even though the navigation is quite okay, I quite confuse in reading the content because it good too many more section inside the page, when actually the user want to find some tutorials instead of galleries or many other section.
Delight
Simple navigation, but makes me confuse where I am in because the page do not really have any title to let us know where I am except for little triangle under the button. Mostly what I can see here are just items with their price, there's alo discussion link where user can discuss/review the items. When I click the discussion button, suddenly I'm in blog section where user comment on the blog entry. The good thing in this website that I like is they got search button that help user to find the stuf that they want to buy. Also the right navigation divided items into some categories that help user find the item they want. When I click the item it will me to a page that will describe the item, bigger photos, and some review. I think that's a helpful information for user to know more about the item that they want.
At the bottom there's some button that let us know which kind of payment that accepted there.
Netdiver
I like the simple and clean design, especially the navigation. Links to other cool website divided into their own section, like illustration website, photography, etc. The hierarchy also quite good, started from the banner, then the links below banner, and then the black buttons below the text link. The think that I don't really like is the title of the page. Sometimes I don't know where I am. The title text is small, and do not really describe the page. Good thing they have sitemap, or I'll lost. The page also TOO long, makes me tired scrolling my mouse :(

Deviantart
Good navigation with clean design, find it easy to go to certain page. The browse page also nice where we can find specific section for each artwork. And search button! I love big website with search button because it really help a user like me that easily get lost 8D The annoying thing is that sometimes there's full page ad if we're not a subscriber, but we can easily continue to next page though. New user also can easily become member, just by typing their desired username and voila! Become a new member 8D while existing user can easily log in from the any pages. Artwork thumbnailed neatly in tables, the color theme with only one hue do not make the website too crowded even though there's so many thumbnails there.

The Walk in flash!

Finally, last Friday I finished my digital media 2 assignment for The Walk. Big thanks to Wahyu for helping me a lot in scripting and "modeling" ;p
View the flash here:
The Walk

Btw, I really want to say THANK YOU to Jo for extending our deadline for Web Design I. When I heard that she extent the deadline, I feels like something heavy on my shoulder lifted. Thank you so much Jo! ^________^ Also thanks to Sook Chiung for trying to cheer us up by showing the very interesting and funny animation. It really make my day :) It's like... finally there's a refreshment for the whole weeks! I feel my mood become lighter after I watch the animation. Also thanks for helping me in doing my design+the reassuring advice you give to me :)

And oh yeah, temporary design for my Project 1 in WebDesign I
OK, enough blogging for now. Must continue doing my typography assignment!

WebDesign I

So past Wednesday we have brainstorming session, and from there I got some new ideas. I think we must do this again every week, it really helps ;) Even though I feel sooooo tired after the brainstorming session. We agreed to do some brainstorming session again next Monday to discuss about our moodboard. Speaking of moodboard, last night Chen come to our place to do it. Supposed to do since 10.00 but I overslept until 11 something :p Some more after that we eat and have a long chat, in the end we started to work at 1.00 LOL

We started to find references for our art direction, browsing many many illustration artist's website. I wish I have skill as good as those Illustrators, their work are very very interesting. I also do some research for the barn and cattle. For cattle no such luck though, still need more research. Dunno why when I search in DevianArt.com using the keyword "barn", the outcome are mostly nude photography in barn @_@

Well, here some illustration website that I like:
Steve Simpson
Chris Turnham
Miskellaneous
Judith Drews
David Michael
Two Fish Illustration
Take a look at their works! They're all so talented :) Maybe you guys can get more inspiration from there :)
Ahh need to go for Digital Media Class now~ See you later guys :)

Web Analysis

1. DrawingArt // Listen, The Silence - Web Design and Development Studio
Okay, the first website that I want to review is DrawingArt, a website design studio. I like this website because it's so neat, easy to navigate and elegant. Since the first time I open it, I can see clearly the grid system in it. The navigation button also quite obvious, make us easy to navigate the site, very user friendly. I also liked the art direction that brings out elegance.
The grid system can be divided like I show below:

2. Wintuk

This website is a site for a drama performance. I really love the art direction, it's so interesting how the graphics looked like they've been drawn by crayons. The color theme also very nice, giving us cold feeling, like we really in winter season. The navigation also quite clear, have some interesting interactive like e-card, games, etc. Here's the grid system: 3. Checkland Kindleysides

The last one is the simplest among others, but it's interesting. It also got everything that I like in website: neat, clean, easy to navigate, elegant design. This website is a website of design company. I like how everytime we change the page, the cut out paper also will be different. And the animation also nice, like the screenshot I give above. The grid system also very clear, make is looks tidy but not boring.

Story for Project 1

1. My first story is about cattles in a small village that get bored bcause they do the same job everyday. Chicken lay eggs, Cow produce milk or mow the lawn, etc. So one day, the cow have an idea about how to ease they boredom. They plan to held a sumo match at night, when their owner go to sleep. My site will have few section, like: home, story/about/explanation, dress
up/equipment/accesories, training diary, match, mini games. Mini games will contain another game, like guarding the match, make sure farmers/breeders do not know that their cattles having sumo match, etc.

2. The second story is quite similar with the first one, but here 12 chinese zodiac are the characters. Because I think if I do the first one, if the cattles do sumo match at night then in the morning they'll be tired... So I choose the 12 chinse zodiac as the subtitue..

3. The third story is about a boy that dreamed to become a sumo wrestler, so the website will contain his journey to reach his dreams. From where he got his motivation, his experience as a junior rikishi, his training, food consumption, first match, etc.

Well, I e-mailed these stories to Joe and Sook Chiung, and they choose the first story. What do you guys think? Give me some comment please! :)