OVERVIEW

TreeLife is a company concerned with giving back to nature by encouraging people to join the fight against climate change by planting more trees. This natural climate solution has the ability to absorb carbon dioxide out of the air we breathe. Furthermore, TreeLife believes we need to restore our planet by giving nature the chance to regenerate and help ecosystems come back to life.

PROBLEM

TreeLife knows that many people care about nature, want to protect the environment and fight climate change – especially its eco-conscious customers. TreeLife recognises the importance of tree planting as a natural climate solution but doesn't necessarily have the knowledge or space to plant trees themselves.

SOLUTION

Designing a four-page website for TreeLife’s initiative to educate people about tree planting. Encouraging them to takeaction help the space and nature.

USERS

  • 50% male and 50% female
  • aged between 25 and 35
  • people who like spending time outside
  • people who value nature and their surroundings
  • people who strive to lead a more sustainable life.

PROCESS

  • Home page
  • Trees page
  • About us page
  • Donate page

DESIGN TOOLS

  • Figma
  • Adobe Illustrator
  • Adobe Photoshop

COMPANY BRAND STYLE

TREELIFE

Treelife brand has their own brand style, all we needed to do was to create a website to encourage and reachout more people to educate them about nature and be a part of  leading more sustainable life.

PROCESS

The Home Page and Tree Page is as shown below.

Home Page includes;

  • A hero image with a quote that shows the brand personality and give the message
  • of what the Treelife is working on.
  • CTA button to encourage users to donate
  • Sustainable clothing section
  • Blog section
  • Footer

TREE Page includes;

    Tree pages consists of three sections As such;
  1. Importance of trees
  2. Most suitable Trees for our planet
  3. A guide to tree planting

  1. Importance of trees page

  • the purpose of this page is to users information about trees and to lighten up them about the nature
  • We have added a relatable image that could encourage saving the nature and lead them valuing the green life. Article section where curious users can benefit from reading more about nature and latest news.

  1. Most suitable trees for our planet page

  • this page prepared to Give users information about how to choose the most suitable tree for the space available.
    • This page prepared to give users information about how to choose the most suitable tree for the space available.
    • The company also provides list of available trees that can be donated by users to plant them in various areas to re generate the green areas.

  1. a guide to tree planting

  • This page prepared to give users information about how to plant a tree step by step. Because it is not always easy as it seems so, the page provides all necessary and detailed information with clear images to teach users to plant tree.

ABOUT US AND donate PAGE

    We have collected those pages on a single page where users can navigate by scrolling up and down. The company mission has been explained and presented with related images where users can feel save and trust the organisation
  • World Map; where company shows their work of re generating and planting green areas according to chosen continents. This also persuades the users that how big worldwide cooperation is the Treelife company.
  • Donation section where users can benefit by donating both a little and big amount.
  • There is also an option where users can decide whether they wish to donate anonymous or send it
    • as a gift to someone else, so that they can spread the idea of caring nature others in the best way they can.

WHAT I HAVE LEARNED?

  • This project has helped me to learn about storytelling, the use of images and certain persuasive techniques.
  • Keeping the information architecture intuitive and straightforward.
  • Organising content according to the user's mental model
  • Content modelling by following WCAG guidelines.

Heading