Trash for Trees
Non Profit Org | Includes : Brand + Website Design / Build, UX Research, Custom Icons / Illustrations, Copywriting
Trash for Trees is a Missouri-local non profit, partnering with local businesses in St. Louis to transform communities one tree at a time. Through sponsorship, they are able to plant trees in residents' yards, enhancing the environment, and fostering greener spaces. With a group of dedicated volunteers, their mission focuses on cleaning up neighborhoods and educating fellow community members, all while bringing back the area's essential native trees.
This project was an amazing experience; building a brand and site from the ground up for such a good cause. I love working with impactful organizations and non profits - anything that can further a movement is a great project in my book. Take a look at the end results of our hard work below:
Brand Mission
The Trash for Trees mission is simple: to reduce trash in the St. Louis community while re-introducing diminishing native trees into urban environments.
Responsibilities
Web-specific:
-
Competitive analysis
-
User journey
-
Site map
-
Low-fidelity wireframes
-
High-fidelity mockups and prototypes
-
Design system
-
Site purchase and build
-
Includes eCommerce funcionality
-
The Site
The Trash for Trees site needed to be the epitome of their brand: it's the central gathering place for all of their community members. I made sure to implement their core beliefs into every step of the process.
From creating custom illustrations and iconography to curating a massive gallery of on-brand stock photography to get them going; this project really started from a seed and grew into a mighty oak.
The core goal of the site is to lead community members who are eligible to request a tree/sapling to the store page. Each person is able to request a certain number of trees, add them to their cart, and checkout for free. This helps Trash for Trees keep a continuously updating list of who has requested a tree and how many they have "in stock", or available from their donator.
The problem
At the start of this project, Trash for Trees community members needed to go through the Org's Facebook page to request trees. This all happened through direct messages, and the organizer of the group was beginning to get overwhelmed and couldn't efficiently keep track of everything.
The goal
Create a well designed, accessible site for Trash for Trees that will make the ordering process for local trees smooth and easily trackable for the community organizers.
Research
My research centered on similar non profits in the St Louis area, to understand how adjacent businesses are laying out their services and forms. From the many orgs I’d found, I learned that we needed to keep things minimal, bright, and visually clean.
Design considerations
-
Ease of readability
-
Demographics for requestors
-
Include considerable contrast for accessibility
-
Utilize appropriate typography to represent the profession and add visual interest
-
Make the site easily scalable on a DIY level
