Trees For Life - A Digital Landscape
Climate change and environmental destruction are arguably two of the biggest threats that the world faces today. The Trees4Life Campaign works diligently to combat these threats by planting trees and protecting the world’s forests. Their mission statement is “We're a global environmental charity run by a small number of volunteers who love trees. Trees have the power to help save the environment and preserve the planet for generations to come.”
Tasked with designing a digital landscape for a charity, I wanted to pick a charity that dealt with climate change in some capacity, as it is an issue that I am passionate about.
While their mission is strong,
their website is not.
And neither is their logo. Here's what the original site and logo looked like.
While there are certainly worse websites, Trees For Life's site was a few years old, and was showing its age. Additionally, there were some clear UX issues that needed fixing.
So, I redesigned their website.
Along with giving the site a new, modern look, I made the 'donate' call to action more specific and more easily accessible. I also added statistics and a case study (Meet Henry) so that donors could gain a better understanding of their potential for real impact. Additionally, I organized the page into a few sections to answer the big questions a user might have when they come to the site for the first time. First, 'Who We Are,' then, "Why We Care," and finally, "How to Help."
I also renamed the charity. Their original name, Trees4Life, felt outdated and slightly too juvenile for a charity, so I replaced the '4' with 'for' and added spaces in between the words.
But I didn't stop there.
I also made Trees For Life a mobile application so that, once Trees for Life is in a user's head, they can get (and stay) in a user's hand, too.
The app includes three main sections.
My Orchard: My orchard is a tree planting game, much like Farmville, where users can plant trees, build buildings, and upgrade their orchards. All in-app purchases will go toward planting real trees. In the top left, users are able to see the number of trees they've planted.
Fundraisers: The fundraisers section of the app allows users to create and manage fundraisers, as well as donate to fundraisers that someone else has created. Users can track how much they've raised and invite contacts to join their or others' fundraisers.
Donate: The donate section of the app allows users to donate to Trees For Life quickly and easily in a monetary amount, or by number of trees.
So how did I get here?
First, I drafted some logo redesigns, and ultimately picked a few that I felt captured the brand image I wanted to create.
Then, I drafted wire frames for the desktop and mobile sites and for the application.
And finally, I iterated upon these wireframes until I'd finished a design I was happy with.
With this new brand and digital landscape, Trees For Life will be able to reach more donors and continue it's simple, but important mission of planting more trees.