Contra Project: Green Guide

Sierra Arnold

Product Designer
Figma
Google Drive

IN COLLABORATION WITH:

Problem

Recycling is the process of collecting and processing materials that would otherwise be thrown away as trash and turning them into new products. It's sustainable and cost-saving for our communities and the environment. However, there are a lot of dos and don'ts when it comes to which materials can be recycled and how to recycle them, and these rules can differ from one city to the next. The contradictory rules and information can be overwhelming to locate and difficult to remember. Nevertheless, many people care about recycling and want to do it right. How can we make the process of recycling faster and easier to understand?

Project Description

Green Guide is an app concept intended to connect users with quality information, community resources, and recycling locations, and identify eligible or incompatible materials to help people quickly and easily identify what to recycle, where to recycle, and how to recycle.

Primary + secondary logos

Goals

  • Make the process of recycling easy and user-friendly
  • Encourage participation in recycling practices
  • Inform and educate proper recycling procedures
  • Help heal the planet through shared resources

Deliverables

  • Logo
  • Logo Mark
  • Icons
  • Color Palette + Typography
  • Mobile App Mockups
  • Mobile App Prototype
  • Social Media Advertising Graphics

Design Decisions

Branding

We wanted Green Guide to be an approachable, user-friendly app. By using a sans-serif font (Rucksack) and lowercase fonts, we aimed to create a feeling of friendliness and a welcoming environment to all.

Meaning behind the icons:

  • Effective information (cell phone icon) to teach them the basics, intermediate, and advanced ways of recycling.
  • Practical resources (light bulb icon) to utilize the app and community knowledge of recycling opportunities.
  • Connecting locations for recycling (bottle icon) essential materials like plastics, glass, aluminum and more.
  • Shareable materials that are either eligible or incompatible for recycling or reusable methods (shirt icon) for sustainable living.
  • Branding guide
Social media advertising graphic

UX/UI Design

Currently, the Green Guide app is designed with four main features: a photo scanning tool, a map of recycling centers, a tutorial for using the app, and recycling resource pages.

The homepage contains the camera tool with which the user takes a picture of the object they want to recycle. The app scans the photo to identify the object's material, such as #5 plastic, and displays the corresponding resource page which tells the user if and how the material should be recycled. This page also contains information such as the recycling schedule for the user's location.

The map icon leads to the map page, where the user can see recycling centers in their area marked with pins on the map. The help icon leads to the tutorial page, which walks the user through the process of using the app.

These features will be used to support recycling efforts in the user’s individual communities and beyond as we work to combat climate change, supply chain issues, environmental damage, and more.

Mockups for Green Guide landing, sign up, login, and home pages
Mockups for Green Guide tutorial, resource, and map pages

View the Green Guide prototype here!

2021

Partner With Sierra
View Services

More Projects by Sierra