Cool Web Designs

Here is a list of interesting websites I provided to my students as motivation for their interaction design work. Some...

Here is a list of interesting websites I provided to my students as motivation for their interaction design work. Some of these sites recently won a webby, others are just fun to play with. Enjoy:

Portfolio Sites

*Examples of design metaphors that seem to work

Webby Awards:

Non-Flash/HTML/CSS Dominated:

The bulk of these designs are Flash based:

Design Examples (Specific reason listed)

Novel Designs (no Webby Awards):

Not sure what to do for your final project?

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/

About admin

Lindsay Grace is a teacher, software developer and designer. He has served industry as an independent consultant, web designer, software developer, entrepreneur, business analyst and writer. Lindsay has a joint position between Miami University’s Armstrong Institute for Interactive Media Studies and the School of Fine Arts. His research areas include human-computer interaction, creative and critical gameplay, and web design. He writes regularly about interactive media design and education.