Cool Web Designs

Here are some really interesting web designs to help you find motivation. These are HTML/CSS/Javascript solutions, in line with what you have learned in our class. You should also take a look at CSS Remix, CSS Elite, Best CSS and good old CSS Zen Garden. Here are a few sites we’ll discuss in class

Portfolio Sites

Portfolio site: http://www.hm-andrei.ro/

Portfolio: http://www.pineapplethief.com/

Portfolio: http://www.bowtieperiod.com/ (there’s a little Flash here actually)

Portfolio: http://www.freshnotcanned.com/ (and a little Flash here too)

Portfolio: http://www.thepeachdesign.com/

*Portfolio: http://www.brianhandleydesign.com/

Portfolio: http://studio83.ch/

*Portfolio: http://www.conniedolstra.com/index.html

Retail: http://www.ilovesesame.co.uk/

*Examples of design metaphors that seem to work

Webby Awards:

The Webby awards are an international recognition of the best websites, design firms and supporters of positive web momentum. It’s also a great place to get ideas for your own design. I’ve chosen a few sites that I think are appropriate motivation for you. Many of these reflect designs you can achieve or are examples of technical work within your skill set. Others (the Flash work) are just really interesting interaction experiences.

Non-Flash/HTML/CSS Dominated:

http://www.nasa.gov/

http://www.yoink.com/

http://awkwardfamilyphotos.com/ (for humor/idea, not for design)

http://www.giraffe.net/

http://gowright.org/

http://www.thewood.be/

http://www.driveintothesun.com/

The bulk of these designs are Flash based:

Interesting Interaction (Flash based): http://www.stemcellfoundation.ca/

Tate/Unilever: http://www.tate.org.uk/modern/exhibitions/unilevermiroslawbalka/explore/

Downtown Brooklyn: It’s the Moment: http://www.itsthemoment.com/

Porsche Family Tree: http://www.porschefamilytree.com/#/family-tree

Powering a nation: http://unc.news21.com/

Design Examples (Specific reason listed)

Quirky: http://malecopywriter.com/

Design+Function: http://wonderwall.msn.com/

Aggregator/Info repository/Wide audience: http://www.u2.com/

Clarity: http://www.sony.com/altus

DoSomething.org (youth site): http://www.dosomething.org/

Fun education: http://www.msichicago.org/simplemachines

Generic U (Point Park U): http://www.genericu.com/

Portfolio: http://www.organicgrid.com/#/home

Novel Designs (no Webby Awards):

Interesting Interactions: http://www.contrast.ie/

Interested aesthetic: http://www.hdlive09.co.uk/