30+ Water-Inspired Websites: BAD 2010

30+ Water-Inspired Websites: BAD 2010

This year, Nettuts+ is taking part in Blog Action Day to raise awareness about clean water and water conservation. To tie that in with the web development world, we’ve compiled 30+ examples of websites, which make use of a water motif.

Startling Fact: Two million children under the age of five die from unsafe drinking water every single year. While many members of the Nettuts+ community (including myself) are in a constant state of saving for Adobe CSX, or any other expensive gadget, it can become alarmingly easy to forget that as many as a billion people on the planet don’t have access to something as simple as clean drinking water.

However, these scary statistics are not beyond our control. Did you know that even a $20 donation to sites like “Charity: Water” can provide one person with clean drinking water for twenty years? Money that we so often frivolously waste — on junk we don’t need — could be put to much better use.

Sometimes, it’s easy to do nothing — if only because you feel that you must give a lot in order for it to count. On the contrary, this couldn’t be further from the truth. If you only donated your lunch money for a day or two…that would absolutely make a difference. I’m in; are you?
-Jeffrey


30+ Water-Inspired Websites

1. Pusula Web

Name of site

2. Surf In Paradise

Name of site

3. Dizzain

Name of site

4. 4 Internet

Name of site

5. icebrrg

Name of site

6. iceberg

Name of site

7. dgerelo.net

Name of site

8. Tropical Sky Scuba Diving

Name of site

9. Alex Swanson

Name of site

10. Feed stitch

Name of site

11. Flossed Today

Name of site

12. Marketing Informatico

Name of site

13. Squared Eye

Name of site

14. Nirmal

Name of site

15. Viget Inspire

Name of site

16. Agami Creative

Name of site

17. happy cog

Name of site

18. Matt Dempsey

Name of site

19. bcandullo.com

Name of site

20. ali felski

Name of site

21. Biola

Name of site

22. Football made in Africa

Name of site

23. vSplash

Name of site

24. Sunrise Design

Name of site

25. Toggle

Name of site

26. Le Bloe

Name of site

27. Circa

Name of site

28. Siete de Febrero

Name of site

29. jumpstart

Name of site

30. Boompa

Name of site

31. Charity Water

Charity Water

About Blog Action Day

“Blog Action Day (originally created by Envato) is an annual event held every October 15 that unites the world’s bloggers in posting about the same issue on the same day with the aim of sparking a global discussion and driving collective action.”


Why Water?

“Right now, almost a billion people on the planet don’t have access to clean, safe drinking water. That’s one in eight of us who are subject to preventable disease and even death because of something that many of us take for granted.

Access to clean water is not just a human rights issue. It’s an environmental issue. An animal welfare issue. A sustainability issue. Water is a global issue, and it affects all of us.”

Rafael Soto is faelsoto on Codecanyon
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://laroouse.com esranull

    very very nice list thanks a lot

  • Antony

    Some examples have a somewhat tepid connection to water but a nice collection none the less.

  • http://www.how-to-asp.net Ryan

    Awesome collection! Thanks for sharing.

  • Eduardo Barros

    Great collection, but wouldn’t this be more suitable in webdesign.tutsplus.com?

    • http://www.jeffrey-way.com Jeffrey Way

      Technically — yes. But you try combining water with web development. :)

      • http://www.saroverhees.be Saro

        Haha, my thoughts exactly.

  • http://www.photoshop-plus.co.uk Richard Carpenter

    haha nice post, i recently made a similar post last week – http://www.photoshop-plus.co.uk/2010/10/01/inspiration-water-themed-web-layouts/

  • http://tylerherman.com Tyler Herman

    I guess using watercolor Photoshop brushes or grunge textures makes a site “Water Inspired”?

  • http://www.jsxtech.com Jaspal Singh

    Nice examples of Water-Inspired websites.
    Thanks for sharing.

  • http://www.newstreamdesign.com LN

    Here’s one from the Middle East for the Bihar Maritime Safety Campaign which we completed a few weeks ago… Very watery indeed, in Arabic and English…

    http://bihar.ae/

  • http://www.bramjetten.nl Bram Jetten

    Nice roundup. I was hoping my website was also included… Haha!

  • http://www.egydes.com/blog Husien Adel

    well that’s very important issue (clean water ) thanks Rafel for that, i appropriate your effort ;)

  • http://www.evanbyrne.com Evan Byrne

    Is it just me, or do lot of these designs have nothing to do with water?

    • abhijit

      Some actually have the “water-color” effects rather than actual “water”

    • Alan

      No, Evan is right. This list is weak. Don’t give me a website with a blue background and call it “water”.

  • Ivan Joseph

    Graphic Designer Dan Wiersema’s site has a water theme too.

    http://danwiersema.com/

  • http://www.telek.pp.ua oles

    another site — http://lazurnawater.dp.ua

  • http://www.digitalflowstudios.com David

    What about Expedition Titanics website?.

    http://www.expeditiontitanic.com/

    • Ollie

      Flash doesnt count

  • ben10

    http://www.waterfreedomrevolution.com is the one promoting revolutionary technology in water purification and awareness, this great technology is best and also very reasonable to reach everyone in the world.

  • Mattynabib

    Hmmm… some really nice sites, but some of the “water-inspiration” was a little hard to find. I think you could have stopped at like 15 sites. That being said, keep up the nice showcasing (just don’t feel the need to stretch the theme TOO much)!

  • http://www.cher-lloyd.com Cher Lloyd

    I’m currently putting together a web site for saving water and these have definitely given me some ideas. Thanks

  • http://www.bcandullo.com Brad

    Thanks for the feature.

  • http://www.crearedesign.co.uk Kelly H

    There are some good inspirational sites here. I like the colour palette of the Squared Eye site. It has a calm atmosphere without looking washed out.

    There seems to be a big trend using Photoshop brushes for background effects so it might start becoming difficult to make a site that looks different from the rest that are out there.

    Great article for raising awareness for the water problems around the world.

  • http://smillamagazine.com Emiliano

    Big collection! Thanks for sharing.

  • http://www.dev-hq.co.uk/ Joe

    Nice list!
    Helps with inspiration!

  • http://www.websitebuilder4u.in/ Anand

    Good collection of websites designs and also provide good information about unsafe drinking water issue.

  • http://arenda-kvartiry.dp.ua/ Mind

    Nice collection! Thanks good information.

  • http://eigo.co.uk Eigo.co.uk

    Great list of sites you have there are good to see them in image format.

  • http://eumineralwater.com/ Genda

    Great websites, i like the designs of them. I would like to make for me such a one too :D