22 (Now 28!) of the Best Green Web Designs
116Update (17/10/09): We’re now up to 28 awesome green web designs, thanks to all your comments!
Today is the 3rd Blog Action Day, meaning that you’ll be bombarded by articles from all over the internet on helping our environment. We took part in the first two, and of course we’ll be taking part in the bombardment today as well.
Keeping in line with our regular topic, we’ve pulled together a collection of the best designed “green” blogs and websites out there.
As web and graphic designers, one of the easiest ways we can help out a green organization is to help out with their site’s design. There are a lot of big environmental websites out there with great information which could do with a facelift!
Hopefully the sites below will inspire you with what you can come up with for a “green” website, whether it’s green or not!
And more importantly, the content on all these sites is packed with information on the effects of issues like global warming and foresting, along with tips on how to reduce your impact.
Inhabitat – One of the nicest green color palettes in this list.
Planet Green – With a pretty brave logo! Seems to work though.
Pando.org – No green to be found, which is a nice change! This one’s all in the header photo.
The Greenists – Little details like the leaves in the nav and sidebar headings are done perfectly.
Treehugger – You *must* load up this site and check out their navigation trick on the right side.
World Changing – Organizes its content particularly well.
Ran.org – A lot more striking than most others in the list!
EcoGeek – Very relaxing and easy on the eye.
No Impact Man – The illustration in the header makes this one, great work!
The Daily Green – The header typography across the site looks great.
Apple and the Environment – Like all things Apple, this one is well designed.
Evergreen – The grey and white with the awesome background image give this site a very different feel to the others. Definitely one way to stand out!
Climate Progress – Not as graphically impressive as some of the others here, you still have to give them credit for doing something different with the green color scheme.
Clean Technica – All about green technology. Notice the clever design in the logo?
Alt.Energy – The design here is mostly in shades of grey, but color is used very effectively for splitting up the different sections (blue for hydropower, orange for solar etc.)
Take Part – Very cutting edge design with some great effects!
Greenpeace – Not as impressive as you would have liked from such a large movement, but if nothing else, it is quite neatly done.
Cool Green Science – Extremely minimal, and it works.
Earth2Tech – Another clever play on circuit boards and leaves, Earth2Tech also has a nice layout for posts on the homepage.
Carbon War Room – Stunning graphics work on the planet, and a pretty impressive script as well (Shows the scale of various emissions and green energy generation)
Earth Hour – Another excellent site maintained by the WWF.
Global Warming on Change.org – A social networking design with a lot of character.
What do you think of these designs? Have any favourites? What would you do for a “green” web design?
And if you want to learn more about Blog Action Day and the thousands of articles being written by bloggers around the globe, be sure to check out Blog Action Day’s official site.
Update (15/10/09): Thanks to Gopal Raju and Sunil, we have 2 more awesome green designs to add to the list! Thanks guys.
Green Ideas – A very peaceful design with a fantastic illustration!
Heroes of the UAE – It’s not often I say this, but the Flash video actually makes this design.
Update (17/10/09): You guys are amazing, thanks to Rich Sturim, Michael Hepher, Alex, and milo for sharing what yous have come up with for green web designs. Great work!
Brighter Planet has a very simple design with a perfect color scheme.
CB Green has a very “earthy” feel with the rich brown background, and a pretty cool logo to boot!
Be Green Chic is a theme for a green shopping site with plenty of strong graphic usage.
53 Mondays is an interesting one because it is a web design portfolio site first and foremost, but their unique selling point is that they are eco-friendly. Read more here!
Enjoy this post? You should follow me on Twitter!
What do you feel about greenglobeideas.com ?
Wow, it looks great! I love their illustrations. I’ll add it to the list now, thanks for sharing! :D
Thanks for adding GreenGlobeIdeas. Its definitely a honor for me to be in this list!
maybe it’s not the best, but looks great!
Really like logo and trees images.
Its great Idea,The designs were very colorful and helpful.
nice webcolor.
thank you.
thanks
This is an amazing roundup! very inspiring :)
thaks
What about this one? http://www.heroesoftheuae.ae/en
Thanks for sharing, I definitely would have added that one to the list if I’d known about it!
It looks great, and I sat watching the flash video for quite a while longer than I meant to!
I’ll add it to the post now :)
Great collections Dude beautifully designed themes I like very much the Carbon War Room. its really make me think about the global warming. Thats the theme man.
I loved that site as well, it was a really clever idea and extremely well done! :D
A similar site that really gets that message across as well is : http://www.breathingearth.net/
Great collections Dude beautifully designed themes I like very much the Carbon War Room. its really make me think about the global warming. Thats the theme man.
OH! You’re my new favorite blogger fyi
http://brighterplanet.com/ — IA and Design by HappyCog Studios
Thanks for that Rich, going to add it to the post. Always like Happy Cog’s work! :D
Great idea and collection!
They all so lovely!!! Thanks for sharing these pretty green sites!
I love Tree Hugger’s logo. It’s so simple yet so cool looking. Great list!
Agreed. Treehugger would definitely be the site I read most often on the list. :D (Quite a few are new discoveries though so that may change soon!)
The firm I work at did one that came out pretty nicely here http://cbgreen.ca/
Cb Green looks fantastic Michael, nice work! I’ve added it to the post now :D
Michael. Thanks, that was unexpected and welcome. It’s cool to see people trying to make the web AND the world a better place at the same time :)
Great stuff and we are trying to do our own sustainability
http://www.cannedwater4kids.org – aluminum can
http://www.toobee.com – green toy
That’s impressive Greg, hope it goes well for yous!
Hey really nice post ! U.S webdesigners rocks at green web design… France is a bit late, but at the French Green Web Studio i work i’ve tried something http://53mondays.com . Give me your thought !
Alex, that’s really amazing! I’ve never seen that on a web design studio before, but it’s a great idea and I’d love to see more companies doing the same! (Might even try something like that at PBD, awesome initiative :D )
http://www.greenjar.net should have been on this list. The music industry and downtown street culture’s go to spot for environmental news
Green Jar looks good, but it’s broken in FireFox I’m afraid so I can’t add it :(
Green is in! I felt relaxed as I browsed through these green websites.
I know what you mean. It really did look perfect on some of those sites, can’t say that I do too many designs in green normally though! Might have to change that :D
Thanks for sharing this. I like green :D
My favorite is the “The Greeniest”, but almost all of them are so clean, which is what draws me to them. Great job.
Silly me… I thought that you meant Green in colour not Green issues!
But taking a second look, most of them are green in colour and lots of them are great looking sites with fantastic graphics.
Very topical issue and one that we should all put some thought to.
lol – Sorry about that Keith! Looking back, I probably should have made it a little clearer! :D
asdasdasdasdasd
asdasdadasdasdasdasdasd
Hi! Great post! The designs are really nice. How I wish we could get a client in our offshore web development business who wants a “green web design”. The design idea is good plus we get to promote being environment-friendly.
Some great designs here! Thanks for pulling them together.
These are awesome! Great collection of green designs, it must have taken forever to go through all of the sites online to find the best!
the graphics on carbon war room are fantastic. A whole different approach to looking at “going green”
The Earth2Tech logo is quality! I like “green” Thanks for the post!
Awesome collection… I especially liked Carbon War Room, great work. Thanks!
good green web design!
The panda.org website and the ran.org green sites are my fav in the list. Thanks for the green web inspiration!
I love the idea of helping out “green” companies. Great work!
helping earth by social word from website. Maybe you can do more for or attention our government for get green responsibility, because many forest in our country was destruct and damage, because our country more help for keep green… BeD-BoY
Some very nice links, thanks for compiling the green list :-)
The company I work for – iStudio – just released a great green site which you should include: Green Bin Ottawa (http://www.greenbinottawa.ca).
Way to take action — great idea to send a creative message about preserving the earth.
Awesome themes and layout on these websites also.
green is a healthful color.
I always feel peaceful while looking at green. Beside that, these designs are really good.
Nice collection, thank you, green is such a great, vibrant colour to design with
These sites looks great. Good inspiration for creating eco sites.
Great post! The designs are really nice.
Got some good idea of using color contrast. There are lots of shades of green some destroy the visual test here are some good composition of using some shades. Thanks
great web design. thanks for put the list together.
This themes are appropriate for blogs that promote nature loving and blogs that concern in Nature. Nice compilation of green web designs. Keep it up.
Really a great effort. such a meaningful post .Maybe you can do more for or attention our government for get green responsibility, because many forest in our country was destruct and damage, because our country more help for keep green
That is a fabulous design. I really like the its color scheme and the graphics are hot. It is worth to visit for. Thanks for featuring it.
Nice work done by you .I am thinking to redesign http://www.salonvoda.com to make it green.Really you have compiled a good list of green website
Looks like a great design. Keep up the great work!
Thank you for that list alicerose! that was handy. And needless the to say the design looks BEAUTIFUL. Very good job!
Nice collection…………………………green is a healthful color……………….
Great collection of green design! So much inspiration, really makes me want to do a green design!
Thanks for sharing.
Beautiful! Great site!,lucy
Really cool
Really a great effort. such a meaningful post .Maybe you can do more for or attention our government for get green responsibility, because many forest in our country was destruct and damage, because our country more help for keep green
Great idea and collection!
Is a really great tool but is not very well understood by most people and I think even us developers are only just beginning to get to grips with what we can do with it
great site, travel on the internet through which I ended up here, so I let love greetings there. joey
I find the pages are great. They´re looking very nice and have a lot of inspiration for me.Thanks
Greeting Margret
.Maybe you can do more for or attention our government for get green responsibility, because many forest in our country was destruct and damage, because our country more help for keep green
Awesome collection of green websites and a good source of inspiration for my next website designs. I will bookmark this post and come back to look at the designs for some new inspiration.
I find the pages are great. They´re looking very nice and have a lot of inspiration for me.Thanks
Urem Emlak.com
Thanks for sharing, I definitely would have added that one to the list if I’d known about it!
It looks great, and I sat watching the flash video for quite a while longer than I meant to!
banff
Thank
Very good interesting article.
Thank u I liked this
Thank for the ideas, never liked green although it is restful for the eyes. With your post I almost like it.
Green is my favorite. I always feel peaceful while looking at green. Beside that, these designs are really good.
I love the recycle logo most.
Green is excellent. Thanks for this great collection!
I daily watch your website because it helps me in my many works and it is very beneficial for me because it gives the work a professional touch that is really an amazing thing.
I feel more people need to read this information very good! sensational news. I look forward to more;. Interesting read, thanks for helping keep me busy at work)
I differ with most people here; I found this post I couldn’t stop until , even though it wasn’t just what I had been searching for, was indeed a great read though. I will instantly take your feed to stay in touch of future updates.
I appreciate when I see well writen material. Your time isn’t going to waste with your posts. Thanks so much and stick with it No doubt you will defintely reach your goals! have a great day!
Another one helps you know what products are chemical-free so you can green your home: http://www.whitelotusliving.com (it’s purple & green).
I differ with most people here; I found this post I couldn’t stop until , even though it wasn’t just what I had been searching for, was indeed a great read though. I will instantly take your feed to stay in touch of future updates.I appreciate when I see well writen material. Your time isn’t going to waste with your posts. Thanks so much and stick with it No doubt you will defintely reach your goals! have a great day!
Awesome lists! I’m currently working on awareness of global warming on my Final Year Project. Help spreading the message of this serious issue and help make a difference. These could inspire and help me too. :D
great web design. thanks for put the list together.
Thanks for the list!
Some great stuff on here.
Thanks for the list, great collection. Green is not among my favorite colors but those site have made quite an impression.
This article is truly relevant to my study at this moment, and I am really happy I discovered your website.
http://www.uctovnici.com Awesome lists! I’m currently working on awareness of global warming on my Final Year Project.
I like the great ideas design. Great!
Thanks for the info,,, I love it
great, very cool picture you have displayed…
kills germs, relieve pain, stimulate nerves, sweat, pain killers and anti-septic used in.
Thanks for the info,,, I love it
plastic products make in http://www.plastics-china.com and good services
Some nice designs, i like :)
Excellent web designs, very thought provoking, nice colours too.
Thankyou for some great ideas. Green is always a bit tricky but this shows it can be done.
Great designs and nice ideas
The designs are great, and have wonderful information on green web
Great designs, the carbon war room is simply amazing.
All designs are great, but the “evergreen”- one is simply awesome.
hello please keep on sharing such a nice posts … i really appreciate ur work for sharing this blog thanks
Casino Learn Do you want to play online baccarat or online poker?
Love all the designs.. thanks for sharing…. love the evergreen one the most… just beautiful!
As a web developer who specialises in the technical side of websites I’m always taking bits from what I see around and copying them into a site. I’ve always found green a nightmare colour to work with, I always team green with black or charcoal and from the designs above they’re still the only colours that work for me.
The Zune concentrates on being a Portable Media Player. Not a web browser. Not a game machine. Maybe in the future it’ll do even better in those areas, but for now it’s a fantastic way to organize and listen to your music and videos, and is without peer in that regard. The iPod’s strengths are its web browsing and apps. If those sound more compelling, perhaps it is your best choice.
wow!!outstanding design..i like them very much..They are simple attractive and just goes to show that colors can influence us. .thanks for sharing….
Hi Dear,
Pro web designing full creative and colorful. this is very nice and beautiful site.
the wed design wonderful and great new creative new designing providing on pro web design.
I am suggest you pro web design is nice and beautiful and green wood site.
Global warming marketing to its height, wots next ? an ecofriendly bombs?
nice design !