Back

UX/UI Case Study

A mobile application which helps users to Reduce, Reuse and Recycle waste.

Team

Duration

2Months

20+Screens

Tools

Figma Microsoft Teams Miro

Project Overview

Waste management is a universal issue that matters to every single person in the world. Many people are ready to sort and dispose of waste. We created application which provides simple actionable steps for citizens on how to dispose of their garbage responsibly and reduce waste in general.

Our Responsibilities:

  • User Research
  • Competitive Audit
  • Create Personas
  • Create User Flows
  • Paper and Digital Wireframing
  • Usability Studies
  • Lo-fi and Hi-fi Prototyping
  • Accessibility Considerations

Problem Statement

Every day tons of waste are taken to landfills most of them won’t disappear for hundreds of years. Many people don’t know how to and where to transport waste and see no reason to start sorting their garbage.
Moreover, finding reliable donors and beneficiaries for reducing waste might be difficult and it takes a lot of time.

Solution

  • • Greencycle provides an accessible and accurate information to increase awareness about waste management in everyday life.
  • • Allows users to easily sort waste correctly and recycle waste by scanning the items in their hands.
  • • Helps users to form eco-habits, provide information about recycling spots in the nearby locations.
  • • Motivates users to dispose trash in systematic way by rewarding them with points and gift cards.
  • • Helps users to reduce waste by donation. Application connects charity organizations, NGO’s and donors to each other.

Design Process

Define

Ideate

Brainstorming

Strategy Document

Competitor Analysis

User research

Problem Statement

User Personas

Empathize

User Flow

Site Map

Paper Wireframing

Lo-fi Wireframes

Lo-fi Prototypes
Hi-fi Prototypes

Prototype

Test

Usability Testing


Strategy Document

During the Empathize stage we brainstormed all possible waste management problems and created a strategy document for our mobile application.

Value Proposition

Our product aims improve overall waste
management within public and private
sector among retail and corporate individuals

  • Improve Environment
  • Raise awareness since childhood
  • Push companies to improve product packaging
  • Make people more happy with less garbage in the city
  • Show how to dispose garbage responsibly

Goal

Reduce, Reuse, Recycle

  • Reduce waste in general and create less polluted areas
  • Help recycling companies to easily collect waste
  • Help the municipality to filter and sort waste
  • Create better living environment and cleaner city
  • Help create a culture of sustainability

Vision

Our vision empathize to change citizen behaviour and attitude by identifying type of waste, analyze waste impact on global earth and local environment and minimize waste usage

Why would people use it?

  • Reusing Opportunities
  • Donation / Contribution
  • Be familiarized with waste management
  • Reusing
  • Donation
  • Contribution

Tasks & Scenarios

  • Make connection between waste recycler and citizen
  • Scan a product and identify waste type
  • Be informed about proper waste management

Users

  • Tbilisi Citizens & Residents
  • Recycler and Individual Collectors
  • 07 + (65) age.
  • Male, Female, Non-binary Options

Competitor Analysis

Eco-Score Scan

Service

Payment

Accessibility

Waste sorting

Scanner

Recycling bin spots

Scrapp

Sensonio

Flashlight
Manual Barcode Entry
Help Center

Free of charge

Activity Progress

Donation

Benefits

Trashly

App, Web

App, Web

iOS App

Free

Free

Free

Free

Languages

Flashlight

Dark mode Geolocation

N/A

App

Qualitative Research

We interviewed 17 potential users over phone calls to understands the challenges they
face in waste management at home. A few sample questions are listed below.

  • What knowledge do you have about waste management?
  • Are you motivated to learn more about waste management?
  • Would you participate in the waste collection process as a volunteer and why?
  • How do you manage waste in your home?
  • What additional features would you like in our app? (Already existing features - Scanner, Bin maps, Recyclable product list, Learning module.)
  • Have you ever wanted to donate your belongings rather than throw them away? What kind of products would you like to donate?
  • What do you think would be the quickest way to find charity organizations or people who are in need?

Insights

  • People will use this app
  • They are happy to volunteer
  • They need to have more information to increase their knowledge

We did an online survey using Google Forms to observe any pattern and similarity in what the potential users may want.
A total of 17 people responded which assisted us in frame the problem correctly.

In what format do you prefer to receive waste management information?

64%

Video

Audio

17 responses

Video

Text

What kind of incentives/benefits would

you prefer to get for using the app?

64%

Points

Sale

17 responses

Points

Donation

What would motivate you to share the

app with your friends?

45%

Points

Points

17 responses

Healthy Environment

Raise awareness

Would you be interested in using an app that enables you to identify charitable organization quickly?

80%

Yes

No

17 responses

Yes

Features Priority

We have sum up all the qualitative and quantitative research results and started voting for features and functions.

Identify Product Type

Waste Map

Tips & Tricks (Blogs)

Donation

Quizzes / Games

Learning Module (video)

Clean & Green Event

Packaging Shopping List

Glossary

5

5

4

5

3

2

4

1

2

5

5

5

3

4

3

2

2

2

5

4

3

3

1

3

2

2

2

5

5

4

3

3

2

1

2

1

5

5

4

5

3

2

1

1

1

25

24

20

19

14

12

10

10

8

Features

Dito

Alexandre

Levan

Nika

Ana

Results

User Persona

The persona canvas can be used to give a customer segment a face and name.

PERSONALITY

Independent

Team player

Messy

Organized

Busy

Time rich

Analytical

Creative

Introvert

Extrovert

Age


Job Title


Status


Location

25


F&B Manager


Single


Tbilisi

INTERESTS

Activities she likes to do

INFLUENCERS

What products or services are influencing

Ana is a very organized person, her job is a priority for her. She is constantly trying to make his environment better and healthier. Anna likes to do yoga and she often goes to Mziuri Park for meditation. As an F&B manager she would like to learn more about waste management and educate her team at work.

Anna Dvali

To learn more about waste management and educate her co-workers

Properly sort waste at her restaurant

Reduce food waste through donation

Learn more about how much her favorite products pollute the environment

Increase care of healthy environment

GOALS

Reasons to use our service

Doesn’t know where to donate excess food from the restaurant

Can’t figure out in which bin to put the rubbish in

Can't figure out how to categorize home waste prior throwing into bins

PAIN POINTS

What worries person

Epic

As a user, i want to learn more about waste management

User Story

As a user, i want to increase my knowledge about waste management, to properly categorize trash at work and home

As a user, i want to have less trash on the streets to take care of environment

To have increased knowledge on waste management

Live in healthier and sustainable environment

MOTIVATIONS

reasons for behaving in a particular way

PERSONALITY

Independent

Team player

Messy

Organized

Busy

Time rich

Analytical

Creative

Introvert

Extrovert

Age


Job Title


Status


Location

38


Teacher


Married, 3 children


Tbilisi

INFLUENCERS

What products or services are influencing

INTERESTS

Activities she likes to do

Natia loves children very much and always tries to share with them the knowledge and experience she learns with the help of various applications. She checks Facebook often and worries that she often sees fake information on a variety of topics, including incorrect instructions on how to recycle trash.

Natia Metreveli

GOALS

Reasons to use our service

Increase knowledge about waste management

Find simple way to explain waste category to her kids

Finding information of the nearest waste collection points.

MOTIVATIONS

reasons for behaving in a particular way

PAIN POINTS

What worries person

Epic

As a Teacher, i want to learn more about product recycling

User Story

As a Teacher, I aspire to have waste knowledge on product recycling because I want to educate my students on more productive ways to manage waste

As a mother, I want to find ways to explain recycling importance to kids to have a healthy and pollution-free environment

Doesn’t like when she sees too much mixed trash on the street

Doesn’t know which organization is a reliable donation receiver.

Doesn't know how to contribute to create healthy environment

To share the acquired knowledge and experience with students

Live in healthier and sustainable environment

PERSONALITY

Independent

Team player

Messy

Organized

Busy

Time rich

Analytical

Creative

Introvert

Extrovert

Age


Job Title


Status


Location

51


CEO, Expat


Married


Tbilisi

David constantly tried to grow and expand his business. Currently, he is trying to import and sell his equipment in Georgia. He constantly travels and studies people's behavior in relation to waste recycling. David is an environmentalist by calling and constantly tries to live ecologically.

David Müller

GOALS

Reasons to use our service

Understand Georgian people knowledge about waste management

To investigate the Georgian waste market

Explore businesses in the proper direction of waste management

INTERESTS

Activities she likes to do

INFLUENCERS

What products or services are influencing

PAIN POINTS

What worries person

Epic

As a CEO of my company I want to know more about georgian waste management culture

User Story

As a CEO my mission is to know precise behavior of georgian people on managing the waste because I want to improve their knowledge and market

As a CEO I want to easily find other companies in this field to create connections with local stakeholders

MOTIVATIONS

reasons for behaving in a particular way

Doesn’t know where the closest recycling container is located.

Lack of categorized trash bins

Doesn’t have information about charity organizations who collects used clothes and furniture for donation.

Increase overall recycle and cultural knowledge within locals and companies

Create connection with local stakeholders

User Flow

Identify Products

Locate Waste Bin

Read More About Waste

Reward System

Donation System

Choose

Type of Waste

Chosen

Waste

Page

Reads Info

About Waste

Watches

Videos

Chooses to read more about other

type of wastes or Finish action

Choose

Reward Tab

Reward

Screen

Sees Points

Switches to Points

Redeem Tab

Point

Redeem

Screen

Chooses to Redeem

Item or Finish action

Choose

Donation Tab

Donation

Screen

Switches to preferred

Donation Type

Chooses preferred places to donate

or collect

Contact

Information

of Places

Chooses to

Contact the Place

or Finish action

Opens App

Choose Scan

Button

Choose Search

Button

Types Desired

Product Name

Clicked desired product to read more information

User finishes reading

and goes back

to home screen

Home Screen

Scan

Screen

Waste

Bin info

Screen

Scans the product

(image,barcode)

Choose

Map Tab

View Nearby Trash Bins

Map

Location

Screen

Waste

Bin info

Screen

Pushes

“My Location Button”

or Searches nearby

Finish

Action

Site Map

Donate

Rewards

Available Places

Place Info

Call

Socials

Redeem Options

History

Donation Type

Points

Language

About Us

F.A.Q

Support

Log out

My information

Notifications

Profile
/Settings

Location Search

Your Location

Bins Info

Profile

Map

Scan Product

Upload Picture

Enter Barcode Manually

Instruction

Scan

Search Suggestions

Recent Searches

Home Screen

Search

Home

Featured Info

Waste Category

Tips & Tricks

Games

Nearby Events

Video Guides

Paper Wireframes

We made paper wireframing and did a vote on the best options

Lo-fi Wireframes

Lo-fi wireframes of the GreenCycle app shown on tilted phones

Web Lo-fi Wireframes

Lo-fi wireframes of the GreenCycle landing page

Usability Study

We conducted moderated usability testing online and in person

Prompts

  • Create an account
  • Find the scan function and scan the demo product.
  • The app allows you to earn points, check it out
  • Imagine that you live in Rustaveli 20, look for a waste bin (garbage box) near you and find out what kind of waste can be thrown in this bin.
  • Get more information about plastic waste
  • Find any charity organization and check their phone number
  • In general, how much did you like the app, what would you change in the app and which features would you add in the future?
  • Would you use this app in the future?

Usability study findings

  • all participants could easily register

  • 5/7 participants had issue with going back to home page and bottle button had no function for them

  • 4/7 participants could not find page about point collection, but could easily switch inside pages

  • 5/7 participants wanted to have back button on both pages, and not to have two arrow in the last one

  • 5/7 participants could easily find the plastic bottle page, and they found it to be easy to navigate

  • 6/7 participants easily found the list of donors and their contact information.

Hi-Fidelity Mockups

Home Screen

On the home screen user can choose type of waste and learn more about our games, events and waste management tips and tricks.

Slider

A place that will provide the user with information about the application

Type of waste

Information space on types of garbage and their overview

Tips & Tricks

A space for users to receive information

Games

Games space

Video Guides

Space for informative videos on waste recycling

Nearby Events

A space of green spaces

Scan item

Scanning can be used to identify the correct material from the barcode of the item and help the user to find the correct bin

Donation

Donation page helps user to choose donation type and find reliable charity organizations or donors with description and contact information.

Map

Map allows users to select bins based on location and
follow a guide to reach the recycle bins

Accessibility Considerations

Color Contrast

We used a tool to check contrast ratio for text and UI elements.
Colors accessibility meets the standard WCAG 2.1

Icons

We used icons for easy navigation

Design System

Color Palette

  • #002E2E
  • #008263
  • #DBF6D5
  • #F6F6F6
  • #FFFFFF

Typography

GreenCycle uses
Roboto typeface

GreenCycle
26 Bold
GreenCycle
24 Medium
GreenCycle
22 medium
GreenCycle
18 Bold
GreenCycle
18 Regular
GreenCycle
16 Regular
GreenCycle
14 Regular
GreenCycle
12 Medium

Buttons

Iconography

Navigation

What We Learned

Working on this project was an interesting, challenging and fun experience for our team.
User Research and Team Work helped to avoid personal bias.
Proper going through design process allow us to come up with feasible and useful solutions.