WebDesign I Progress for Project 2

I need sleep now @.@

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! :)

T-Shirt design for Typography

My design for typo~ Please comment guys ;) I realy confuse in choosing color for the stamp. End up with the blue one. Actually I want the red one, but when I put there it's just... too much. So I stick with blue. The one with yellow and pink also like, but too funky and looks a bit gay on guy LOL.

And here's something a bit random... But Interesting! from movie V for Vendetta that I watch last night (I know the movie kinda old, but I just watched it las night anyway :p)

Voilà! In view, a humble vaudevillian veteran, cast vicariously as both victim and villain by the vicissitudes of Fate. This visage, no mere veneer of vanity, is it vestige of the vox populi, now vacant,vanished, as the once vital voice of the verisimilitude now venerates what they once vilified. However, this valorous visitation of a by-gone vexation, stands vivified, and has vowed to vanquish these venal and virulent vermin van-guarding vice and vouchsafing the violently vicious and voracious violation of volition. The only verdict is vengeance; a vendetta, held as a votive, not in vain, for the value and veracity of such shall one day vindicate the vigilant and the virtuous. Verily, this vichyssoise of verbiage veers most verbose vis-à-vis an introduction, and so it is my very good honor to meet you and you may call me V.

LOL... count how many V that he said! :p